/* Content is allowed to shrink and wrap before any card clips its contents. */
.card,.panel,.page-head>div,.panel-head>div,.dialog-head>div,.detail-grid>*,.builder-layout>*,.form-row>*,.block-settings>*,.option-row>*,.team-row .grow,.user>div,.agency>div{min-width:0}
h1,h2,h3,.subtitle,.eyebrow,.small,.builder-note,.notice,.risk,.demo-card,.footer-note,.kpi-foot,label{overflow-wrap:anywhere}
.page-head,.panel-head,.table-top,.dialog-head,.dialog-footer{gap:12px;min-width:0}.actions{min-width:0;max-width:100%;flex-wrap:wrap}
.overview-metric{min-width:min(170px,100%)}.overview-metric .kpi-top>span{min-width:0;flex:1;overflow-wrap:anywhere;word-break:normal}.overview-metric .kpi-top{align-items:flex-start}
.overview-metric .metric-value,.widget-preview>[data-fit-value]{--value-font-size:32px;display:block;max-width:100%;width:100%;font-size:var(--value-font-size);line-height:1.2;min-height:40px;letter-spacing:-.8px;margin:12px 0 10px;font-variant-numeric:tabular-nums;white-space:normal;overflow-wrap:anywhere;word-break:normal}
.overview-metric .metric-value:focus-visible{outline:2px solid #6aaeff;outline-offset:4px;border-radius:4px}.overview-metric .kpi-foot{overflow-wrap:anywhere;min-width:0}
.block-stat>div:first-child{gap:10px;flex-wrap:wrap;overflow-wrap:anywhere}.block-stat .small{flex-shrink:0}.block-nav button>span{min-width:0;overflow-wrap:anywhere}.block-nav button{gap:10px}.block-nav button small{flex-shrink:0}
.detail-hero{gap:20px}.detail-hero>div:first-child{min-width:0;flex:1}.detail-hero>div:last-child{flex-shrink:0}.detail-hero h2{overflow-wrap:anywhere}.big-score{white-space:nowrap}
.meta-list li{display:grid;grid-template-columns:minmax(75px,.75fr) minmax(0,1.25fr);gap:12px;align-items:start}.meta-list li b{text-align:right;overflow-wrap:anywhere}.meta-list li span{overflow-wrap:anywhere}
.radio-option{overflow-wrap:anywhere;min-width:0}.radio-option input{flex-shrink:0}.widget-check>span{min-width:0}.widget-check b,.widget-check small{overflow-wrap:anywhere}.widget-controls{flex-wrap:wrap}.widget-setting{min-width:0}.widget-preview strong,.widget-preview p{max-width:100%;overflow-wrap:anywhere}
.tip-heading b{min-width:0;overflow-wrap:anywhere}.tip-summary,.tip-items b,.tip-items small,.tip-foot{overflow-wrap:anywhere}.tip-items button>span:last-child{flex-shrink:0;max-width:45%;white-space:normal;text-align:right;overflow-wrap:anywhere}.tip-items button>span:first-child{flex:1}
.table-top{flex-wrap:wrap}.table-top h2{min-width:0;overflow-wrap:anywhere}.table-foot{flex-wrap:wrap;gap:10px}.table-wrap{max-width:100%;min-width:0}.table-wrap table{table-layout:auto}.table-wrap td:first-child{min-width:190px;width:32%;max-width:360px;white-space:normal}.table-wrap td:first-child strong,.table-wrap td:first-child small{overflow-wrap:anywhere}.table-wrap th{white-space:normal;line-height:1.5}.table-wrap td:not(:first-child){white-space:nowrap}
.breadcrumb>span:last-child{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user b,.agency b{overflow-wrap:anywhere}.user .avatar,.agency .initial{flex-shrink:0}
.dialog-footer{flex-wrap:wrap}.dialog-head>button{flex-shrink:0}.btn{max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:center;line-height:1.4}.range-footer .btn,.period-trigger,.calendar-arrow{white-space:nowrap}.range-inputs input{min-width:0}.form-row,.block-settings,.option-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.block-settings{grid-template-columns:minmax(0,1fr) 100px}.option-row{grid-template-columns:minmax(0,1fr) 75px 30px}
@media(max-width:600px){.overview-metric{min-width:min(140px,100%)}.overview-metric .metric-value,.widget-preview>[data-fit-value]{--value-font-size:27px;min-height:34px}.form-row{grid-template-columns:minmax(0,1fr)}.option-row{grid-template-columns:minmax(0,1fr) 65px 25px}.block-settings{grid-template-columns:minmax(0,1fr) 85px}.portfolio-legend{min-width:0}.portfolio-legend button>span{white-space:normal}.portfolio-legend button{min-width:0}.overview-panel .status-layout{gap:12px}.portfolio-ring{width:120px;height:120px}.dialog-footer .btn{flex-shrink:1}}
@media(max-width:360px){.overview-metric{flex-basis:100%}.sidebar{gap:3px}nav button{font-size:9px;padding:10px 6px}.top-right{gap:6px}.top-right .demo-label{display:none}}
/* Project status colours match their dashboard segments. */
.badge.blue{background:#e6f1ff;color:#3979be}.badge.purple{background:#f0eafd;color:#8465b2}.badge.cyan{background:#e2f6f8;color:#398491}
[data-theme=dark] .badge.blue{background:#449bff21;color:#8fc4ff}[data-theme=dark] .badge.purple{background:#b49aff24;color:#c9b5ff}[data-theme=dark] .badge.cyan{background:#39bfd222;color:#83dce8}