/*
 * Painting estimator summary rail
 * Gives the financial summary enough room for readable labels while preserving
 * the protected estimator calculations and the stacked responsive layout.
 */
@media (min-width: 1321px) {
  .proposal-section-shell:has(.painting-module-shell) .pe-layout,
  .painting-proposal-flow > .pe-layout {
    grid-template-columns: minmax(0, 1fr) 340px !important;
    gap: 12px !important;
  }

  .painting-reference-summary .painting-financial-grid > label,
  .painting-reference-summary .painting-financial-grid > div {
    grid-template-columns: 32px minmax(105px, 1fr) 88px !important;
    column-gap: 10px !important;
  }

  .painting-reference-summary .painting-financial-grid span {
    min-width: 0 !important;
    white-space: nowrap !important;
  }

  .painting-reference-summary .painting-financial-grid :is(input, strong) {
    width: 88px !important;
    min-width: 88px !important;
  }

  /* Keep Proposal Price anchored while the estimator page scrolls. The rail
     starts below the persistent Interior / Exterior selector and scrolls
     internally when its full proposal summary is taller than the viewport. */
  .home-repair-painting-embed:has(.painting-module-shell) .painting-reference-summary {
    position: sticky !important;
    top: 92px !important;
    max-height: calc(100dvh - 104px) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    align-self: start !important;
    z-index: 120 !important;
  }

}

/* Keep the estimator and its proposal media in one independent work column.
   The summary remains the adjacent right rail without forcing blank height
   between the working canvas and the photo workspace. */
.painting-proposal-flow .painting-service-work {
  min-width: 0;
}

/* Home Repair Interior clarity pass.
   These compact operational labels use a real Windows UI font weight instead
   of a synthesized 800/850 face, which otherwise looks soft at this scale. */
.home-repair-painting-embed .home-repair-painting-context > .btn,
.home-repair-painting-embed .painting-reference-summary .paint-summary-lines > header,
.home-repair-painting-embed .painting-reference-summary .painting-financial-grid > label,
.home-repair-painting-embed .painting-reference-summary .painting-financial-grid > div,
.home-repair-painting-embed .painting-module-shell .painting-section-row,
.home-repair-painting-embed .painting-module-shell .paint-room-total,
.home-repair-painting-embed .home-repair-painting-context > .btn :is(span, strong),
.home-repair-painting-embed .painting-reference-summary .paint-summary-lines > header :is(span, strong),
.home-repair-painting-embed .painting-reference-summary .painting-financial-grid :is(span, strong),
.home-repair-painting-embed .painting-module-shell .painting-section-row :is(span, strong, b),
.home-repair-painting-embed .painting-module-shell .paint-room-total :is(span, strong) {
  font-family: "Segoe UI", Arial, sans-serif !important;
  font-synthesis: none !important;
  text-shadow: none !important;
  filter: none !important;
  opacity: 1 !important;
  -webkit-font-smoothing: subpixel-antialiased !important;
  -moz-osx-font-smoothing: auto !important;
  text-rendering: optimizeLegibility !important;
}

.home-repair-painting-embed .home-repair-painting-context > .btn {
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
}

.premium-app .painting-reference-summary .paint-summary-lines > header,
.premium-app .painting-reference-summary .paint-summary-lines > header span {
  font-family: Arial, "Segoe UI", sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: #f7fbff !important;
  font-synthesis: none !important;
  text-shadow: none !important;
  filter: none !important;
  opacity: 1 !important;
  transform: none !important;
  will-change: auto !important;
  text-rendering: auto !important;
  -webkit-font-smoothing: auto !important;
}

.home-repair-painting-embed .painting-module-shell .painting-section-row strong {
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

.home-repair-painting-embed .painting-module-shell .painting-section-row :is(span, b) {
  font-size: 11.5px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

.home-repair-painting-embed .painting-module-shell .paint-room-total span {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}

.home-repair-painting-embed .painting-module-shell .paint-room-total strong {
  font-weight: 700 !important;
}

/* The embedded summary belongs to the dark-blue estimator canvas. */
.home-repair-painting-embed .painting-reference-summary {
  background: #06111b !important;
  border: 1px solid #294052 !important;
  box-shadow: none !important;
}

.home-repair-painting-embed .painting-reference-summary > .paint-summary-card {
  background: #081722 !important;
  border-color: #294052 !important;
  box-shadow: none !important;
}

.home-repair-painting-embed .painting-reference-summary .painting-financial-grid > label,
.home-repair-painting-embed .painting-reference-summary .painting-financial-grid > div {
  min-height: 54px !important;
  align-items: center !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.home-repair-painting-embed .painting-reference-summary .painting-financial-grid span {
  font-size: 12px !important;
  line-height: 1.25 !important;
}

.home-repair-painting-embed .painting-reference-summary .painting-financial-grid :is(input, strong) {
  font-size: 15px !important;
  line-height: 1.1 !important;
}

/* Keep internal budget details available without crowding the approval rail. */
.home-repair-painting-embed .painting-reference-summary .painting-financials-disclosure {
  margin-top: 8px !important;
  border: 1px solid #365348 !important;
  border-radius: 8px !important;
  background: #08121a !important;
  overflow: hidden !important;
}

.home-repair-painting-embed .painting-reference-summary .painting-financials-disclosure > summary {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 42px !important;
  padding: 9px 11px !important;
  list-style: none !important;
  color: #f2f7fa !important;
  cursor: pointer !important;
}

.home-repair-painting-embed .painting-reference-summary .painting-financials-disclosure > summary::marker { content: "" !important; }
.home-repair-painting-embed .painting-reference-summary .painting-financials-disclosure > summary::-webkit-details-marker { display: none !important; }
.home-repair-painting-embed .painting-reference-summary .painting-financials-disclosure > summary > span { display: flex !important; align-items: center !important; gap: 7px !important; min-width: 0 !important; }
.home-repair-painting-embed .painting-reference-summary .painting-financials-disclosure > summary > span:first-child { flex: 1 1 auto !important; }
.home-repair-painting-embed .painting-reference-summary .painting-financials-disclosure > summary > span:last-child { flex: 0 0 auto !important; margin-left: auto !important; }
.home-repair-painting-embed .painting-reference-summary .painting-financials-disclosure > summary svg { width: 17px !important; height: 17px !important; color: #55dc88 !important; }
.home-repair-painting-embed .painting-reference-summary .painting-financials-disclosure > summary strong { font-size: 13px !important; }
.home-repair-painting-embed .painting-reference-summary .painting-financials-disclosure > summary b { color: #55dc88 !important; font-size: 12px !important; white-space: nowrap !important; }
.home-repair-painting-embed .painting-reference-summary .painting-financials-disclosure > summary > span:last-child svg { color: #9eb0bd !important; transition: transform .16s ease !important; }
.home-repair-painting-embed .painting-reference-summary .painting-financials-disclosure[open] > summary { border-bottom: 1px solid #30424e !important; }
.home-repair-painting-embed .painting-reference-summary .painting-financials-disclosure[open] > summary > span:last-child svg { transform: rotate(180deg) !important; }
.home-repair-painting-embed .painting-reference-summary .painting-financials-disclosure > .painting-financials { margin: 0 !important; padding: 10px !important; border: 0 !important; border-radius: 0 !important; }
.home-repair-painting-embed .painting-reference-summary .painting-financials-disclosure > .painting-financials > header { display: none !important; }

/* Keep the Painting budget disclosure visually closed until its summary is opened. */
.home-repair-painting-embed .painting-reference-summary .painting-financials-disclosure:not([open]) > .painting-financials {
  display: none !important;
}