/* Shared shape and typography tokens, independent of the colour theme. */
.btn,.btn.btn-primary,.quick-add,.danger-btn,.setup-theme-options .btn{border-radius:var(--radius-action);font-weight:500}
.panel,.metric,.metric.featured,.settings-card,.integration-card,.record-card,.record-card-scroll .data-table tbody tr,.client-financial-strip .detail-stat,.detail-stat,.setup-connection-grid>div,.theme-option{border-radius:var(--radius)}
.dialog,.dialog.wide{border-radius:var(--radius)}
.dialog.drawer{border-radius:var(--radius) 0 0 var(--radius)}
.number-highlight,.progress-ring text{font-family:var(--font-numbers);font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:0;line-height:1.15}
.number-highlight .icon{font-family:var(--font)}
h1,h2,h3,h4,h5,h6,.page-heading h1,.panel-title h2,.dialog-head h2,.client-title h1,.record-heading-bar h1,.record-header .panel-head h2,[role="heading"]{letter-spacing:0}
h4,h5,h6{font-weight:var(--weight-heading)}
/* Display values grow within their own cards, including long currency amounts. */
.metric{container-type:inline-size}
.metrics-grid>.metric .metric-value.number-highlight{font-size:clamp(32px,4.8vw,80px);line-height:1.05;margin:14px 0 10px}
.compact-summaries .workspace-stats,.compact-summaries .sales-stats,.compact-summaries .metrics-grid,.compact-summaries .detail-stats,.compact-summaries .client-financial-strip{gap:12px;margin-bottom:18px}
.compact-summaries .workspace-stat,.compact-summaries .sales-stat,.compact-summaries .metrics-grid>.metric,.compact-summaries .detail-stat{min-height:0;height:auto;padding:15px 18px}
.compact-summaries .workspace-stat .metric-value,.compact-summaries .sales-stat .metric-value,.compact-summaries .metrics-grid>.metric .metric-value,.compact-summaries .detail-stat strong{font-size:clamp(30px,3.6vw,52px);margin:8px 0 5px}
.compact-summaries .metric .metric-value.number-highlight{font-size:clamp(30px,3.6vw,52px);line-height:1.05}
.compact-summaries .workspace-stat .metric-top,.compact-summaries .sales-stat .metric-top,.compact-summaries .metrics-grid>.metric .metric-top{min-height:0;margin:0;font-size:14px;line-height:1.35}
.compact-summaries .workspace-stat .metric-meta,.compact-summaries .sales-stat .metric-meta,.compact-summaries .metrics-grid>.metric .metric-meta{margin:0;font-size:14px;line-height:1.4}
.compact-summaries .workspace-stat .metric-footer,.compact-summaries .sales-stat .metric-footer{margin-top:8px}
.scenario-context{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 18px;padding:10px 16px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:14px}
.scenario-context-detail{margin-left:12px;color:var(--muted)}
.scenario-context .text-btn{flex-shrink:0;font-size:14px}
.scenario-panel{margin-bottom:18px;overflow:hidden}
.scenario-panel .panel-head{padding:18px 22px}
.scenario-panel .sales-toolbar{padding:12px 22px}
.scenario-panel .record-header .sales-toolbar{padding:0}
.scenario-panel .audit-note{padding:0 20px}
.scenario-mobile-switch{margin:12px 0}
.workspace-context{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;margin-bottom:18px;font-size:14px}
.workspace-switch{display:inline-flex;align-items:center;gap:4px;padding:4px;border:1px solid var(--line);border-radius:999px;background:var(--surface)}
.workspace-switch a{display:flex;align-items:center;justify-content:center;min-height:40px;padding:8px 16px;border-radius:999px;color:var(--muted);font-weight:500}
.workspace-switch a[aria-current="true"]{background:var(--accent-soft);color:var(--accent-ink)}
.workspace-switch a:hover{color:var(--text)}
.workspace-context-note{color:var(--muted)}
@supports(font-size:1cqi){
 .metrics-grid>.metric .metric-value.number-highlight{font-size:min(80px,calc(100cqi / var(--number-columns,6)))}
 .compact-summaries .metric .metric-value.number-highlight{font-size:min(52px,calc(100cqi / var(--number-columns,6)))}
 .metric-project-layout .progress-ring{width:clamp(32px,22cqi,88px);height:auto}
 .metrics-grid>.metric .metric-project-layout .metric-value.number-highlight{font-size:min(80px,calc((100cqi - clamp(32px,22cqi,88px) - 10px) / var(--number-columns,6)))}
}
@media(max-width:760px){
 .compact-summaries .workspace-stats,.compact-summaries .sales-stats,.compact-summaries .metrics-grid,.compact-summaries .detail-stats,.compact-summaries .client-financial-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px}
 .compact-summaries .workspace-stat,.compact-summaries .sales-stat,.compact-summaries .metrics-grid>.metric,.compact-summaries .detail-stat{padding:14px;min-width:0}
 .compact-summaries .workspace-stat .metric-value,.compact-summaries .sales-stat .metric-value,.compact-summaries .metrics-grid>.metric .metric-value,.compact-summaries .detail-stat strong{font-size:30px;overflow-wrap:anywhere}
 .workspace-context{align-items:flex-start}
 .workspace-switch{width:100%}.workspace-switch a{flex:1;min-height:44px;padding:8px 12px}
 @supports(font-size:1cqi){.compact-summaries .metric .metric-value.number-highlight{font-size:min(40px,calc(100cqi / var(--number-columns,6)))}}
 .scenario-context{align-items:flex-start;flex-wrap:wrap;border-radius:var(--radius);padding:12px 16px}
 .scenario-context-detail{display:block;margin:3px 0 0}
 .scenario-context .text-btn{min-height:44px}
 .dialog.drawer.mobile-menu-dialog{border-radius:var(--radius) 0 0 var(--radius)}
}
@media(max-width:360px){
 .compact-summaries .workspace-stats,.compact-summaries .detail-stats,.compact-summaries .client-financial-strip{grid-template-columns:1fr}
}