.kpi-band{min-width:0;container:kpi-band/inline-size}.kpi-band-box{align-items:center;gap:var(--space-6);box-sizing:border-box;padding:var(--space-4) var(--space-6);border:1px solid var(--toolbar-border);border-radius:var(--radius-full);background:var(--card-bg);box-shadow:var(--card-shadow);display:flex}.kpi-band-icon{box-sizing:border-box;width:var(--control-h-lg);height:var(--control-h-lg);color:var(--chrome-fg);flex:none;justify-content:center;align-items:center;display:inline-flex}.kpi-band-icon>svg{width:var(--icon-xl);height:var(--icon-xl)}.kpi-band-head{flex:none;min-width:0;max-width:40%}.kpi-band-title{font-size:var(--text-md);color:var(--chrome-fg);margin:0;font-weight:600;line-height:1.3}.kpi-band-sub{margin:var(--space-1) 0 0;font-size:var(--text-xs);color:var(--chrome-fg-muted);line-height:1.35}.kpi-band-stats{justify-content:flex-end;align-items:center;gap:var(--space-3) calc(var(--space-6) + var(--space-2));flex-wrap:wrap;flex:1;min-width:0;display:flex}.kpi-band-stat{align-items:center;gap:var(--space-1);min-width:0;max-width:100%;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);color:var(--chrome-fg);font:inherit;text-align:center;background:0 0;border:0;flex-direction:column;display:flex}button.kpi-band-stat{cursor:pointer;transition:background-color .12s}button.kpi-band-stat:hover{background:var(--control-hover)}.kpi-band-value{font-family:var(--font-ui);font-size:var(--text-xl);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600;line-height:1.2}.kpi-band-stat[data-tone=danger] .kpi-band-value{color:var(--danger-fg)}.kpi-band-label{max-width:100%;font-family:var(--font-ui);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;color:var(--chrome-fg-muted);font-weight:400;line-height:1.3;overflow:hidden}@container kpi-band (width<=639px){.kpi-band-box{gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);flex-wrap:wrap}.kpi-band-head{flex:1;max-width:none}.kpi-band-stats{gap:var(--space-3) var(--space-4);flex-basis:100%;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.kpi-band-stat{text-align:left;align-items:flex-start}}@media (prefers-reduced-motion:reduce){button.kpi-band-stat{transition:none}}