/* Bezoekersstatistieken */
.st-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.st-live{display:inline-flex;align-items:center;gap:8px;font-size:.86rem;color:var(--ink-2);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:7px 14px}
.st-live i{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 0 color-mix(in srgb,var(--ok) 50%,transparent);animation:stPuls 2s infinite}
@keyframes stPuls{70%{box-shadow:0 0 0 8px transparent}100%{box-shadow:0 0 0 0 transparent}}
.st-kpis{margin-top:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.st-kpi .v{font-size:1.6rem}
.st-d{display:inline-block;font-weight:700;font-size:.74rem;padding:1px 7px;border-radius:999px;background:var(--surface-2);color:var(--muted)}
.st-d.up{background:var(--ok-bg);color:var(--ok)}
.st-d.down{background:var(--crit-bg);color:var(--crit)}
.st-chart{width:100%;height:auto;display:block;overflow:visible}
.st-chart .st-grid{stroke:var(--line);stroke-dasharray:2 4}
.st-chart .st-ax{fill:var(--muted);font-size:11px}
.st-chart .st-bar{fill:color-mix(in srgb,var(--teal) 26%,var(--surface));transition:fill .15s}
.st-chart .st-bar:hover{fill:color-mix(in srgb,var(--teal) 55%,var(--surface))}
.st-chart .st-line{fill:none;stroke:var(--navy,#10243A);stroke-width:2.4;stroke-linejoin:round;stroke-linecap:round}
.st-chart .st-dot{fill:var(--surface);stroke:var(--navy,#10243A);stroke-width:2;pointer-events:none}
.st-leg{display:flex;gap:18px;font-size:.8rem;color:var(--muted)}
.st-leg span{display:inline-flex;align-items:center;gap:7px}
.st-leg .lb{width:12px;height:12px;border-radius:3px;background:color-mix(in srgb,var(--teal) 30%,var(--surface))}
.st-leg .ll{width:16px;height:3px;border-radius:2px;background:var(--navy,#10243A)}
.st-list{display:grid;gap:4px}
.st-lh{display:grid;grid-template-columns:1fr auto;gap:12px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:0 10px 4px}
.st-list:has(.st-row>span:nth-child(4)) .st-lh,.st-list:has(.st-row>span:nth-child(4)) .st-row{grid-template-columns:1fr auto 76px}
.st-lh span{text-align:right}
.st-row{position:relative;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:8px 10px;border-radius:8px;font-size:.88rem;min-height:36px}
.st-bg{position:absolute;inset:0 auto 0 0;background:var(--teal-soft,color-mix(in srgb,var(--teal) 12%,transparent));border-radius:8px;z-index:0;transition:width .4s}
.st-row>span{position:relative;z-index:1}
.st-l{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;flex-direction:column}
.st-l b{font-weight:600;overflow:hidden;text-overflow:ellipsis}
.st-l small{color:var(--muted);font-size:.74rem}
.st-v{text-align:right;font-weight:600;white-space:nowrap}
.st-v small{color:var(--muted);font-weight:500;margin-left:4px}
.st-empty{color:var(--muted);font-size:.86rem;padding:12px 0}
.st-dev{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:center}
.st-dev>div{display:grid;gap:2px;justify-items:center;padding:10px 4px;border-radius:12px;background:var(--surface-2)}
.st-di{font-size:1.4rem;line-height:1}
.st-dev b{font-family:var(--f-display);font-size:1.4rem}
.st-dev span:not(.st-di){font-size:.8rem;color:var(--ink-2)}
.st-dev small{font-size:.72rem;color:var(--muted)}
.st-stack{display:flex;height:10px;border-radius:999px;overflow:hidden;background:var(--surface-2)}
.st-stack i{display:block;height:100%}
.st-stack .s0{background:var(--navy,#10243A)}.st-stack .s1{background:var(--teal)}.st-stack .s2{background:var(--s4,#F2A93B)}
.st-heat{display:grid;grid-template-columns:28px repeat(24,1fr);gap:3px;align-items:center}
.st-hx{font-size:.66rem;color:var(--muted);text-align:left}
.st-hy{font-size:.74rem;color:var(--ink-2);font-weight:600}
.st-hc{aspect-ratio:1;border-radius:4px;background:color-mix(in srgb,var(--teal) calc(var(--o)*100%),var(--surface-2));min-height:12px}
.st-hc:hover{outline:2px solid var(--navy,#10243A)}
.st-load{display:flex;gap:10px;align-items:center;justify-content:center;padding:60px;color:var(--muted)}
.st-voet{margin:14px 2px 0;display:flex;gap:6px;align-items:flex-start;line-height:1.5}
.st-voet svg{flex:none;margin-top:2px}
@container (max-width:520px){.st-list:has(.st-row>span:nth-child(4)) .st-lh,.st-list:has(.st-row>span:nth-child(4)) .st-row{grid-template-columns:1fr auto}.st-row>span:nth-child(4),.st-lh>span:nth-child(3){display:none}}
@media (max-width:900px){.dash>.panel.c7,.dash>.panel.c5,.dash>.panel.c6,.dash>.panel.c4{grid-column:span 12}}
.st-top .seg{flex-wrap:wrap;max-width:100%}.st-top .seg button{flex:1 0 auto}
.st-heat{grid-template-columns:24px repeat(24,minmax(0,1fr));gap:2px}.st-hc{min-height:9px}@container (max-width:420px){.st-hx{font-size:.56rem}.st-hc{border-radius:2px}}