/* Ejerens statistik. Seriefarverne er dataviz-referencepaletten (validerede mod panelets flade i begge tilstande); resten bruger --kwiz-*. */
.st-root {
  --st-1:#2a78d6;--st-2:#eb6834;--st-3:#1baf7a;--st-4:#eda100;
  --st-h1:#cde2fb;--st-h2:#9ec5f4;--st-h3:#5598e7;--st-h4:#256abf;--st-h5:#104281;
  --st-o1:#104281;--st-o2:#1c5cab;--st-o3:#2a78d6;--st-o4:#5598e7;--st-o5:#86b6ef;
}
html[data-theme=dark] .st-root {
  --st-1:#3987e5;--st-2:#d95926;--st-3:#199e70;--st-4:#c98500;
  --st-h1:#184f95;--st-h2:#256abf;--st-h3:#3987e5;--st-h4:#6da7ec;--st-h5:#b7d3f6;
  --st-o1:#b7d3f6;--st-o2:#86b6ef;--st-o3:#5598e7;--st-o4:#2a78d6;--st-o5:#1c5cab;
}
.st-back { display:inline-block;margin-bottom:.75rem;color:var(--kwiz-muted);font-weight:600; }
.st-head { margin-bottom:1rem; }
.st-filters { display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1.25rem; }
.st-period { display:inline-flex;flex-wrap:wrap;gap:4px;margin:0;padding:4px;border:1px solid var(--kwiz-control-line);border-radius:14px;background:var(--kwiz-paper); }
.st-period-opt { position:relative; }
.st-period-opt input { position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer; }
.st-period-opt label { display:block;padding:.45rem .85rem;border-radius:10px;font-weight:600;font-size:.9rem;color:var(--kwiz-muted);white-space:nowrap; }
.st-period-opt input:hover + label { background:var(--kwiz-soft); }
.st-period-opt input:checked + label { background:var(--kwiz-soft);color:var(--kwiz-soft-ink);box-shadow:inset 0 0 0 1px var(--kwiz-tag-line); }
.st-period-opt input:focus-visible + label { outline:3px solid #ffd157;outline-offset:2px; }
#st-body { display:grid;gap:1.25rem;transition:opacity .15s; }
#st-body.st-busy { opacity:.5; }
.st-section { min-width:0; }
.st-section h2 { margin-bottom:.25rem; }
.st-intro { margin-bottom:1rem; }
.st-sub { font-size:1rem;letter-spacing:-.02em;margin:1.5rem 0 .6rem; }
.st-empty,.st-none { color:var(--kwiz-muted);margin:0; }
.st-empty { padding:1rem;border-radius:12px;background:var(--kwiz-soft); }
.st-kpis { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,135px),1fr));gap:.75rem; }
.st-kpi { display:flex;flex-direction:column;gap:.15rem;padding:.85rem 1rem;border-radius:12px;background:var(--kwiz-soft);min-width:0; }
.st-kpi-l { font-size:.8rem;color:var(--kwiz-muted);line-height:1.3; }
.st-kpi strong { font:700 1.6rem/1.2 var(--kwiz-heading-font);letter-spacing:-.03em;color:var(--kwiz-ink); }
.st-kpi-n { font-size:.75rem;color:var(--kwiz-muted);line-height:1.3; }
.st-legend { display:flex;flex-wrap:wrap;gap:.35rem 1rem;margin:0 0 .4rem;padding:0;list-style:none;font-size:.85rem;color:var(--kwiz-muted); }
.st-legend li { display:inline-flex;align-items:center;gap:.4rem; }
.st-key { display:inline-block;flex:none;background:var(--c); }
.st-key--bar { width:10px;height:10px;border-radius:3px; }
.st-key--line { width:14px;height:2px;border-radius:1px; }
.st-chart { position:relative;width:100%;min-width:0;overflow:hidden; }
.st-chart svg { display:block; }
.st-ax { fill:var(--kwiz-muted);font-size:12px;font-variant-numeric:tabular-nums; }
.st-yr { font-size:11px;opacity:.85; }
.st-grid { stroke:var(--kwiz-card-line);stroke-width:1;shape-rendering:crispEdges; }
.st-base { stroke:var(--kwiz-control-line);stroke-width:1;shape-rendering:crispEdges; }
.st-hit { fill:transparent; }
.st-hit:hover { fill:var(--kwiz-soft); }
.st-bar { fill:var(--c);pointer-events:none; }
.st-line { fill:none;stroke:var(--c);stroke-width:2;stroke-linejoin:round;stroke-linecap:round;pointer-events:none; }
.st-area { fill:var(--c);fill-opacity:.1;pointer-events:none; }
.st-dot { fill:var(--c);stroke:var(--kwiz-paper);stroke-width:2;pointer-events:none; }
.st-cross { stroke:var(--kwiz-control-line);stroke-width:1;pointer-events:none; }
.st-over { fill:transparent;cursor:crosshair; }
.st-tip { position:fixed;z-index:20;min-width:140px;max-width:260px;padding:.5rem .7rem;border:1px solid var(--kwiz-line);border-radius:10px;background:var(--kwiz-paper);color:var(--kwiz-ink);box-shadow:0 8px 24px #0000002e;font-size:.8rem;line-height:1.4;pointer-events:none; }
.st-tip-t { color:var(--kwiz-muted);margin-bottom:.2rem; }
.st-tip-r { display:flex;align-items:center;gap:.45rem; }
.st-tip-r span { color:var(--kwiz-muted);overflow-wrap:anywhere; }
.st-details { margin-top:.4rem;font-size:.85rem; }
.st-details summary { color:var(--kwiz-muted);cursor:pointer;width:max-content; }
.st-scroll { max-width:100%;overflow-x:auto; }
.st-table { width:100%;border-collapse:collapse;font-size:.85rem;font-variant-numeric:tabular-nums;margin-top:.4rem; }
.st-table th,.st-table td { padding:.4rem .6rem;border-bottom:1px solid var(--kwiz-card-line);text-align:right;white-space:nowrap; }
.st-table th:first-child { text-align:left; }
.st-table thead th { color:var(--kwiz-muted);font-weight:600;font-size:.78rem;white-space:normal;vertical-align:bottom; }
.st-table tbody th { font-weight:600; }
.st-wait { color:var(--kwiz-muted);font-style:italic; }
.st-hbars,.st-funnel { display:grid;gap:.45rem;margin:0;padding:0;list-style:none; }
.st-hbars li,.st-funnel li { display:grid;grid-template-columns:minmax(0,11rem) minmax(0,1fr) minmax(3rem,auto);align-items:center;gap:.75rem;font-size:.9rem; }
.st-hl { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.st-hb { display:block;height:12px; }
.st-hb i { display:block;height:100%;border-radius:0 4px 4px 0;background:var(--c,var(--st-1)); }
.st-hv { text-align:right;font-variant-numeric:tabular-nums;font-weight:600; }
.st-hv small { display:block;font-weight:400;color:var(--kwiz-muted);font-size:.75rem; }
.st-funnel .st-hb { height:16px; }
.st-funnel .st-hl { white-space:normal;line-height:1.3; }
.st-hbars + .tiny { margin-top:.6rem; }
.st-funnel + .tiny { margin-top:.6rem; }
.st-utm { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:1rem 1.5rem; }
.st-utm-h { font:600 .85rem var(--kwiz-body-font);color:var(--kwiz-muted);margin:0 0 .4rem; }
.st-heat { display:grid;grid-template-columns:2.2rem repeat(24,minmax(0,1fr));gap:2px;max-width:760px;font-size:.72rem;color:var(--kwiz-muted); }
.st-heat i { aspect-ratio:1;border-radius:2px;background:var(--kwiz-soft); }
.st-heat i:hover { outline:2px solid var(--kwiz-ink);outline-offset:-1px; }
.st-heat-day { align-self:center; }
.st-heat-hour { white-space:nowrap;overflow:visible;font-variant-numeric:tabular-nums; }
.st-h1 { background:var(--st-h1)!important; } .st-h2 { background:var(--st-h2)!important; } .st-h3 { background:var(--st-h3)!important; } .st-h4 { background:var(--st-h4)!important; } .st-h5 { background:var(--st-h5)!important; }
.st-scale { display:flex;align-items:center;gap:3px;margin-top:.5rem;font-size:.75rem;color:var(--kwiz-muted); }
.st-scale i { width:14px;height:14px;border-radius:2px; }
.st-scale span:first-child { margin-right:.3rem; } .st-scale span:last-child { margin-left:.3rem; }
.st-devices { display:grid;gap:.9rem;margin:0;padding:0;list-style:none; }
.st-devices li { display:grid;gap:.3rem;font-size:.9rem; }
.st-seg { display:flex;gap:2px;height:8px;border-radius:4px;overflow:hidden; }
.st-seg i { display:block;background:var(--c);min-width:2px; }
.st-dev-text { color:var(--kwiz-muted);font-size:.82rem; }
.st-missing { max-width:520px;text-align:center; }
@media(max-width:600px){
  .st-filters { align-items:stretch; }
  .st-hbars li,.st-funnel li { grid-template-columns:minmax(0,7.5rem) minmax(0,1fr) minmax(2.5rem,auto);gap:.5rem;font-size:.85rem; }
  .st-heat { grid-template-columns:1.8rem repeat(24,minmax(0,1fr));gap:1px;font-size:.65rem; }
  .st-kpi strong { font-size:1.35rem; }
}
@media(prefers-reduced-motion:reduce){ #st-body { transition:none; } }