/* The reference page's count groups in the homepage's compact white/blue/red theme. */
main.stats-main{padding:22px 24px 18px;background:#f7f9fc}main.stats-main #page{max-width:none}
.stats-main .page-heading{margin-bottom:12px}.stats-main .page-heading h1{font-size:20px}.stats-main .page-heading p:empty{display:none}
.stats-main .stats-panel{border:0;border-radius:0;box-shadow:none;overflow:visible;background:transparent}.stats-main .stats-panel>.tabs{padding:0;gap:10px;border-bottom:1px solid #dce5ee;margin-bottom:16px}.stats-main .tabs button{font-size:13px;padding:8px 14px;border-radius:5px 5px 0 0;min-height:42px}.stats-main .tabs button.active{color:#1f5eff;background:#eef4ff;border-bottom:2px solid #1f5eff}
.draw-statistics{color:#172033;font-size:13px;--stat-border:#dce5ee;--stat-blue:#1f5eff;--stat-muted:#70839b;background:transparent}
.stat-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:14px 0 10px;padding:10px 12px;border:1px solid var(--stat-border);border-radius:6px;background:#fff}
.stat-category-group{display:flex;align-items:center;gap:12px;min-width:0}
.stat-category-group>span{font-size:12px;color:var(--stat-muted);white-space:nowrap}
.stat-center-options{display:inline-flex;gap:2px;padding:3px;max-width:100%;border-radius:5px;background:#f4f6f9}
.stat-center-options a{display:flex;align-items:center;justify-content:center;min-height:31px;padding:6px 13px;border-radius:4px;color:var(--muted);font-size:12px;font-weight:400;white-space:nowrap;line-height:19px}
.stat-center-options a:hover{background:#eceff4;color:var(--text)}
.stat-center-options a.active{background:var(--skin-soft,#f0f2f5);color:var(--text);font-weight:600}
.stat-center-options a:focus-visible{outline:2px solid #b7c1d0;outline-offset:2px}
@media(max-width:767px){.stat-category-group{gap:8px;width:100%}.stat-center-options{flex:1}.stat-center-options a{flex:1;padding-inline:9px}.draw-statistics .stat-range-controls{margin-left:0}}
.stat-categories,.stat-scopes,.stat-range-controls,.stat-filter-fields,.stat-filter-fields form{display:flex;gap:6px;align-items:center}.stat-range-controls{gap:12px;flex-wrap:wrap}.stat-filter-fields{gap:6px}.stat-filter-fields label{font-size:12px;font-weight:400;margin:0;color:var(--stat-muted)}
.draw-statistics button,.draw-statistics input,.draw-statistics select{border-radius:5px;min-height:32px;font-size:12px}.stat-categories button,.stat-scopes button{padding:5px 10px;border:1px solid transparent;color:#52739d;background:transparent;white-space:nowrap}.stat-categories button.active{color:var(--stat-blue);background:#edf3ff;font-weight:600}.stat-scopes{background:#f4f6fa;padding:3px;border-radius:5px}.stat-scopes button{border-color:transparent;background:transparent;min-height:28px;padding:3px 9px}.stat-scopes button.active{color:#172033;background:white;border-color:#dce5ee}
.stat-filter-fields input,.stat-filter-fields select{width:auto;padding:5px 8px;border-color:#e4eaf2;background:#fafbfe;color:#164478}.stat-filter-fields select{min-width:116px}.stat-filter-fields input{min-width:132px}.stat-filter-fields form{flex-wrap:wrap}.stat-day-step{width:30px;padding:0;border:1px solid #e4eaf2;background:#fafbfe;color:#52739d}
.stat-summary{display:flex;justify-content:space-between;gap:10px;color:var(--stat-muted);font-size:12px;margin:0 0 14px}.stat-summary strong{color:#172033;font-weight:650}
.stat-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.stat-section{min-width:0}.stat-section h2{font-size:15px;font-weight:650;margin:0;color:#172033}.stat-section>p{color:var(--stat-muted);font-size:12px;margin:5px 0 8px}.stat-wide{grid-column:1/-1}
.stat-cells{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:10px;border:1px solid var(--stat-border);border-radius:6px;background:white}.stat-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-count{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:25px 15px;align-items:center;gap:0 8px;min-width:0;padding:6px 8px;border:1px solid #edf1f7;background:#f9fbff;border-radius:5px;font-variant-numeric:tabular-nums}.stat-label{justify-self:start;color:var(--stat-blue);background:#eaf1ff;border-radius:3px;padding:1px 6px;font-size:12px;white-space:nowrap}.stat-label.stat-red{color:#ed3b3b;background:#fff0f0}.stat-count strong{justify-self:end;font-size:18px;font-weight:650;color:var(--stat-blue);line-height:1.2}.stat-count small{font-size:11px;color:var(--stat-muted);font-weight:400;margin-left:3px}.stat-dense{grid-template-columns:repeat(7,minmax(0,1fr))}
.stat-empty{padding:12px;background:#fff;color:#70839b;margin:0 0 12px;border-radius:5px}
.stat-dashboard{font-variant-numeric:tabular-nums}.stat-dashboard small{font-size:11px;color:var(--stat-muted);font-weight:400;margin-left:3px}.stat-dashboard h2{font-size:15px;font-weight:650;color:#172033}.sd-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.sd-heading>span{font-size:11px;color:var(--stat-muted)}
.sd-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.sd-metric{border:1px solid var(--stat-border);border-radius:6px;background:#fff;padding:13px 16px;min-width:0;text-align:center}.sd-metric>div:first-child{display:flex;align-items:center;justify-content:center;gap:12px}.sd-metric>strong{font-size:30px;line-height:40px;color:#172033;font-weight:650}.sd-metric>strong small{font-size:12px}.sd-meter{display:block;width:100%;height:4px;margin:6px 0;border-radius:2px;overflow:hidden}.sd-meter-track{fill:#edf2fa}.sd-meter-value{fill:#1f5eff}.sd-red .sd-meter-value{fill:#ed7373}
.sd-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:14px;align-items:stretch}.sd-left{display:flex;flex-direction:column;gap:14px;min-width:0}.sd-combo,.sd-mini,.sd-values{border:1px solid var(--stat-border);border-radius:6px;padding:14px;background:#fff;min-width:0}.sd-combo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.sd-combo-item{display:flex;flex-direction:column;align-items:center;gap:4px;background:#f8faff;border-radius:5px;padding:8px 2px;min-width:0}.sd-combo-item strong{font-size:23px;font-weight:650}.sd-combo-item>span:not(.stat-label){font-size:11px;color:var(--stat-muted)}
.sd-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;flex:1}.sd-mini{padding:12px}.sd-mini h2{margin-bottom:8px}.sd-mini>div{display:grid;gap:7px}.sd-mini-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:0 6px;min-width:0}.sd-mini-item .stat-label{font-size:11px;padding:0 5px;line-height:21px}.sd-mini-item strong{justify-self:end;font-size:16px;font-weight:650;white-space:nowrap}.sd-mini-item strong small{font-size:10px}.sd-mini-item>span:last-of-type{font-size:10px;color:var(--stat-muted);min-width:33px;text-align:right}
.sd-values .sd-heading{margin-bottom:0}.sd-chart{display:block;width:100%;height:170px;margin:2px 0 13px}.sd-chart text{fill:var(--stat-muted);font-size:9px;font-family:inherit}.sd-chart-grid{stroke:#edf1f7;fill:none}.sd-bar{fill:#b3caf6}.sd-bar-high{fill:#2463eb}.sd-numbers{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.sd-number{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px solid #edf1f7;border-radius:4px;padding:7px 2px;background:#fafcff;min-width:0}.sd-number>span{font-size:11px;color:var(--stat-muted)}.sd-number strong{font-size:17px;color:#1f5eff;line-height:22px;font-weight:650}.sd-number strong small{font-size:9px}
@media(min-width:768px) and (max-width:1150px){.sd-combo,.sd-mini,.sd-values{padding:10px}.sd-mini-item{gap:0 3px}.sd-mini-item strong{font-size:14px}.sd-mini-item>span:last-of-type{min-width:29px;font-size:9px}.sd-mini-item strong small{font-size:9px;margin-left:1px}.sd-mini-item .stat-label{padding:0 3px;font-size:10px}.sd-combo-grid{gap:5px}.sd-metric{padding:12px}.sd-number strong{font-size:16px}}
@media(max-width:767px){.sd-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.sd-layout{grid-template-columns:1fr}.sd-combo,.sd-mini,.sd-values{padding:10px}}
@media(min-width:768px) and (max-width:1150px){.stat-toolbar{align-items:center}.stat-range-controls{margin-left:auto}.stat-count{gap:0 4px;padding:6px}.stat-cells{padding:8px}.stat-dense{grid-template-columns:repeat(7,minmax(0,1fr))}}
@media(max-width:767px){main.stats-main{padding:12px}.stat-sections{grid-template-columns:1fr}.stat-dense{grid-template-columns:repeat(4,minmax(0,1fr))}.stat-summary{flex-wrap:wrap}.stat-range-controls{width:100%}.stat-toolbar{padding:8px}.stat-filter-fields form{gap:5px}}

/* Selected A proposal: three coordinated ball-position dashboards. */

.ball-dashboard{font-size:13px;font-variant-numeric:tabular-nums;color:#172033}.ball-dashboard h2{font-size:15px;font-weight:650}.ball-dashboard h3{font-size:12px;font-weight:500;color:#70839b;margin:13px 0 8px}.ball-dashboard small{font-size:10px;color:#70839b;font-weight:400;margin-left:3px}.bp-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.bp-heading>span{font-size:10px;color:#70839b}.bp-position{background:white;border:1px solid #dce5ee;border-radius:6px;padding:13px;min-width:0}.bp-position-head{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #edf1f7;padding-bottom:10px;margin-bottom:12px}.bp-position-head h2{display:flex;gap:9px;align-items:center}.bp-position-head h2>span{display:grid;place-items:center;width:27px;height:27px;background:#edf3ff;color:#1f5eff;border-radius:5px;font-size:13px}.bp-position-head small{font-size:10px;color:#70839b}.bp-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.bp-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.bp-metric{padding:9px 10px;border:1px solid #edf1f7;border-radius:5px;background:#fff;min-width:0;text-align:center}.bp-metric>div{display:flex;align-items:center;justify-content:center;gap:8px}.bp-metric>strong{display:block;font-size:24px;line-height:33px;font-weight:650}.bp-meter{display:block;width:100%;height:3px;margin:4px 0 5px}.bp-meter .bp-meter-fill{fill:#1f5eff}.bp-meter.red .bp-meter-fill{fill:#ed7373}.bp-combos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.bp-combo{display:grid;grid-template-columns:auto 1fr;gap:2px 6px;align-items:center;background:#f8faff;border-radius:5px;padding:8px;min-width:0}.bp-combo strong{justify-self:end;font-size:19px;font-weight:650;white-space:nowrap}.bp-combo>span:last-of-type{font-size:10px;color:#70839b;grid-column:1;justify-self:start}.bp-chart{display:block;width:100%;height:146px}.bp-chart text{font-family:inherit;fill:#70839b;font-size:9px}.bp-chart .bp-bar-count{fill:#52739a;font-size:9px}.bp-numbers{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.bp-number{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:7px 2px;border:1px solid #edf1f7;border-radius:4px;background:#fafcff;min-width:0}.bp-number>span{color:#70839b;font-size:11px}.bp-number strong{font-size:17px;line-height:23px;color:#1f5eff;font-weight:650}.bp-number small{font-size:9px}
.bp-meter-track{fill:#edf2fa}
/* Selected N proposal: three remainder charts and a shared tail dashboard. */
.draw-statistics .frequency-tile{background:var(--frequency-bg);border-color:transparent;color:var(--frequency-fg)}
.draw-statistics .frequency-tile :is(strong,small,.stat-label,.od-percentage),.draw-statistics .frequency-tile>span{color:var(--frequency-fg)}
.draw-statistics .frequency-tile .stat-label{background:transparent;padding-inline:0}
.draw-statistics .frequency-tile .sd-meter-track{fill:currentColor;opacity:.18}
.draw-statistics .frequency-tile .sd-meter-value{fill:currentColor;opacity:.65}
.other-dashboard{font-variant-numeric:tabular-nums;color:#172033;font-size:13px}.other-dashboard h2{font-size:15px;font-weight:650;margin:0}.other-dashboard small{font-size:10px;font-weight:400;color:#70839b;margin-left:3px}.od-card{background:white;border:1px solid #dce5ee;border-radius:6px;padding:14px;min-width:0}.od-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.od-heading>span{font-size:11px;color:#70839b;white-space:nowrap}
.od-remainders{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.od-position .od-heading{padding-bottom:10px;border-bottom:1px solid #edf1f7;margin-bottom:4px}.od-chart{display:block;width:100%;height:156px;margin:0 0 9px;min-width:0}.od-chart text{font-size:11px;fill:#70839b;font-family:inherit}.od-numbers{display:grid;gap:6px}.od-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.od-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.od-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.od-tile{min-width:0}.od-number{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid #edf1f7;background:#fafcff;border-radius:4px;padding:8px 2px}.od-number .stat-label{background:transparent;color:#70839b;font-size:10px;padding:0}.od-number strong{font-size:19px;line-height:27px;color:#1f5eff;font-weight:650}.od-percentage{color:#70839b;font-size:10px}
.od-tail-panel{margin-top:14px}.od-tail-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.od-metric{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:9px 12px;background:white;border:1px solid #edf1f7;border-radius:5px}.od-metric strong{font-size:23px;line-height:33px;font-weight:650;display:block;margin-top:3px;color:#1f5eff}
@media(max-width:1300px){.od-card{padding:11px}.od-heading>span{font-size:10px}.od-number strong{font-size:17px}.od-numbers{gap:5px}.other-dashboard small{font-size:9px}.od-percentage{font-size:9px}.od-metric{padding:8px 10px}.od-metric .stat-label{padding:0 4px;font-size:11px}}
@media(min-width:1001px) and (max-width:1100px){.od-position{padding:8px}.od-position .od-heading{gap:6px}.od-position .od-heading>span{font-size:9px}.od-number strong{font-size:16px}.od-number small{font-size:8px;margin-left:1px}.od-numbers{gap:4px}}
@media(max-width:1000px){.od-remainders{grid-template-columns:1fr}.od-number strong{font-size:19px}.od-chart{height:156px}}
@media(max-width:767px){.od-tail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.od-number strong{font-size:17px}.od-heading>span{font-size:10px}}
@media(min-width:768px) and (max-width:1300px){.bp-position{padding:10px}.bp-position-head small{font-size:9px}.bp-metric{padding:8px}.bp-combo{padding:7px 6px}.bp-combo strong{font-size:17px}.bp-number strong{font-size:16px}}
@media(min-width:768px) and (max-width:1100px){.bp-position{padding:8px}.bp-metrics,.bp-combos{gap:5px}.bp-metric{padding:7px}.bp-metric .stat-label{font-size:11px;padding:0 4px}.bp-combo{padding:6px 5px;gap:1px 4px}.bp-combo strong{font-size:16px}.bp-combo .stat-label{font-size:10px;padding:0 4px}.bp-combo>span:last-of-type{grid-column:1/-1;justify-self:end}.bp-numbers{grid-template-columns:repeat(2,minmax(0,1fr))}.bp-number{display:grid;grid-template-columns:auto 1fr;padding:5px 7px;gap:0 6px}.bp-number strong{justify-self:end;font-size:16px;line-height:22px}}
@media(max-width:767px){.bp-columns{grid-template-columns:1fr}.bp-position{padding:12px}}

/* Predefined shades keep frequency fills compatible with the site CSP. */
.draw-statistics [data-frequency="0"]{--frequency-bg:rgb(239,246,255);--frequency-fg:#07101f}
.draw-statistics [data-frequency="1"]{--frequency-bg:rgb(228,238,253);--frequency-fg:#07101f}
.draw-statistics [data-frequency="2"]{--frequency-bg:rgb(218,229,251);--frequency-fg:#07101f}
.draw-statistics [data-frequency="3"]{--frequency-bg:rgb(208,221,249);--frequency-fg:#07101f}
.draw-statistics [data-frequency="4"]{--frequency-bg:rgb(197,212,247);--frequency-fg:#07101f}
.draw-statistics [data-frequency="5"]{--frequency-bg:rgb(186,204,245);--frequency-fg:#07101f}
.draw-statistics [data-frequency="6"]{--frequency-bg:rgb(176,196,243);--frequency-fg:#07101f}
.draw-statistics [data-frequency="7"]{--frequency-bg:rgb(166,187,241);--frequency-fg:#07101f}
.draw-statistics [data-frequency="8"]{--frequency-bg:rgb(155,179,239);--frequency-fg:#07101f}
.draw-statistics [data-frequency="9"]{--frequency-bg:rgb(144,170,237);--frequency-fg:#07101f}
.draw-statistics [data-frequency="10"]{--frequency-bg:rgb(134,162,236);--frequency-fg:#07101f}
.draw-statistics [data-frequency="11"]{--frequency-bg:rgb(124,154,234);--frequency-fg:#07101f}
.draw-statistics [data-frequency="12"]{--frequency-bg:rgb(113,145,232);--frequency-fg:#07101f}
.draw-statistics [data-frequency="13"]{--frequency-bg:rgb(102,137,230);--frequency-fg:#07101f}
.draw-statistics [data-frequency="14"]{--frequency-bg:rgb(92,128,228);--frequency-fg:#07101f}
.draw-statistics [data-frequency="15"]{--frequency-bg:rgb(82,120,226);--frequency-fg:#07101f}
.draw-statistics [data-frequency="16"]{--frequency-bg:rgb(71,112,224);--frequency-fg:#fff}
.draw-statistics [data-frequency="17"]{--frequency-bg:rgb(60,103,222);--frequency-fg:#fff}
.draw-statistics [data-frequency="18"]{--frequency-bg:rgb(50,95,220);--frequency-fg:#fff}
.draw-statistics [data-frequency="19"]{--frequency-bg:rgb(40,86,218);--frequency-fg:#fff}
.draw-statistics [data-frequency="20"]{--frequency-bg:rgb(29,78,216);--frequency-fg:#fff}

@media(min-width:768px){
 .sd-layout{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr)}
 .sd-layout>.sd-values{order:-1}
 .od-number strong{white-space:nowrap}
}
@media(min-width:1001px) and (max-width:1400px){
 .od-remainders{grid-template-columns:minmax(0,3fr) minmax(0,4fr) minmax(0,5fr)}
}