/* V0.15.12 — remove legacy green surfaces and bring quick-edit into the warm light system */

/* Quick edit sheet: same visual language as the rest of V15. */
.summary-quick-editor-backdrop{
  background:rgba(32,40,51,.34)!important;
  backdrop-filter:blur(10px)!important;
}
.summary-quick-editor{
  background:#f8f4ee!important;
  color:#202833!important;
  border:1px solid #d9d0c5!important;
  box-shadow:0 30px 90px rgba(38,31,24,.24)!important;
}
.summary-quick-editor-head span{color:#9d6639!important}
.summary-quick-editor-head strong{color:#202833!important}
.summary-quick-close{
  color:#6d7278!important;
  background:transparent!important;
}
.summary-quick-close:hover,.summary-quick-close:focus-visible{color:#202833!important}
.summary-quick-field{color:#6d7278!important}
.summary-quick-input-wrap{
  background:#fffaf4!important;
  border:1px solid #d6c8b8!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75)!important;
}
.summary-quick-input-wrap:focus-within{
  border-color:#c88e5c!important;
  box-shadow:0 0 0 3px rgba(200,142,92,.12)!important;
}
.summary-quick-input-wrap i{color:#6d7278!important}
.summary-quick-input-wrap input{
  color:#202833!important;
  -webkit-text-fill-color:#202833!important;
}
.summary-quick-actions button{
  border:1px solid #d6c8b8!important;
  background:#fffaf4!important;
  color:#202833!important;
  box-shadow:0 3px 10px rgba(61,48,36,.05)!important;
}
.summary-quick-actions button:hover{
  background:#f2e7da!important;
  border-color:#c9986e!important;
  box-shadow:0 10px 24px rgba(61,48,36,.10)!important;
}
.summary-quick-save{
  background:#c88e5c!important;
  color:#202833!important;
  border-color:#c88e5c!important;
}
.summary-quick-save:hover{background:#b77c4b!important;border-color:#b77c4b!important}

/* Editing affordances should be copper, not mint/green. */
.summary-editable:hover,.summary-editable:focus-visible{
  border-color:#d3b99f!important;
  background:#f7efe5!important;
}

/* Remove the last pale green card backgrounds. Keep colour as a small semantic accent only. */
.deal-action-hint,
body[data-app-view="upcoming"] .deal-action-hint{
  background:#f2ebe2!important;
  border-color:#ded0c0!important;
}
.deal-action-hint span{color:#9d6639!important}
.deal-action-hint strong{color:#202833!important}
.deal-action-hint small{color:#6d7278!important}

body[data-app-view="future"] #homeProjection .projection-core-card.current-estimate,
body[data-app-view="future"] #homeProjection .projection-core-card.future-estimate,
body[data-app-view="future"] .next-home-results>div.primary,
body[data-app-view="future"] #nextHomePlanner .next-home-results>div.primary{
  background:#f7f1e8!important;
  border-color:#dfd1c1!important;
}
body[data-app-view="future"] #homeProjection .projection-core-card.current-estimate strong,
body[data-app-view="future"] #homeProjection .projection-core-card.future-estimate strong,
body[data-app-view="future"] .next-home-results>div.primary strong{
  color:#202833!important;
  -webkit-text-fill-color:#202833!important;
}
body[data-app-view="future"] #homeProjection .projection-core-card.current-estimate span,
body[data-app-view="future"] #homeProjection .projection-core-card.current-estimate small,
body[data-app-view="future"] #homeProjection .projection-core-card.future-estimate span,
body[data-app-view="future"] #homeProjection .projection-core-card.future-estimate small,
body[data-app-view="future"] .next-home-results>div.primary span,
body[data-app-view="future"] .next-home-results>div.primary small{
  color:#6d7278!important;
  -webkit-text-fill-color:#6d7278!important;
}

/* Selected/use actions stay warm and quiet rather than green. */
body[data-app-view="future"] .projection-use-button{
  background:#fffaf4!important;
  border-color:#d3b99f!important;
  color:#9d6639!important;
}
body[data-app-view="future"] .projection-use-button:hover{
  background:#f2e7da!important;
  border-color:#c88e5c!important;
  color:#7d4e2b!important;
}

/* Setup & data: give mortgage-history rows enough room inside the modal itself. */
.personal-backdrop .personal-modal{
  width:min(900px,calc(100vw - 36px))!important;
}
.personal-modal .history-row,
.personal-modal .history-deal-row{
  min-width:0!important;
}
.personal-modal .history-deal-row{
  grid-template-columns:minmax(0,1.15fr) minmax(0,1.15fr) minmax(72px,.62fr) minmax(96px,.85fr) minmax(96px,.85fr) auto!important;
  gap:10px!important;
}
.personal-modal .history-deal-row label,
.personal-modal .history-deal-row input{min-width:0!important}
.personal-modal .history-deal-row .history-remove{
  align-self:end!important;
  white-space:nowrap!important;
}

/* Setup close: hard override the legacy dark button skin. */
body .personal-backdrop .personal-modal .personal-modal-head .personal-close{
  min-width:64px!important;
  height:36px!important;
  padding:0 14px!important;
  border:1px solid #d6c8b8!important;
  border-radius:11px!important;
  background:#fffaf4!important;
  color:#202833!important;
  -webkit-text-fill-color:#202833!important;
  font:inherit!important;
  font-size:11px!important;
  font-weight:780!important;
  box-shadow:0 3px 10px rgba(61,48,36,.05)!important;
}
body .personal-backdrop .personal-modal .personal-modal-head .personal-close:hover,
body .personal-backdrop .personal-modal .personal-modal-head .personal-close:focus-visible{
  background:#f2e7da!important;
  color:#202833!important;
  -webkit-text-fill-color:#202833!important;
  border-color:#c9986e!important;
  box-shadow:0 10px 24px rgba(61,48,36,.12)!important;
  outline:none!important;
}

@media(max-width:860px){
  .personal-backdrop .personal-modal{width:min(760px,calc(100vw - 20px))!important}
  .personal-modal .history-deal-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .personal-modal .history-deal-row .history-remove{grid-column:1/-1!important;width:100%!important}
}