@font-face{font-family:Ahlsell Sans;src:url(/fonts/AhlsellSans-Regular.otf) format("opentype");font-weight:400;font-display:swap}@font-face{font-family:Ahlsell Sans;src:url(/fonts/AhlsellSans-Medium.otf) format("opentype");font-weight:500;font-display:swap}@font-face{font-family:Ahlsell Sans;src:url(/fonts/AhlsellSans-SemiBold.otf) format("opentype");font-weight:600;font-display:swap}@font-face{font-family:Ahlsell Sans;src:url(/fonts/AhlsellSans-Bold.otf) format("opentype");font-weight:700;font-display:swap}@font-face{font-family:Ahlsell Slab;src:url(/fonts/AhlsellSlab-Bold.otf) format("opentype");font-weight:700;font-display:swap}:root,:root[data-theme=light]{--bg: #F4F8FC;--surface: #FFFFFF;--surface-2: #E8F3F9;--border: #E1E7EE;--border-strong: #C4CFDA;--text: #101415;--text-muted: #52555C;--text-faint: #727277;--accent: #0073B6;--accent-ink: #FFFFFF;--e7: #0073B6;--addon: #73C8EB;--track: #E6ECF2;--ok: #148D45;--ok-bg: #E4F4EA;--over: #CB2323;--over-bg: #FBE7E7;--queue: #8A6D00;--queue-bg: #FFF6C2;--shadow: 0 1px 2px rgba(2, 61, 98, .06), 0 4px 16px rgba(2, 61, 98, .05);--logo: url(/brand/ahlsell_logo_blue.svg);color-scheme:light}:root[data-theme=dark]{--bg: #001A2C;--surface: #022640;--surface-2: #06314F;--border: rgba(181, 222, 243, .1);--border-strong: rgba(181, 222, 243, .22);--text: #EAF3F9;--text-muted: #A9C0D1;--text-faint: #7F98AB;--accent: #009FE3;--accent-ink: #001A2C;--e7: #009FE3;--addon: #B5DEF3;--track: rgba(181, 222, 243, .1);--ok: #4CC47C;--ok-bg: rgba(76, 196, 124, .12);--over: #FF7A7A;--over-bg: rgba(255, 122, 122, .12);--queue: #FFE030;--queue-bg: rgba(255, 224, 48, .1);--shadow: none;--logo: url(/brand/ahlsell_logo_white.svg);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--text);font-family:Ahlsell Sans,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}button,input,select{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.num{font-variant-numeric:tabular-nums}.slab{font-family:Ahlsell Slab,Georgia,serif;font-weight:700;letter-spacing:-.01em}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:28px;height:64px;padding:0 32px;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--text)}.brand-logo{width:92px;height:25px;background:var(--logo) no-repeat left center / contain}.brand-divider{width:1px;height:22px;background:var(--border-strong)}.brand-name{font-weight:600;font-size:15px;letter-spacing:.01em}.tabs{display:flex;gap:4px;height:100%}.tab{position:relative;display:flex;align-items:center;gap:8px;padding:0 14px;border:0;background:none;color:var(--text-muted);font-weight:500}.tab:hover,.tab[aria-selected=true]{color:var(--text)}.tab[aria-selected=true]:after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:2px;background:var(--accent);border-radius:2px}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:16px}.pill{white-space:nowrap;display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.02em;background:var(--queue-bg);color:var(--queue)}.freshness{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted)}.icon-button{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted)}.icon-button:hover{color:var(--text);border-color:var(--border-strong)}.icon-button:disabled{opacity:.5;cursor:default}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.theme-switch{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none}.theme-switch input{position:absolute;opacity:0;pointer-events:none}.switch-track{position:relative;width:36px;height:20px;border-radius:999px;background:var(--track);border:1px solid var(--border-strong);transition:background .15s}.switch-track:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--text-muted);transition:transform .15s,background .15s}.theme-switch input:checked+.switch-track{background:var(--accent);border-color:var(--accent)}.theme-switch input:checked+.switch-track:after{transform:translate(16px);background:var(--accent-ink)}.theme-switch input:focus-visible+.switch-track{outline:2px solid var(--accent);outline-offset:2px}.avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--surface-2);color:var(--text);font-size:12px;font-weight:700}.page{max-width:1240px;margin:0 auto;padding:36px 32px 64px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.page-head h1{margin:0;font-size:34px;line-height:1.1}.page-head p{margin:8px 0 0;max-width:620px}.section{margin-top:40px}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:14px}.section-head h2{margin:0;font-size:18px;font-weight:600}.section-head .hint{font-size:13px;color:var(--text-faint)}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow)}.kpis{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:16px}.kpi{padding:20px 22px}.kpi-label{font-size:13px;color:var(--text-muted);font-weight:500}.kpi-value{margin-top:6px;font-size:40px;line-height:1}.kpi-sub{margin-top:10px;font-size:13px;color:var(--text-muted)}.kpi-primary .kpi-value{font-size:52px}.kpi-mark{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:8px;vertical-align:1px}.attention{margin-top:16px;padding:4px 0}.attention-row{display:flex;align-items:center;gap:12px;padding:10px 18px;font-size:14px}.attention-row+.attention-row{border-top:1px solid var(--border)}.attention-count{min-width:34px;font-weight:700}.attention-icon{display:grid;place-items:center;width:26px;height:26px;border-radius:7px;flex:none}.tone-over .attention-icon{background:var(--over-bg);color:var(--over)}.tone-queue .attention-icon{background:var(--queue-bg);color:var(--queue)}.tone-info .attention-icon{background:var(--surface-2);color:var(--accent)}.all-ok{display:flex;align-items:center;gap:10px;margin-top:16px;padding:12px 18px;font-size:14px;color:var(--ok)}.countries{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.country{padding:20px 20px 18px;display:flex;flex-direction:column;gap:14px}.country-head{display:flex;align-items:center;justify-content:space-between}.country-name{font-weight:600;font-size:16px}.country-code{font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--text-faint)}.country-figure{display:flex;align-items:baseline;gap:8px}.country-figure .big{font-size:38px;line-height:1}.country-figure .of{font-size:14px;color:var(--text-muted)}.bar{position:relative;height:10px;border-radius:999px;background:var(--track);overflow:hidden;display:flex}.bar-seg{height:100%}.bar-seg.e7{background:var(--e7)}.bar-seg.addon{background:var(--addon)}.bar-over{position:absolute;inset:0 0 0 auto;background:repeating-linear-gradient(135deg,var(--over) 0 4px,transparent 4px 8px);opacity:.9}.remaining{display:flex;align-items:center;justify-content:space-between;font-size:13px}.status{display:inline-flex;align-items:center;gap:6px;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:600}.status.ok{background:var(--ok-bg);color:var(--ok)}.status.over{background:var(--over-bg);color:var(--over)}.status.none{background:var(--surface-2);color:var(--text-muted)}.legend{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:13px;color:var(--text-muted)}.legend span{display:inline-flex;align-items:center;gap:6px}.dot{width:8px;height:8px;border-radius:2px;display:inline-block}.dot.e7{background:var(--e7)}.dot.addon{background:var(--addon)}.dot.queue{background:var(--queue)}.external{margin-top:auto;padding-top:12px;border-top:1px dashed var(--border-strong);font-size:13px}.external strong{font-weight:600;color:var(--text)}.sparkline{display:block;width:100%;height:34px}.history{padding:20px 22px 14px}.history-legend{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13px;color:var(--text-muted);margin-bottom:8px}.history svg{display:block;width:100%;height:auto}.history .grid-line{stroke:var(--border)}.history .axis-label{fill:var(--text-faint);font-size:11px}.note{margin-top:8px;font-size:12px;color:var(--text-faint)}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px}.search{position:relative;flex:1 1 280px;max-width:420px}.search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-faint)}.search input{width:100%;height:38px;padding:0 12px 0 36px;border-radius:10px;border:1px solid var(--border-strong);background:var(--surface)}.search input::placeholder{color:var(--text-faint)}.segmented{display:inline-flex;padding:3px;border-radius:10px;background:var(--surface-2);border:1px solid var(--border)}.segmented button{border:0;background:none;padding:5px 12px;border-radius:7px;font-size:13px;font-weight:500;color:var(--text-muted)}.segmented button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}:root[data-theme=dark] .segmented button[aria-pressed=true]{background:var(--bg)}.segmented .count{margin-left:6px;color:var(--text-faint);font-size:12px}select.country-filter{height:38px;padding:0 10px;border-radius:10px;border:1px solid var(--border-strong);background:var(--surface)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-faint);padding:12px 18px;border-bottom:1px solid var(--border)}td{padding:11px 18px;border-bottom:1px solid var(--border)}tbody tr:last-child td{border-bottom:0}tbody tr:hover td{background:color-mix(in srgb,var(--surface-2) 60%,transparent)}.person-name{font-weight:500}.badge{display:inline-flex;align-items:center;gap:6px;padding:2px 9px;border-radius:6px;font-size:12px;font-weight:600;white-space:nowrap}.badge.e7{background:color-mix(in srgb,var(--e7) 16%,transparent);color:var(--e7)}.badge.addon{background:color-mix(in srgb,var(--addon) 22%,transparent);color:var(--text)}.badge.both{background:var(--over-bg);color:var(--over)}.badge.queue{background:var(--queue-bg);color:var(--queue)}.table-foot{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;font-size:13px;color:var(--text-muted);border-top:1px solid var(--border)}.link-button{border:0;background:none;color:var(--accent);font-weight:600;padding:0}.empty{padding:36px 18px;text-align:center;color:var(--text-muted)}.placeholder{padding:56px 32px;text-align:center}.placeholder h2{margin:12px 0 6px;font-size:22px}.state{max-width:520px;margin:18vh auto 0;padding:32px;text-align:center}.skeleton{background:linear-gradient(90deg,var(--surface) 0%,var(--surface-2) 50%,var(--surface) 100%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:14px}@keyframes shimmer{to{background-position:-200% 0}}.footer{max-width:1240px;margin:0 auto;padding:0 32px 32px;font-size:12px;color:var(--text-faint);display:flex;justify-content:space-between}@media(max-width:1000px){.kpis,.countries{grid-template-columns:1fr 1fr}}@media(max-width:640px){.topbar{flex-wrap:wrap;height:auto;gap:8px 12px;padding:10px 16px 0}.tabs{order:3;width:100%;height:42px;margin:0 -14px}.topbar-right{gap:10px}.brand-divider,.brand-name,.freshness-text,.theme-label{display:none}.page{padding:24px 16px 48px}.countries{grid-template-columns:1fr}.kpis{grid-template-columns:1fr 1fr;gap:12px}.kpi{padding:16px}.kpi-primary,.kpi:last-child{grid-column:1 / -1}.kpi-value{font-size:32px}.kpi-primary .kpi-value{font-size:44px}.page-head{flex-direction:column;align-items:flex-start}th:nth-child(2),td:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){.spin,.skeleton{animation:none}}:root,:root[data-theme=light]{--c-SE: #0073B6;--c-NO: #007B83;--c-FI: #4FA9D6;--c-DK: #8A96A3}:root[data-theme=dark]{--c-SE: #009FE3;--c-NO: #3CC6CF;--c-FI: #B5DEF3;--c-DK: #8FA6B8}
