/* Financial values must remain readable in every shared CRM card. */
#view .cards,#view .financial-band,#view .booking-summary-grid,.customer-profile-summary{min-width:0;}
#view .cards .card,#view .financial-band .card,.customer-profile-summary .card{box-sizing:border-box;min-width:0;overflow:visible;}
#view .cards .card label,#view .financial-band .card label,.customer-profile-summary .card label{min-width:0;overflow:visible;text-overflow:clip;white-space:normal;line-height:1.3;}
#view .cards .card strong,#view .financial-band .card strong,.customer-profile-summary .card strong,.financial-value{display:block;min-width:0;max-width:100%;overflow:visible!important;text-overflow:clip!important;white-space:normal;overflow-wrap:anywhere;color:var(--primary,#142b49);font-variant-numeric:tabular-nums;line-height:1.16;}
#view .cards .card strong,.customer-profile-summary .card strong{font-size:clamp(1.35rem,2.1vw,1.8rem);letter-spacing:-.025em;}
.financial-value{font-weight:750;white-space:nowrap;}

/* Customer history now follows the summary without the previous unused gap. */
.customer-profile{display:grid;gap:16px;min-width:0;}
.customer-profile-head{margin:0;}
.customer-profile-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0;}
.customer-profile-summary .card{min-height:112px;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:18px;}
.customer-profile-history{min-width:0;margin:0!important;}
.customer-profile-history .table-wrap{min-width:0;}

/* Reflow before a narrow card can cut a currency value. */
@media (max-width:980px){
  .customer-profile-summary{grid-template-columns:repeat(2,minmax(0,1fr));}
  #view .financial-band{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (max-width:620px){
  .customer-profile{gap:12px;}
  .customer-profile-summary{grid-template-columns:1fr;gap:10px;}
  .customer-profile-summary .card{min-height:98px;padding:15px;}
  #view .cards .card strong,.customer-profile-summary .card strong{font-size:clamp(1.3rem,7vw,1.65rem);}
  #view .financial-band{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:390px){
  #view .financial-band{grid-template-columns:1fr;}
  .financial-value{white-space:normal;}
}