/* QA1125 Roofing pricing details: compact disclosure and shared note-card parity. */
.hgc-root .hgc-estimator-page.hgc-rc-page .hgc-rc-condition-group {
  padding: 0 !important;
  overflow: hidden !important;
}

.hgc-root .hgc-estimator-page.hgc-rc-page .hgc-rc-condition-group > summary {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  padding: 16px !important;
  cursor: pointer !important;
  list-style: none !important;
}

.hgc-root .hgc-estimator-page.hgc-rc-page .hgc-rc-condition-group > summary::-webkit-details-marker {
  display: none !important;
}

.hgc-root .hgc-estimator-page.hgc-rc-page .hgc-rc-detail-disclosure {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  color: #9ec7e4 !important;
}

.hgc-root .hgc-estimator-page.hgc-rc-page .hgc-rc-detail-disclosure b {
  font-size: 13px !important;
  font-weight: 800 !important;
}

.hgc-root .hgc-estimator-page.hgc-rc-page .hgc-rc-detail-disclosure svg {
  width: 18px !important;
  height: 18px !important;
  transition: transform 160ms ease !important;
}

.hgc-root .hgc-estimator-page.hgc-rc-page .hgc-rc-condition-group[open] .hgc-rc-detail-disclosure svg {
  transform: rotate(180deg) !important;
}

.hgc-root .hgc-estimator-page.hgc-rc-page .hgc-rc-condition-group > .hgc-rc-condition-list {
  padding: 0 16px 16px !important;
  border-top: 1px solid #263a4b !important;
}

.hgc-root .hgc-estimator-page.hgc-rc-page .hgc-rc-pricing-notes {
  display: grid !important;
  grid-column: 1 / -1 !important;
  gap: 12px !important;
  padding: 16px !important;
}

.hgc-root .hgc-estimator-page.hgc-rc-page .hgc-rc-pricing-notes > .hgc-rc-pricing-notes-head {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 16px !important;
  padding: 0 0 10px !important;
  border-bottom: 1px solid #263a4b !important;
}

.hgc-root .hgc-estimator-page.hgc-rc-page .hgc-rc-pricing-notes-head span {
  display: block !important;
  margin: 0 0 3px !important;
  color: #ff9a35 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .04em !important;
  line-height: 1.25 !important;
  text-transform: uppercase !important;
}

.hgc-root .hgc-estimator-page.hgc-rc-page .hgc-rc-pricing-notes-head h3 {
  margin: 0 !important;
  color: #f5f8fa !important;
  font-size: 22px !important;
  line-height: 1.2 !important;
}

.hgc-root .hgc-estimator-page.hgc-rc-page .hgc-rc-pricing-notes-head p {
  margin: 4px 0 0 !important;
  color: #aac0cf !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
}

.hgc-root .hgc-estimator-page.hgc-rc-page .hgc-rc-pricing-note-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

.hgc-root .hgc-estimator-page.hgc-rc-page .hgc-rc-pricing-note-grid > label,
.hgc-root .hgc-estimator-page.hgc-rc-page .hgc-rc-exclusions-note {
  display: grid !important;
  grid-template-rows: auto minmax(84px, auto) auto !important;
  gap: 6px !important;
  min-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.hgc-root .hgc-estimator-page.hgc-rc-page .hgc-rc-pricing-note-grid .hgc-rc-note-heading {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 26px !important;
  gap: 8px !important;
}

.hgc-root .hgc-estimator-page.hgc-rc-page .hgc-rc-pricing-note-grid .hgc-rc-note-heading b,
.hgc-root .hgc-estimator-page.hgc-rc-page .hgc-rc-exclusions-note > span {
  color: #f5f8fa !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
}

.hgc-root .hgc-estimator-page.hgc-rc-page .hgc-rc-pricing-note-grid .hgc-rc-note-heading em {
  padding: 3px 7px !important;
  border: 1px solid #385267 !important;
  border-radius: 4px !important;
  font-size: 10px !important;
  font-style: normal !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
}

.hgc-root .hgc-estimator-page.hgc-rc-page .hgc-rc-pricing-note-grid .hgc-rc-note-heading em.customer {
  border-color: #3d7532 !important;
  color: #9bdd6a !important;
}

.hgc-root .hgc-estimator-page.hgc-rc-page .hgc-rc-pricing-note-grid .hgc-rc-note-heading em.company {
  border-color: #985818 !important;
  color: #ffad51 !important;
}

.hgc-root .hgc-estimator-page.hgc-rc-page .hgc-rc-pricing-note-grid .hgc-rc-note-heading em.crew {
  border-color: #315d83 !important;
  color: #8dc6f7 !important;
}

.hgc-root .hgc-estimator-page.hgc-rc-page .hgc-rc-pricing-note-grid textarea,
.hgc-root .hgc-estimator-page.hgc-rc-page .hgc-rc-exclusions-note textarea {
  width: 100% !important;
  height: 84px !important;
  min-height: 84px !important;
  padding: 10px 11px !important;
  border: 1px solid #3c5e75 !important;
  border-radius: 6px !important;
  background: #020910 !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
  resize: vertical !important;
}

.hgc-root .hgc-estimator-page.hgc-rc-page .hgc-rc-pricing-note-grid textarea:focus,
.hgc-root .hgc-estimator-page.hgc-rc-page .hgc-rc-exclusions-note textarea:focus {
  border-color: #ff7a00 !important;
  box-shadow: 0 0 0 3px rgba(255,122,0,.14) !important;
  outline: none !important;
}

.hgc-root .hgc-estimator-page.hgc-rc-page .hgc-rc-pricing-notes [data-roof-note-count] {
  justify-self: end !important;
  color: #7f92a1 !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
}

.hgc-root .hgc-estimator-page.hgc-rc-page .hgc-rc-exclusions-note {
  margin-top: 2px !important;
  padding-top: 12px !important;
  border-top: 1px solid #263a4b !important;
}

@media (max-width: 720px) {
  .hgc-root .hgc-estimator-page.hgc-rc-page .hgc-rc-condition-group > summary {
    align-items: flex-start !important;
    padding: 13px !important;
  }

  .hgc-root .hgc-estimator-page.hgc-rc-page .hgc-rc-condition-group > .hgc-rc-condition-list {
    padding: 0 13px 13px !important;
  }

  .hgc-root .hgc-estimator-page.hgc-rc-page .hgc-rc-pricing-notes {
    padding: 13px !important;
  }

  .hgc-root .hgc-estimator-page.hgc-rc-page .hgc-rc-pricing-note-grid {
    grid-template-columns: 1fr !important;
  }
}