.sbi-wrap .sbi-cumulative { --cum-border:#d9e2e7; padding:10px; background:#fff; color:#17212b; min-width:0; font:13px/1.45 Arial,sans-serif; letter-spacing:0; }
.sbi-wrap .sbi-cumulative h2 { font:600 20px/1.3 Arial,sans-serif; margin:0 0 10px; color:#17212b; }
.sbi-wrap .sbi-cum-toolbar { display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:flex-start; gap:8px; }
.sbi-wrap .sbi-cum-toolbar>label,.sbi-wrap .sbi-cum-filter-grid label { display:flex; flex-direction:column; gap:3px; margin:0; font-size:12px; font-weight:500; color:#475569; }
.sbi-wrap .sbi-cumulative select,.sbi-wrap .sbi-cumulative input[type="search"],.sbi-wrap .sbi-cumulative button { box-sizing:border-box; min-height:32px; height:32px; margin:0; padding:4px 9px; border:1px solid #afc1cc; border-radius:4px; width:auto; max-width:100%; font:13px/1.3 Arial,sans-serif; text-transform:none; letter-spacing:0; box-shadow:none; }
.sbi-wrap .sbi-cumulative select { background:#fff; color:#17212b; padding-right:24px; min-width:84px; }
.sbi-wrap .sbi-cumulative select[name*="week"] { width:216px; }
.sbi-wrap .sbi-cumulative button { background:#fff; color:#16435a; cursor:pointer; white-space:nowrap; }
.sbi-wrap .sbi-cumulative button.button-primary { color:#fff; background:#125c52; border-color:#125c52; }
.sbi-wrap .sbi-cumulative button:disabled { opacity:.45; cursor:default; }
.sbi-wrap .sbi-cumulative :focus-visible { outline:2px solid #2563eb; outline-offset:2px; }
.sbi-wrap .sbi-cum-filters { margin:8px 0; border-bottom:1px solid var(--cum-border); padding:0 0 8px; }
.sbi-wrap .sbi-cum-filters summary { cursor:pointer; width:max-content; font-size:12px; }
.sbi-wrap .sbi-cum-filter-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); align-items:start; gap:8px; padding-top:8px; }
.sbi-wrap .sbi-cum-filter-grid>div { min-width:0; }
.sbi-wrap .sbi-cum-primary-filters { grid-template-columns:repeat(2,minmax(0,280px)); margin:0 0 8px; }
.sbi-wrap .sbi-cum-display { margin:8px 0; }
.sbi-wrap .sbi-cum-metrics { border:0; border-bottom:1px solid var(--cum-border); padding:4px 0 8px; margin:0; display:flex; flex-wrap:wrap; gap:5px 12px; }
.sbi-wrap .sbi-cum-metrics legend { font-size:12px; margin:0; padding:0; color:#475569; }
.sbi-wrap .sbi-cum-metrics label { display:inline-flex; align-items:center; gap:5px; min-height:28px; margin:0; width:auto; padding:0; font:13px/1.4 Arial,sans-serif; color:#17212b; }
.sbi-wrap .sbi-cum-metrics input[type="checkbox"] { appearance:auto; -webkit-appearance:checkbox; width:15px!important; height:15px!important; min-width:15px!important; min-height:15px!important; max-height:15px!important; margin:0!important; padding:0!important; flex:0 0 15px; accent-color:#125c52; }
.sbi-wrap .sbi-cum-metrics input[type="checkbox"]::before,.sbi-wrap .sbi-cum-metrics input[type="checkbox"]::after { display:none!important; }
.sbi-wrap .sbi-cumulative i { display:inline-block; width:9px; height:9px; flex:0 0 9px; }
.sbi-wrap .sbi-cumulative .sbi-request-status,.sbi-wrap .sbi-cum-range { margin:5px 0; font-size:12px; color:#475569; }
.sbi-wrap .sbi-cumulative .sbi-request-status.is-error { color:#b91c1c; }
.sbi-wrap .sbi-cum-chart-band { border-top:1px solid var(--cum-border); padding-top:8px; margin-top:8px; }
.sbi-wrap .sbi-cum-legend { display:flex; flex-wrap:wrap; gap:8px 16px; align-items:center; font-size:12px; }
.sbi-wrap .sbi-cum-legend span { display:inline-flex; align-items:center; gap:5px; }
.sbi-wrap .sbi-cum-chart-scroll { max-width:100%; max-height:650px; overflow:auto; }
.sbi-wrap .sbi-cum-table-scroll { max-width:100%; overflow:auto; max-height:620px; border:1px solid var(--cum-border); }
.sbi-wrap .sbi-cumulative table { border-collapse:collapse; width:100%; margin:0; font-size:13px; }
.sbi-wrap .sbi-cumulative th,.sbi-wrap .sbi-cumulative td { padding:7px 10px; border-bottom:1px solid var(--cum-border); white-space:nowrap; text-align:right; font-size:13px; text-transform:none; color:#17212b; letter-spacing:0; }
.sbi-wrap .sbi-cumulative th:first-child { text-align:left; }
.sbi-wrap .sbi-cumulative thead th { position:sticky; top:0; background:#eef4f7; z-index:1; }
.sbi-wrap .sbi-cumulative tfoot th,.sbi-wrap .sbi-cumulative tfoot td { background:#ecf8f1; font-weight:600; position:sticky; bottom:0; }
.sbi-wrap .sbi-cum-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(270px,1fr)); gap:8px; margin-top:8px; }
.sbi-wrap .sbi-cum-grid article { border:1px solid var(--cum-border); border-radius:4px; padding:10px; min-width:0; }
.sbi-wrap .sbi-cum-grid h3 { font:600 14px/1.4 Arial,sans-serif; margin:0; }
.sbi-wrap .sbi-cum-grid dl { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:5px; margin:8px 0 0; }
.sbi-wrap .sbi-cum-grid dt { display:flex; gap:5px; align-items:baseline; font-weight:400; }
.sbi-wrap .sbi-cum-grid dd { margin:0; text-align:right; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
@media(max-width:600px) {
 .sbi-wrap .sbi-cumulative { padding:8px; }
 .sbi-wrap .sbi-cum-toolbar { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
 .sbi-wrap .sbi-cumulative select,.sbi-wrap .sbi-cumulative select[name*="week"] { width:100%; min-width:0; }
 .sbi-wrap .sbi-cum-grid { grid-template-columns:1fr; }
}
