/* Final alignment pass: shared proposal header, Command Center dark surfaces, and one orange. */
:root { --proposal-accent-orange: #f58216; }

.painting-proposal-flow.estimate-service-module {
  min-height: max-content;
  padding: 16px 20px 150px;
  overflow: visible;
  color: #f3f7fb;
  background: #050b10;
}

.painting-proposal-flow .painting-service-media {
  margin: 12px 0 14px;
}

.painting-proposal-flow .pe-layout {
  grid-template-columns: minmax(0, 1fr) 330px;
  align-items: start;
  min-height: auto;
  overflow: visible;
  background: #050b10;
}

.painting-proposal-flow .pe-main,
.painting-proposal-flow .paint-rooms,
.painting-proposal-flow .painting-pricing-workspace,
.painting-proposal-flow .pe-tool-panel,
.painting-proposal-flow .pe-price-center,
.painting-proposal-flow .painting-estimator-section,
.painting-proposal-flow .painting-room-workspace {
  color: #f3f7fb;
  background-color: #08131d;
  border-color: #294052;
}

.painting-proposal-flow input,
.painting-proposal-flow select,
.painting-proposal-flow textarea {
  color: #f3f7fb;
  background: #050d14;
  border-color: #354c5e;
}

.painting-proposal-flow .pe-price-center {
  width: 330px;
  font-size: 14px;
}
.painting-proposal-flow .pe-price-center strong,
.painting-proposal-flow .pe-price-center b { font-size: 1.06em; }
.painting-proposal-flow .pe-price-center input { min-height: 39px; font-size: 15px; font-weight: 800; }

.painting-proposal-flow .primary,
.painting-proposal-flow .hgc-primary,
.painting-proposal-flow button.active {
  border-color: var(--proposal-accent-orange);
}

.painting-proposal-flow .mobile-bottom-nav,
.content:has(.painting-proposal-flow) + .mobile-bottom-nav {
  position: sticky;
}

.painting-shared-estimate-page .estimate-shared-layout {
  grid-template-columns: minmax(0, 1fr) 304px;
}

.painting-shared-estimate-page .estimate-shared-summary {
  font-size: 14px;
}

.hgc-proposal-photo-panel {
  margin: 12px 20px 0;
  overflow: hidden;
  background: #07121b;
  border: 1px solid #294052;
  border-radius: 11px;
}
.hgc-proposal-photo-panel > summary {
  min-height: 54px;
  display: grid;
  grid-template-columns: auto minmax(0,1fr) auto;
  align-items: center;
  gap: 11px;
  padding: 10px 14px;
  color: #f4f7fa;
  cursor: pointer;
  list-style: none;
}
.hgc-proposal-photo-panel > summary::-webkit-details-marker { display: none; }
.hgc-proposal-photo-panel > summary > span {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  color: #f58216;
  border: 1px solid #f58216;
  border-radius: 50%;
}
.hgc-proposal-photo-panel > summary small { display: block; color: #f58216; font-size: 10px; font-weight: 900; letter-spacing: .06em; }
.hgc-proposal-photo-panel > summary strong { display: block; margin-top: 2px; font-size: 15px; }
.hgc-proposal-photo-panel > summary > em { color: #9fb1c2; transition: transform .18s; }
.hgc-proposal-photo-panel[open] > summary > em { transform: rotate(180deg); }
.hgc-proposal-photo-panel .proposal-media-workspace { margin: 0; border-width: 1px 0 0; border-radius: 0; }
.hgc-proposal-photo-panel .proposal-media-workspace > header > span { display: none; }
.hgc-proposal-photo-panel .proposal-media-workspace > header { grid-template-columns: minmax(0,1fr) auto; }

.home-repair-proposal-media {
  padding: 0 20px 110px;
  background: #050b10;
}

.customer-experience-page {
  --cx-orange: #f58216;
}
.customer-experience-page .cx-primary,
.customer-experience-page .cx-unsigned-approve,
.customer-experience-page .cx-portal-link.is-active {
  color: #071018;
  background: #f58216;
  border-color: #f58216;
  box-shadow: 0 9px 24px rgba(245,130,22,.22);
}
.customer-experience-page .cx-primary:hover,
.customer-experience-page .cx-unsigned-approve:hover,
.customer-experience-page .cx-portal-link.is-active:hover {
  color: #071018;
  background: #ff962f;
  border-color: #ff962f;
  filter: none;
}
.customer-experience-page .cx-approval-action-grid .cx-signed-approve {
  color: #bcecff;
  background: rgba(9,92,132,.2);
  border-color: #1589bd;
  box-shadow: 0 8px 22px rgba(22,145,199,.12);
}
.customer-experience-page .cx-approval-action-grid .cx-signed-approve:hover,
.customer-experience-page .cx-approval-action-grid .cx-signed-approve:focus-visible {
  color: #fff;
  background: rgba(14,116,144,.3);
  border-color: #38bdf8;
  filter: none;
}
.customer-experience-page .cx-approval-action-grid .cx-unsigned-approve {
  color: #e2d1ff;
  background: rgba(91,47,148,.2);
  border-color: #7d55c7;
  box-shadow: 0 8px 22px rgba(124,58,237,.1);
}
.customer-experience-page .cx-approval-action-grid .cx-unsigned-approve:hover,
.customer-experience-page .cx-approval-action-grid .cx-unsigned-approve:focus-visible {
  color: #fff;
  background: rgba(124,58,237,.29);
  border-color: #b78bff;
}
.customer-experience-page .cx-kicker,
.customer-experience-page .cx-brand small,
.customer-experience-page .cx-summary header small,
.customer-experience-page .cx-summary-line.total strong,
.customer-experience-page .cx-mobile-bar strong,
.customer-experience-page .cx-choice b,
.customer-experience-page .cx-option b {
  color: #f58216;
}

@media (max-width: 1180px) {
  .painting-proposal-flow .pe-layout { grid-template-columns: minmax(0,1fr) 300px; }
  .painting-proposal-flow .pe-price-center { width: 300px; }
}

@media (max-width: 900px) {
  .painting-proposal-flow.estimate-service-module { padding: 12px 12px 145px; }
  .painting-proposal-flow .pe-layout { grid-template-columns: 1fr; }
  .painting-proposal-flow .pe-price-center { position: static; width: auto; }
  .hgc-proposal-photo-panel { margin: 10px 12px 0; }

  .painting-shared-estimate-page .estimate-shared-layout,
  .painting-shared-estimate-page .estimate-shared-layout.summary-collapsed {
    grid-template-columns: minmax(0, 1fr);
  }

  .painting-shared-estimate-page .estimate-shared-layout > main,
  .painting-shared-estimate-page .estimate-shared-summary,
  .painting-shared-estimate-page .estimate-shared-summary.is-collapsed {
    width: 100%;
    min-width: 0;
  }

  .painting-shared-estimate-page .estimate-shared-summary {
    position: static;
  }
}