/* Reduced identity scale on mobile/tablet before contraction. */
html body #deal-stage-nav .stage-nav-identity>strong{font-size:17px!important;line-height:1.3!important}
html body #deal-stage-nav .stage-nav-identity>small{font-size:13px!important;line-height:1.35!important}
html body #deal-stage-nav.is-slim .stage-nav-identity>strong,html body #deal-stage-nav.is-slim .stage-nav-identity>small{font-size:12px!important;line-height:1.35!important}
/* Desktop: identity, timeline and arrows share one vertical centre. */
@media(min-width:1024px){
 html body #deal-stage-nav{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(360px,min(600px,45%)) minmax(0,1fr);align-items:center!important;column-gap:24px!important;padding:10px 0!important;min-height:76px}
 html body #deal-stage-nav .stage-nav-heading{display:contents!important}
 html body #deal-stage-nav .stage-nav-identity{grid-column:1;grid-row:1;align-self:center!important;min-width:0;display:block!important}
 html body #deal-stage-nav .stage-nav-identity>strong{font-size:18px!important;line-height:1.3!important;white-space:normal!important;overflow-wrap:anywhere}
 html body #deal-stage-nav .stage-nav-identity>small{font-size:14px!important;line-height:1.35!important;margin-top:3px!important;white-space:normal!important}
 html body #deal-stage-nav .stage-nav-timeline{grid-column:2;grid-row:1;align-self:center!important;width:100%!important;max-width:600px!important;margin:0!important;padding-bottom:23px!important}
 html body #deal-stage-nav .stage-nav-arrows{grid-column:3;grid-row:1;justify-self:end;align-self:center!important;display:flex!important;align-items:center!important;gap:6px!important}
 html body #deal-stage-nav .stage-nav-arrows button{width:36px!important;height:36px!important;min-height:36px!important;padding:6px!important;display:grid!important;place-items:center}
 html body #deal-stage-nav .stage-nav-arrows svg{width:20px!important;height:20px!important}
 html body #deal-stage-nav.is-slim{min-height:62px;padding:6px 0!important}
 html body #deal-stage-nav.is-slim .stage-nav-identity{display:block!important}
 html body #deal-stage-nav.is-slim .stage-nav-identity>strong{display:inline!important;font-size:13px!important;font-weight:400!important}
 html body #deal-stage-nav.is-slim .stage-nav-identity>strong::after{content:' · '!important}
 html body #deal-stage-nav.is-slim .stage-nav-identity>small{display:inline!important;font-size:13px!important;font-weight:400!important;margin-top:0!important}
}
/* Give the four status headers equal column widths and typography. */
html body .deal-list-table th:nth-child(n+4):nth-child(-n+7),html body .deal-list-table td:nth-child(n+4):nth-child(-n+7){width:96px!important;min-width:96px!important;max-width:96px!important;padding-inline:5px!important;text-align:center!important}
html body .deal-list-table th:nth-child(n+4):nth-child(-n+7){font-size:11px!important;font-weight:600!important;line-height:1.35!important}
/* Match notice detail typography to its title; keep expanded side/bottom insets equal. */
html body .customer-followup{padding:8px 14px!important}
html body .customer-followup[open]{padding-bottom:14px!important}
html body .customer-followup>summary small{font-size:14px!important;line-height:1.35!important;font-weight:400!important}
html body .customer-followup .followup-action>input{font-size:14px!important;font-weight:400!important}
html body .customer-followup .followup-action>input::placeholder{font-weight:400!important}
.deal-followup-notices{box-sizing:border-box;width:100%;margin:16px 0 20px}
html body .deal-followup-notices>.customer-followup{width:100%!important;box-sizing:border-box}
/* Mobile: no separate Follow-up row; Sent and its three pills stay together. */
.dl-sent-followup{display:inline-flex;align-items:center;gap:4px;flex:none}
@media(max-width:850px){
 html body .dl-mobile-card{gap:7px!important}
 html body .dl-mobile-card .dl-card-heading{margin-bottom:0!important}
 html body .dl-mobile-card .dl-card-detail{margin-top:0!important}
 html body .dl-mobile-card .dl-card-detail>span{color:var(--sd-purple)!important}
 html body .dl-mobile-card .dl-finish-line{gap:4px!important;align-items:center!important;margin:0!important;padding:2px 0!important}
 html body .dl-mobile-card .finish-pill,html body .dl-mobile-card button.followup-pill{box-sizing:border-box;display:inline-flex!important;align-items:center!important;justify-content:center!important;height:23px!important;min-height:23px!important;font-size:11px!important;line-height:17px!important;font-weight:700!important;padding:3px 7px!important}
 html body .dl-mobile-card button.followup-pill{width:23px!important;min-width:23px!important;padding:3px 6px!important}
 html body .dl-mobile-card .followup-pills{gap:3px}
}