/* Roofing feedback pass: one auto-saving photo action, compact rail disclosures, and legible field labels. */

.hgc-root .hgc-estimator-page.hgc-rc-page .hgc-rc-rail-disclosure {
  display: block !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

.hgc-root .hgc-estimator-page.hgc-rc-page .hgc-rc-summary.hgc-rc-rail-disclosure {
  padding: 0 !important;
}

.hgc-root .hgc-estimator-page.hgc-rc-page .hgc-rc-rail-disclosure > summary {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  min-height: 56px !important;
  padding: 13px 15px !important;
  cursor: pointer !important;
  list-style: none !important;
  color: #f5f8fa !important;
  background: #081620 !important;
}

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

.hgc-root .hgc-estimator-page.hgc-rc-page .hgc-rc-rail-disclosure > summary:focus-visible {
  outline: 2px solid #ff7a00 !important;
  outline-offset: -3px !important;
}

.hgc-root .hgc-estimator-page.hgc-rc-page .hgc-rc-rail-disclosure[open] > summary {
  border-bottom: 1px solid #2b4252 !important;
}

.hgc-root .hgc-estimator-page.hgc-rc-page .hgc-rc-rail-summary > h4,
.hgc-root .hgc-estimator-page.hgc-rc-page .hgc-rc-rail-summary > span > strong {
  display: block !important;
  margin: 0 !important;
  color: #f5f8fa !important;
  font-size: 16px !important;
  font-weight: 850 !important;
  line-height: 1.25 !important;
}

.hgc-root .hgc-estimator-page.hgc-rc-page .hgc-rc-rail-summary > span > small,
.hgc-root .hgc-estimator-page.hgc-rc-page .hgc-rc-rail-summary-meta small {
  display: block !important;
  margin-top: 2px !important;
  color: #9fb2c0 !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  line-height: 1.3 !important;
}

.hgc-root .hgc-estimator-page.hgc-rc-page .hgc-rc-rail-summary-meta {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 9px !important;
  flex: 0 0 auto !important;
  text-align: right !important;
}

.hgc-root .hgc-estimator-page.hgc-rc-page .hgc-rc-rail-summary-meta strong {
  color: #fff !important;
  font-size: 17px !important;
  font-weight: 850 !important;
}

.hgc-root .hgc-estimator-page.hgc-rc-page .hgc-rc-rail-summary-meta svg {
  width: 19px !important;
  height: 19px !important;
  color: #ff922f !important;
  transition: transform 160ms ease !important;
}

.hgc-root .hgc-estimator-page.hgc-rc-page .hgc-rc-rail-disclosure[open] > summary .hgc-rc-rail-summary-meta svg {
  transform: rotate(180deg) !important;
}

.hgc-root .hgc-estimator-page.hgc-rc-page .hgc-rc-summary.hgc-rc-rail-disclosure > dl {
  margin-right: 15px !important;
  margin-left: 15px !important;
}

.hgc-root .hgc-estimator-page.hgc-rc-page .hgc-rc-summary.hgc-rc-rail-disclosure > section {
  padding-right: 15px !important;
  padding-bottom: 15px !important;
  padding-left: 15px !important;
}

.hgc-root .hgc-estimator-page.hgc-rc-page .hgc-rc-detail-disclosure {
  width: auto !important;
  min-width: 112px !important;
  height: 40px !important;
  padding: 0 10px !important;
  border: 1px solid #8c510f !important;
  border-radius: 8px !important;
  background: #25180d !important;
}

.hgc-root .hgc-estimator-page.hgc-rc-page .hgc-rc-detail-disclosure b {
  white-space: nowrap !important;
  font-size: 14px !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 {
  font-size: 15px !important;
}

.hgc-root .hgc-estimator-page.hgc-rc-page .hgc-rc-pricing-note-grid .hgc-rc-note-heading em {
  padding: 4px 8px !important;
  font-size: 12px !important;
}

@media (max-width: 780px) {
  .hgc-root .hgc-estimator-page.hgc-rc-page .hgc-rc-summary.hgc-rc-rail-disclosure {
    display: block !important;
    grid-template-columns: none !important;
    padding: 0 !important;
  }

  .hgc-root .hgc-estimator-page.hgc-rc-page .hgc-rc-summary.hgc-rc-rail-disclosure > summary h4 {
    display: block !important;
  }

  .hgc-root .hgc-estimator-page.hgc-rc-page .hgc-rc-summary.hgc-rc-rail-disclosure[open] > dl,
  .hgc-root .hgc-estimator-page.hgc-rc-page .hgc-rc-summary.hgc-rc-rail-disclosure[open] > dl.totals {
    display: grid !important;
  }

  .hgc-root .hgc-estimator-page.hgc-rc-page .hgc-rc-summary.hgc-rc-rail-disclosure[open] > section {
    display: grid !important;
  }

  .hgc-root .hgc-estimator-page.hgc-rc-page .hgc-rc-summary.hgc-rc-rail-disclosure[open] > section > div {
    display: flex !important;
  }
}

@media (max-width: 720px) {
  .hgc-root .hgc-estimator-page.hgc-rc-page .hgc-rc-detail-disclosure {
    min-width: 104px !important;
  }

  .hgc-root .hgc-estimator-page.hgc-rc-page .hgc-rc-pricing-note-grid .hgc-rc-note-heading {
    align-items: flex-start !important;
    flex-wrap: wrap !important;
  }
}

@media (max-width: 700px) {
  .proposal-media-header-actions:not(:has(.if-measure-launch)) .proposal-media-upload {
    grid-column: 1 / -1 !important;
    width: 100% !important;
  }
}