:root{--bg: #FFFFFF;--bg-graa: #F3F5F5;--bg-tint: #EAF6FF;--flade-blaa: #0A0ADD;--flade-navy: #00004A;--ink: #101218;--tekst-sekundaer: #212121;--tekst-muted: #5A5E66;--primary: #0A0ADD;--primary-hover: #0808B0;--primary-active: #060686;--primary-soft: #EAF6FF;--action: #EA3A1C;--action-hover: #D12E12;--action-soft: #FDE7E2;--accent-sky: #2CBAFC;--secondary: #0091FF;--navy: #00004A;--mid-blue: #2354A2;--success: #16B47A;--success-soft: #DFF5EC;--warning: #F5A623;--warning-soft: #FDF0D9;--error: #EA3A1C;--error-soft: #FDE7E2;--info: #0A0ADD;--info-soft: #EAF6FF;--viz-1: #0A0ADD;--viz-2: #EA3A1C;--viz-3: #2CBAFC;--viz-4: #00004A;--viz-5: #2354A2;--viz-positiv: #16B47A;--viz-negativ: #EA3A1C;--viz-neutral: #8A8E96;--font-display: "Bebas Neue", "Arial Narrow", sans-serif;--font-body: "Lexend Deca", "Segoe UI", sans-serif;--font-label: "Work Sans", "Segoe UI", sans-serif;--font-mono: ui-monospace, "Cascadia Mono", Consolas, monospace;--text-h1: 32px;--text-h2: 24px;--text-metric-lg: 56px;--text-metric-md: 32px;--text-body: 16px;--text-body-sm: 14px;--text-label: 12px;--text-button: 14px;--tracking-button: .18em;--tracking-label: .08em;--tracking-label-loes: .12em;--radius-knap: 6px;--radius-kort: 10px;--radius-panel: 16px;--space-1: 4px;--space-2: 8px;--space-3: 16px;--space-4: 24px;--space-5: 32px;--space-6: 48px;--border-svag: rgba(16, 18, 24, .08);--skygge-kort: 0 6px 24px rgba(10, 10, 221, .08);--max-bredde: 1320px;--raekke-hoejde: 52px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-body);font-size:var(--text-body);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}#root{min-height:100vh;display:flex;flex-direction:column}h1{font-family:var(--font-display);font-size:var(--text-h1);font-weight:400;letter-spacing:.02em;margin:0 0 var(--space-3)}h2{font-family:var(--font-display);font-size:var(--text-h2);font-weight:400;letter-spacing:.02em;margin:0 0 var(--space-2)}a{color:var(--primary)}.topnav{position:sticky;top:0;z-index:100;background:var(--flade-blaa);color:#fff;display:flex;align-items:center;gap:var(--space-4);padding:0 var(--space-4);height:56px}.topnav-wordmark{font-family:var(--font-display);font-size:24px;letter-spacing:.06em;color:#fff;text-decoration:none;white-space:nowrap}.topnav-links{display:flex;gap:var(--space-3);overflow-x:auto;flex:1}.topnav-link{font-family:var(--font-label);font-size:var(--text-label);font-weight:600;letter-spacing:var(--tracking-label-loes);text-transform:uppercase;color:#fff;text-decoration:none;padding:var(--space-2) 0;white-space:nowrap}.topnav-link.aktiv{color:var(--accent-sky);box-shadow:inset 0 -2px 0 var(--accent-sky)}.topnav-logud{font-family:var(--font-label);font-size:var(--text-label);font-weight:600;letter-spacing:var(--tracking-label);text-transform:uppercase;color:#ffffffbf;background:none;border:none;cursor:pointer;padding:var(--space-2)}.topnav-logud:hover{color:#fff}.side{flex:1;width:100%;max-width:var(--max-bredde);margin:0 auto;padding:var(--space-4) var(--space-4) var(--space-6)}.muted{color:var(--tekst-muted)}.tekst-sm{font-size:var(--text-body-sm)}.eyebrow{font-family:var(--font-label);font-size:var(--text-label);font-weight:600;letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--tekst-muted)}.knap{font-family:var(--font-label);font-size:var(--text-button);font-weight:700;letter-spacing:var(--tracking-button);text-transform:uppercase;border:none;border-radius:var(--radius-knap);padding:12px 20px;cursor:pointer}.knap-primaer{background:var(--primary);color:#fff}.knap-primaer:hover{background:var(--primary-hover)}.knap-primaer:active{background:var(--primary-active)}.knap:disabled{opacity:.6;cursor:default}.knap-paa-blaa{background:#fff;color:var(--primary)}.knap-paa-blaa:hover{background:var(--bg-tint)}.felt-label{display:block;font-family:var(--font-label);font-size:var(--text-label);font-weight:600;letter-spacing:var(--tracking-label);text-transform:uppercase;margin-bottom:var(--space-1)}.felt{width:100%;font-family:var(--font-body);font-size:var(--text-body);color:var(--ink);background:#fff;border:1px solid var(--border-svag);border-radius:var(--radius-knap);padding:12px 14px}.felt:focus{outline:2px solid var(--accent-sky);outline-offset:0}.login-scene{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:var(--bg)}.login-kort{background:var(--flade-blaa);color:#fff;border-radius:var(--radius-panel);padding:var(--space-5);width:100%;max-width:420px;box-shadow:var(--skygge-kort)}.login-kort h1{color:#fff;margin-bottom:var(--space-1)}.login-kort .felt-label{color:#ffffffd9}.login-fejl{background:var(--error-soft);color:var(--ink);border-radius:var(--radius-knap);padding:var(--space-2) var(--space-3);font-size:var(--text-body-sm);margin-top:var(--space-3)}.tabel-ramme{border:1px solid var(--border-svag);border-radius:var(--radius-kort);overflow-x:auto;background:#fff}table.tabel{width:100%;border-collapse:collapse;font-size:var(--text-body-sm)}.tabel thead th{background:var(--bg-graa);font-family:var(--font-label);font-size:var(--text-label);font-weight:600;letter-spacing:var(--tracking-label);text-transform:uppercase;text-align:left;color:var(--tekst-sekundaer);padding:0 var(--space-3);height:44px;white-space:nowrap}.tabel tbody td{height:var(--raekke-hoejde);padding:var(--space-1) var(--space-3);border-top:.5px solid var(--border-svag);vertical-align:middle}.tabel tbody tr{cursor:pointer}.tabel tbody tr:hover{background:var(--bg-tint)}.tal{font-family:var(--font-mono);font-size:13px}.chip{display:inline-flex;align-items:center;gap:var(--space-1);font-family:var(--font-label);font-size:var(--text-label);font-weight:600;letter-spacing:var(--tracking-label);text-transform:uppercase;border-radius:999px;padding:4px 10px;white-space:nowrap}.chip-lead_ny{background:var(--primary-soft);color:var(--navy)}.chip-tilbud_sendt{background:var(--warning-soft);color:var(--ink)}.chip-vundet,.chip-opgave_udfoert,.chip-anmeldelse_sendt{background:var(--success-soft);color:var(--ink)}.chip-tabt,.chip-dublet{background:var(--bg-graa);color:var(--tekst-sekundaer)}.chip-parkeret{background:var(--bg-graa);color:var(--tekst-muted)}.chip-neutral{background:var(--bg-graa);color:var(--tekst-sekundaer)}.chip-varsel{background:var(--warning-soft);color:var(--ink)}.badge-advarsel{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--warning-soft);border-radius:var(--radius-knap);padding:var(--space-2) var(--space-3);font-size:var(--text-body-sm)}.kanal-ikon{display:inline-flex;vertical-align:-2px;color:var(--tekst-muted)}.kort{background:#fff;border:1px solid var(--border-svag);border-radius:var(--radius-kort);padding:var(--space-4);box-shadow:var(--skygge-kort)}.synk-footer{background:var(--flade-navy);color:#fffc;font-size:var(--text-body-sm);padding:var(--space-3) var(--space-4);display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);align-items:center}.synk-footer strong{color:#fff;font-weight:600}.synk-advarsel{background:var(--warning-soft);color:var(--ink);border-radius:var(--radius-knap);padding:4px 10px}.demo-banner{background:var(--info-soft);border-left:3px solid var(--primary);padding:var(--space-2) var(--space-4);font-size:var(--text-body-sm)}.alarm-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-4);text-decoration:none;font-size:var(--text-body-sm)}.alarm-banner-roed{background:var(--error-soft);color:var(--ink);border-left:3px solid var(--error)}.alarm-banner-kritisk{background:var(--action);color:#fff}.alarm-banner-cta{font-family:var(--font-label);font-size:var(--text-label);font-weight:700;letter-spacing:var(--tracking-label);text-transform:uppercase;white-space:nowrap}.nav-alarm-badge{display:inline-block;margin-left:6px;background:var(--action);color:#fff;border-radius:999px;min-width:18px;text-align:center;padding:1px 5px;font-size:11px}.kpi-raekke{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-3)}.kpi-raekke-taet{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.kpi-kort{background:#fff;border:1px solid var(--border-svag);border-radius:var(--radius-kort);box-shadow:var(--skygge-kort);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-1);align-items:flex-start}.kpi-tal{font-family:var(--font-display);font-size:var(--text-metric-md);color:var(--primary);line-height:1}.kpi-tal-stor{font-size:var(--text-metric-lg)}.delta-pill{font-family:var(--font-label);font-size:var(--text-label);font-weight:600;border-radius:999px;padding:2px 8px}.delta-op{background:var(--success-soft);color:var(--ink)}.delta-ned{background:var(--error-soft);color:var(--ink)}.delta-flad{background:var(--bg-graa);color:var(--tekst-muted)}.filter-raekke{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;margin:var(--space-4) 0 var(--space-3)}.filter{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-body-sm);color:var(--tekst-muted)}.felt-lille{width:auto;padding:8px 10px;font-size:var(--text-body-sm)}.filter-flueben{cursor:pointer;color:var(--ink)}.filter-flueben input{accent-color:var(--primary);width:16px;height:16px}.kort-liste{display:flex;flex-direction:column;gap:var(--space-2)}.henvendelse-kort{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-3);background:#fff;border:1px solid var(--border-svag);border-radius:var(--radius-kort);padding:var(--space-3)}.henvendelse-ikon{padding-top:2px}.henvendelse-top{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2)}.henvendelse-chips{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-1)}.henvendelse-tekst{margin:var(--space-1) 0 0;font-size:var(--text-body-sm);color:var(--tekst-sekundaer)}.pg-link{color:var(--primary);text-decoration:none;font-weight:600}.pg-link:hover{text-decoration:underline}.chip-ok{background:var(--success-soft);color:var(--ink)}.chip-fejl{background:var(--error-soft);color:var(--ink)}.chip-score{background:var(--primary-soft);color:var(--navy)}.status-vaelger{appearance:none;-webkit-appearance:none;border:none;cursor:pointer;padding-right:22px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5'%3E%3Cpath d='M0 0l4 5 4-5z' fill='%235A5E66'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.handlinger{display:flex;flex-wrap:wrap;gap:var(--space-2)}.knap-handling{font-family:var(--font-label);font-size:var(--text-label);font-weight:700;letter-spacing:var(--tracking-label);text-transform:uppercase;background:#fff;color:var(--primary);border:1px solid var(--primary);border-radius:var(--radius-knap);padding:8px 12px;cursor:pointer}.knap-handling:hover{background:var(--primary-soft)}.knap-parker{color:var(--tekst-muted);border-color:var(--border-svag)}.knap-sekundaer{background:var(--bg-graa);color:var(--ink)}.dialog-baggrund{position:fixed;inset:0;background:#10121873;display:flex;align-items:center;justify-content:center;padding:var(--space-3);z-index:300}.dialog{background:#fff;border-radius:var(--radius-panel);padding:var(--space-4);width:100%;max-width:420px;box-shadow:var(--skygge-kort)}.tidslinje-dag{margin:var(--space-4) 0 var(--space-2)}.tidslinje-punkt{display:grid;grid-template-columns:auto 1fr;gap:var(--space-3);padding:var(--space-3);background:#fff;border:1px solid var(--border-svag);border-radius:var(--radius-kort);margin-bottom:var(--space-2)}.tidslinje-punkt.nedtonet{opacity:.55}.tidslinje-ikon{padding-top:2px}.tidslinje-tid{float:right}.tidslinje-titel{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);font-weight:600;font-size:var(--text-body-sm)}.tidslinje-tekst{margin:var(--space-1) 0 0;font-size:var(--text-body-sm);color:var(--tekst-sekundaer)}.tidslinje-detaljer{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-3);margin-top:var(--space-1);font-size:var(--text-body-sm);color:var(--tekst-muted)}.tidslinje-fold{margin-top:var(--space-1);font-size:var(--text-body-sm)}.tidslinje-fold summary{cursor:pointer;color:var(--primary)}.vigtig-aftale{background:var(--bg-tint);border-left:3px solid var(--primary);border-radius:0 var(--radius-knap) var(--radius-knap) 0;padding:var(--space-2) var(--space-3);margin-top:var(--space-2);font-size:var(--text-body-sm)}.kunde-header{display:flex;align-items:baseline;gap:var(--space-3);flex-wrap:wrap}.kunde-pg{font-size:48px;color:var(--primary);margin-bottom:0}.kunde-spalter{display:grid;grid-template-columns:minmax(300px,420px) 1fr;gap:var(--space-4);margin-top:var(--space-4);align-items:start}.stamdata{margin:0;display:grid;grid-template-columns:auto 1fr;gap:var(--space-2) var(--space-4)}.stamdata dd{margin:0}.gemt-markering{color:var(--success);text-transform:none;letter-spacing:0;margin-left:var(--space-1)}.tom-groen{background:var(--success-soft);border-radius:var(--radius-kort);padding:var(--space-4);font-size:var(--text-body)}.alarm-kort{background:#fff;border:1px solid var(--border-svag);border-radius:var(--radius-kort);padding:var(--space-3)}.alarm-kort.alarm-kritisk{border-left:4px solid var(--action)}.alarm-kort.alarm-roed{border-left:4px solid var(--error);border-left-color:#ea3a1c8c}.alarm-kort.alarm-gul{border-left:4px solid var(--warning)}.alarm-kort-top{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.niveau-kritisk{background:var(--action);color:#fff}.niveau-roed{background:var(--error-soft);color:var(--ink)}.niveau-gul{background:var(--warning-soft);color:var(--ink)}.parkeret-sektion{margin-top:var(--space-4)}.parkeret-sektion summary{cursor:pointer;color:var(--tekst-muted);font-size:var(--text-body-sm)}.alarm-oversigt{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;background:#fff;border:1px solid var(--border-svag);border-radius:var(--radius-kort);padding:var(--space-3) var(--space-4);text-decoration:none;color:var(--ink);box-shadow:var(--skygge-kort)}.alarm-oversigt-taeller{display:flex;gap:var(--space-2);flex-wrap:wrap;flex:1}.haendelses-liste{display:flex;flex-direction:column;border:1px solid var(--border-svag);border-radius:var(--radius-kort);background:#fff;overflow:hidden}.haendelses-raekke{display:grid;grid-template-columns:auto auto minmax(80px,auto) 1fr auto;gap:var(--space-3);align-items:center;padding:var(--space-2) var(--space-3);min-height:var(--raekke-hoejde);text-decoration:none;color:var(--ink);border-top:.5px solid var(--border-svag);font-size:var(--text-body-sm)}.haendelses-raekke:first-child{border-top:none}.haendelses-raekke:hover{background:var(--bg-tint)}.haendelses-uddrag{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.linjegraf-ramme{position:relative;background:#fff;border:1px solid var(--border-svag);border-radius:var(--radius-kort);padding:var(--space-3);overflow-x:auto}.linjegraf{width:100%;height:auto;display:block}.graf-akse-tekst{font-family:var(--font-body);font-size:11px;fill:var(--tekst-muted)}.graf-serie-label{font-family:var(--font-label);font-size:12px;font-weight:600;fill:var(--ink)}.graf-legend{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-2);font-size:var(--text-body-sm);color:var(--tekst-sekundaer)}.graf-legend-punkt{display:inline-flex;align-items:center;gap:var(--space-1)}.graf-legend-prik{display:inline-block;width:10px;height:10px;border-radius:999px}.graf-tooltip{position:absolute;top:var(--space-3);transform:translate(-50%);background:#fff;border:1px solid var(--border-svag);border-radius:var(--radius-knap);box-shadow:var(--skygge-kort);padding:var(--space-2) var(--space-3);font-size:var(--text-body-sm);pointer-events:none;white-space:nowrap}.graf-tooltip-dato{font-weight:600;margin-bottom:2px}.graf-tooltip-raekke{display:flex;align-items:center;gap:var(--space-1)}.sparkline{margin-top:var(--space-1)}.skriv-fejl{position:fixed;bottom:var(--space-4);left:50%;transform:translate(-50%);background:var(--error-soft);border:1px solid var(--error);border-radius:var(--radius-knap);padding:var(--space-2) var(--space-3);font-size:var(--text-body-sm);display:flex;gap:var(--space-3);align-items:center;z-index:400}.skriv-fejl button{border:none;background:none;color:var(--primary);cursor:pointer;font-family:var(--font-label);font-size:var(--text-label);font-weight:700;text-transform:uppercase}@media(max-width:700px){.side{padding:var(--space-3)}.tabel thead{display:none}.tabel,.tabel tbody,.tabel tbody tr,.tabel tbody td{display:block}.tabel tbody tr{padding:var(--space-3);border-top:1px solid var(--border-svag)}.tabel tbody td{height:auto;padding:2px 0;border-top:none}.tabel td[data-tom=true]{display:none}.kunde-spalter{grid-template-columns:1fr}.henvendelse-kort{grid-template-columns:auto 1fr}.henvendelse-status{grid-column:1 / -1}.haendelses-raekke{grid-template-columns:auto auto 1fr auto}.haendelses-uddrag{display:none}.kpi-raekke{grid-template-columns:repeat(2,1fr)}.kpi-tal-stor{font-size:var(--text-metric-md)}.kunde-pg{font-size:36px}}