/* DomGuard — bygget oven på BitTech-designsystemet (assets/ds).
   Ingen inline-styles nogen steder: CSP'en tillader kun style-src 'self'. */

:root{
  --dg-ok:var(--status-success);--dg-ok-bg:var(--status-success-bg);
  --dg-adv:#B7791F;--dg-adv-bg:var(--status-warning-bg);
  --dg-fejl:var(--status-danger);--dg-fejl-bg:var(--status-danger-bg);
  --dg-info:var(--brand-blue);--dg-info-bg:var(--status-info-bg);
  --dg-ukendt:var(--ink-500);--dg-ukendt-bg:var(--ink-100);
}

/* ── Grundlag ─────────────────────────────────────────────────────────────── */
.beholder{max-width:var(--container-max);margin:0 auto;padding:0 var(--space-6)}
.beholder--smal{max-width:var(--container-narrow)}
.usynlig{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.spring{position:absolute;left:-9999px;top:0;background:var(--brand-blue);color:#fff;padding:8px 16px;z-index:10}
.spring:focus{left:16px;top:8px}
.daempet{color:var(--text-muted)}
.lille{font-size:var(--fs-sm)}
code,.kode{font-family:var(--font-mono);font-size:.9em}
h2{font:var(--type-h2);color:var(--text-heading)}
h3{font:var(--type-h3);color:var(--text-heading)}
p+p{margin-top:var(--space-3)}

.oejenbryn{font:var(--type-eyebrow);text-transform:uppercase;letter-spacing:var(--ls-caps-wide);color:var(--brand-green);margin-bottom:var(--space-3)}
.oejenbryn a{color:inherit}

/* ── Knapper ──────────────────────────────────────────────────────────────── */
.knap{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:var(--type-button);padding:12px 22px;border-radius:var(--radius-pill);
  background:var(--action-primary);color:#fff;border:1px solid transparent;cursor:pointer;transition:var(--transition-control);text-decoration:none;white-space:nowrap}
.knap:hover{background:var(--action-primary-hover);color:#fff;text-decoration:none}
.knap--accent{background:var(--action-accent);color:var(--ink-900)}
.knap--accent:hover{background:var(--action-accent-hover);color:var(--ink-900)}
.knap--kontur{background:transparent;color:var(--brand-blue);border-color:var(--blue-300)}
.knap--kontur:hover{background:var(--blue-50);color:var(--brand-blue)}
.knap--lille{padding:7px 14px;font-size:var(--fs-xs)}
.knap--fuld{width:100%}
.knap[disabled],.knap.venter{opacity:.75;cursor:progress}
.knap__venter{display:none;width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:dg-drej .7s linear infinite}
.knap.venter .knap__venter{display:inline-block}
@keyframes dg-drej{to{transform:rotate(360deg)}}
.knaprad{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4);margin-top:var(--space-6)}
.risikofri{font-size:var(--fs-sm);color:var(--text-muted)}

/* ── Header / footer ──────────────────────────────────────────────────────── */
.top{background:#fff;border-bottom:1px solid var(--border-subtle);position:sticky;top:0;z-index:5}
.top__inner{display:flex;align-items:center;gap:var(--space-8);height:68px}
.logo{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:22px;color:var(--brand-navy);letter-spacing:.01em}
.logo:hover{text-decoration:none;color:var(--brand-navy)}
.logo b{font-weight:600;color:var(--brand-blue)}
.logo--lys,.logo--lys:hover{color:#fff}.logo--lys b{color:var(--brand-green)}
.hovednav{display:flex;gap:var(--space-6);margin-left:auto}
.hovednav a{color:var(--ink-700);font-weight:600;font-size:var(--fs-sm);padding:6px 0;border-bottom:2px solid transparent}
.hovednav a:hover{color:var(--brand-blue);text-decoration:none}
.hovednav a[aria-current=page]{color:var(--brand-blue);border-bottom-color:var(--brand-green)}
.barre{height:6px;background:linear-gradient(90deg,var(--barre-blue) 0 66%,var(--barre-green) 66% 100%)}

.fod{background:var(--brand-navy);color:var(--blue-200);margin-top:var(--space-24);padding:var(--space-16) 0 var(--space-6)}
.fod a{color:#fff}
.fod__inner{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--space-10)}
.fod__tekst{margin-top:var(--space-4);max-width:36ch;font-size:var(--fs-sm)}
.fod__titel{font:var(--type-eyebrow);text-transform:uppercase;letter-spacing:var(--ls-caps-wide);color:var(--brand-green);margin-bottom:var(--space-3)}
.fod__liste{list-style:none;margin:0;padding:0;font-size:var(--fs-sm);display:grid;gap:6px}
.fod__bund{margin-top:var(--space-12);padding-top:var(--space-6);border-top:1px solid rgba(255,255,255,.12);font-size:var(--fs-xs);color:var(--blue-300)}

/* ── Sektioner ────────────────────────────────────────────────────────────── */
.helt{background:var(--blue-50);padding:var(--space-20) 0 var(--space-16);text-align:center}
.helt--lav{padding:var(--space-12) 0 var(--space-10);text-align:left}
.helt__titel{font:var(--type-h1);color:var(--brand-navy);letter-spacing:var(--ls-display)}
.helt__lead{font:var(--type-subhead);color:var(--ink-700);margin:var(--space-4) auto 0;max-width:62ch}
.helt--lav .helt__lead{margin-left:0}
.sektion{padding:var(--space-20) 0}
.sektion--kompakt{padding:var(--space-10) 0}
.sektion--tone{background:var(--surface-subtle)}
.sektion__hoved{text-align:center;max-width:var(--container-narrow);margin:0 auto var(--space-10)}
.sektion__lead{margin-top:var(--space-3);color:var(--ink-700);font-size:var(--fs-md)}
.mellemrubrik{font:var(--type-h3);margin:var(--space-8) 0 var(--space-3)}

.gitter{display:grid;gap:var(--gap-grid)}
.gitter--2{grid-template-columns:repeat(2,1fr)}
.gitter--3{grid-template-columns:repeat(3,1fr)}
.gitter--midt{align-items:center;gap:var(--space-12)}

.kort{background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-card);padding:var(--pad-card);box-shadow:var(--shadow-sm)}
.kort h2,.kort h3{margin-bottom:var(--space-2)}
.kort h2{font:var(--type-h3)}
.kort p{color:var(--ink-700)}
.kort__nr{display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;border-radius:50%;background:var(--blue-50);color:var(--brand-blue);font-weight:700;margin-bottom:var(--space-3)}
.kort--link{display:block;color:inherit;transition:var(--transition-surface)}
.kort--link:hover{text-decoration:none;transform:translateY(-2px);box-shadow:var(--shadow-md);color:inherit}
.kort__mere{display:inline-block;margin-top:var(--space-4);color:var(--brand-blue);font-weight:600;font-size:var(--fs-sm)}

.tjekliste{list-style:none;padding:0;margin:var(--space-6) 0 0;display:grid;gap:var(--space-3)}
.tjekliste li{padding-left:28px;position:relative}
.tjekliste li::before{content:"";position:absolute;left:4px;top:6px;width:12px;height:7px;border-left:2.5px solid var(--brand-green);border-bottom:2.5px solid var(--brand-green);transform:rotate(-45deg)}
.trin{display:grid;gap:var(--space-4);padding-left:1.4em}
.trin li::marker{color:var(--brand-blue);font-weight:700}

.faq{border-bottom:1px solid var(--border-subtle);padding:var(--space-4) 0}
.faq summary{cursor:pointer;font-weight:600;color:var(--brand-navy);list-style:none;position:relative;padding-right:28px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:4px;top:-2px;font-size:22px;color:var(--brand-blue)}
.faq[open] summary::after{content:"–"}
.faq p{margin-top:var(--space-3);color:var(--ink-700)}

/* ── Søgefelt ─────────────────────────────────────────────────────────────── */
.soeg{display:flex;gap:var(--space-2);max-width:560px;margin:var(--space-8) auto 0;background:#fff;padding:6px;border-radius:var(--radius-pill);box-shadow:var(--shadow-md);border:1px solid var(--border-subtle)}
.soeg__felt{flex:1;min-width:0;border:0;background:transparent;font:var(--type-body);font-size:var(--fs-md);padding:10px 18px;color:var(--ink-900)}
.soeg__felt:focus{outline:none}
.soeg:focus-within{box-shadow:var(--shadow-md),var(--shadow-focus)}
.soeg__fejl{color:var(--dg-fejl);margin-top:var(--space-3);font-weight:600}
.soeg__note{margin-top:var(--space-3);font-size:var(--fs-sm);color:var(--text-muted)}
.helt--lav .soeg,.sektion .soeg{margin-left:0}

/* ── Eksempel-kort på forsiden ────────────────────────────────────────────── */
.eksempel{margin:0;background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-card);box-shadow:var(--shadow-lg);padding:var(--space-6)}
.eksempel__hoved{display:flex;align-items:center;gap:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle)}
.eksempel__liste{list-style:none;padding:0;margin:var(--space-4) 0 0;display:grid;gap:var(--space-3);font-size:var(--fs-sm)}
.eksempel__liste li{padding-left:22px;position:relative}
.eksempel__liste li::before{content:"";position:absolute;left:0;top:5px;width:12px;height:12px;border-radius:50%}
.status--ok::before{background:var(--dg-ok)}
.status--advarsel::before{background:var(--status-warning)}
.status--fejl::before{background:var(--dg-fejl)}
.karakter{display:inline-flex;width:52px;height:52px;border-radius:50%;align-items:center;justify-content:center;font:600 26px/1 var(--font-display);color:#fff}
.karakter--A,.karakter--B{background:var(--dg-ok)}
.karakter--C,.karakter--D{background:var(--status-warning)}
.karakter--E,.karakter--F{background:var(--dg-fejl)}

/* ── Resultatside ─────────────────────────────────────────────────────────── */
.resultat-hoved{background:var(--blue-50);padding:var(--space-10) 0 var(--space-8)}
.resultat-hoved__titel{font:var(--type-h1);color:var(--brand-navy);word-break:break-word}
.resultat{display:grid;grid-template-columns:320px 1fr;gap:var(--space-10);align-items:start}
.score{position:sticky;top:92px;display:grid;gap:var(--space-6)}
.score__ring{width:180px;height:180px;margin:0 auto;display:block}
.score__spor{fill:none;stroke:var(--ink-100);stroke-width:10}
.score__fyld{fill:none;stroke-width:10;stroke-linecap:butt}
.score__fyld--A,.score__fyld--B{stroke:var(--dg-ok)}
.score__fyld--C,.score__fyld--D{stroke:var(--status-warning)}
.score__fyld--E,.score__fyld--F{stroke:var(--dg-fejl)}
.score__karakter{font:600 44px/1 var(--font-display);fill:var(--brand-navy);text-anchor:middle}
.score__tal{font:600 13px/1 var(--font-body);fill:var(--text-muted);text-anchor:middle}
.score__tekst{text-align:center;font-weight:600;color:var(--brand-navy)}
.vigtigst{background:#fff;border:1px solid var(--border-subtle);border-left:3px solid var(--status-warning);border-radius:var(--radius-card);padding:var(--space-5)}
.vigtigst__titel{font:var(--type-eyebrow);text-transform:uppercase;letter-spacing:var(--ls-caps-wide);color:var(--ink-700);margin-bottom:var(--space-3)}
.vigtigst ol{margin:0;padding-left:1.2em;display:grid;gap:var(--space-3);font-size:var(--fs-sm)}
.vigtigst a{color:var(--ink-800)}
.cta-kort{background:var(--brand-navy);color:var(--blue-100);border-radius:var(--radius-card);padding:var(--space-6)}
.cta-kort h2{font:var(--type-h3);color:#fff;margin-bottom:var(--space-2);word-break:break-word}
.cta-kort p{font-size:var(--fs-sm);margin-bottom:var(--space-4)}
.cta-kort .risikofri{color:var(--blue-300);margin:var(--space-3) 0 0;text-align:center}

.gruppe+.gruppe{margin-top:var(--space-8)}
.gruppe__titel{font:var(--type-eyebrow);text-transform:uppercase;letter-spacing:var(--ls-caps-wide);color:var(--ink-600);margin-bottom:var(--space-3)}
.fund{background:#fff;border:1px solid var(--border-subtle);border-left:3px solid var(--dg-ukendt);border-radius:var(--radius-card);margin-bottom:var(--space-3)}
.fund--ok{border-left-color:var(--dg-ok)}
.fund--advarsel{border-left-color:var(--status-warning)}
.fund--fejl{border-left-color:var(--dg-fejl)}
.fund--info{border-left-color:var(--blue-300)}
.fund__hoved{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);cursor:pointer;list-style:none}
.fund__hoved::-webkit-details-marker{display:none}
.fund__ikon{flex:none;width:22px;height:22px;border-radius:50%;background:var(--dg-ukendt-bg);position:relative}
.fund--ok .fund__ikon{background:var(--dg-ok)}
.fund--ok .fund__ikon::after{content:"";position:absolute;left:6px;top:6px;width:9px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}
.fund--advarsel .fund__ikon{background:var(--status-warning)}
.fund--fejl .fund__ikon{background:var(--dg-fejl)}
.fund--advarsel .fund__ikon::after,.fund--fejl .fund__ikon::after{content:"!";position:absolute;inset:0;color:#fff;font-weight:800;font-size:14px;line-height:22px;text-align:center}
.fund--info .fund__ikon{background:var(--blue-100)}
.fund--info .fund__ikon::after{content:"i";position:absolute;inset:0;color:var(--brand-blue);font-weight:800;font-size:13px;line-height:22px;text-align:center}
.fund--ukendt .fund__ikon::after{content:"?";position:absolute;inset:0;color:var(--ink-600);font-weight:800;font-size:13px;line-height:22px;text-align:center}
.fund__titel{font-weight:700;color:var(--brand-navy)}
.fund__status{font-size:var(--fs-xs);font-weight:600;padding:2px 10px;border-radius:var(--radius-pill);background:var(--dg-ukendt-bg);color:var(--ink-700)}
.fund--ok .fund__status{background:var(--dg-ok-bg);color:var(--green-800)}
.fund--advarsel .fund__status{background:var(--dg-adv-bg);color:#8A5A12}
.fund--fejl .fund__status{background:var(--dg-fejl-bg);color:#9A3322}
.fund--info .fund__status{background:var(--dg-info-bg);color:var(--blue-700)}
.fund__point{margin-left:auto;font-size:var(--fs-sm);color:var(--text-muted);font-variant-numeric:tabular-nums}
.fund__krop{padding:0 var(--space-5) var(--space-5) calc(var(--space-5) + 22px + var(--space-3))}
.fund__etiket{font:var(--type-eyebrow);text-transform:uppercase;letter-spacing:var(--ls-caps);color:var(--text-muted);margin:var(--space-4) 0 var(--space-2)}
.fund__anbefaling{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--blue-50);border-radius:var(--radius-sm)}

.kode{display:block;margin:0;padding:var(--space-3) var(--space-4);background:var(--ink-50);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);white-space:pre-wrap;word-break:break-all;color:var(--ink-800);font-size:13px;line-height:1.5}
.kode--forslag{background:var(--green-100);border-color:var(--green-300)}
.kopier{position:relative}
.kopier .knap{position:absolute;top:6px;right:6px}
.kopier .kode{padding-right:90px}

.detaljer{list-style:none;padding:0;margin:var(--space-3) 0 0;display:grid;gap:6px;font-size:var(--fs-sm)}
.detaljer li{padding-left:18px;position:relative}
.detaljer li::before{content:"";position:absolute;left:2px;top:7px;width:8px;height:8px;border-radius:50%;background:var(--blue-300)}
.detaljer--fejl{color:#9A3322}.detaljer li.detaljer--fejl::before{background:var(--dg-fejl)}
.detaljer li.detaljer--advarsel::before{background:var(--status-warning)}
.detaljer--stor{font-size:var(--fs-base);margin-top:var(--space-5)}

.spftrae{margin-top:var(--space-4);font-size:var(--fs-sm)}
.spftrae summary{cursor:pointer;color:var(--brand-blue);font-weight:600}
.spftrae__liste{list-style:none;margin:0;padding-left:var(--space-5);border-left:1px dashed var(--border-default)}
.spftrae>.spftrae__liste,.spftrae--aaben>.spftrae__liste{padding-left:0;border:0;margin-top:var(--space-2)}
.spftrae__liste li{padding:3px 0}

/* ── Beskeder, formularer, tabeller ───────────────────────────────────────── */
.besked{border-radius:var(--radius-card);padding:var(--space-5) var(--space-6);border:1px solid;margin:var(--space-6) 0}
.besked h2{font:var(--type-h3);margin-bottom:var(--space-1);color:inherit}
.besked--ok{background:var(--dg-ok-bg);border-color:var(--green-300);color:var(--green-800)}
.besked--advarsel{background:var(--dg-adv-bg);border-color:#F2CF94;color:#7A4E0E}
.besked--fejl{background:var(--dg-fejl-bg);border-color:#EDB7AC;color:#8A2D1D}
.besked .kode{margin-top:var(--space-3)}

.vform{margin-top:var(--space-8);display:grid;gap:var(--space-4);max-width:640px}
.vform__raekke{display:flex;gap:var(--space-4)}
.felt{display:grid;gap:6px;flex:1}
.felt--smal{flex:0 0 180px}
.felt label{font-weight:600;font-size:var(--fs-sm);color:var(--ink-700)}
.felt input,.felt textarea{font:var(--type-body);padding:10px 14px;border:1px solid var(--border-default);border-radius:var(--radius-input);background:#fff;color:var(--ink-900);width:100%}
.felt textarea{font-family:var(--font-mono);font-size:13px;resize:vertical}
.felt input:focus,.felt textarea:focus{outline:none;border-color:var(--brand-blue);box-shadow:var(--shadow-focus)}
.vform__post summary{cursor:pointer;color:var(--brand-blue);font-weight:600;font-size:var(--fs-sm);margin-bottom:var(--space-2)}
.vform .knap{justify-self:start}

.tabel{width:100%;border-collapse:collapse;margin-top:var(--space-6);font-size:var(--fs-sm)}
.tabel th{text-align:left;font:var(--type-eyebrow);text-transform:uppercase;letter-spacing:var(--ls-caps);color:var(--text-muted);padding:8px 10px;border-bottom:2px solid var(--border-subtle)}
.tabel td{padding:10px;border-bottom:1px solid var(--border-subtle);vertical-align:top}
.tabel tr.daempet td{color:var(--text-muted)}

/* ── Mobil ────────────────────────────────────────────────────────────────── */
@media (max-width:900px){
  .gitter--3,.gitter--2,.fod__inner{grid-template-columns:1fr}
  .resultat{grid-template-columns:1fr}
  .score{position:static}
  .hovednav{display:none}
  .top__inner{justify-content:space-between}
}
@media (max-width:600px){
  .beholder{padding:0 var(--space-4)}
  .helt{padding:var(--space-12) 0 var(--space-10)}
  .helt__titel,.resultat-hoved__titel{font-size:var(--fs-3xl)}
  .soeg{flex-direction:column;border-radius:var(--radius-card)}
  .soeg__knap{width:100%}
  .vform__raekke{flex-direction:column}
  .felt--smal{flex:1}
  .fund__krop{padding-left:var(--space-5)}
  .fund__point{display:none}
  .sektion{padding:var(--space-12) 0}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ── Login ────────────────────────────────────────────────────────────────── */
.login{display:flex;justify-content:center}
.login__kort{width:100%;max-width:440px;background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-card);box-shadow:var(--shadow-md);padding:var(--space-8)}
.login__titel{font:var(--type-h2);color:var(--brand-navy);margin-bottom:var(--space-4)}
.login__note{margin-top:var(--space-3)}
.login__skille{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-8) 0 var(--space-4);color:var(--text-muted);font-size:var(--fs-sm)}
.login__skille::before,.login__skille::after{content:"";flex:1;border-top:1px solid var(--border-subtle)}
.vform--fuld{max-width:none;margin-top:var(--space-4)}
.vform--fuld .knap--fuld{justify-self:stretch}
.top__login{font-weight:600;font-size:var(--fs-sm);color:var(--ink-700)}
.logud{display:flex;align-items:center;gap:var(--space-3);margin:0}
.logud__navn{font-size:var(--fs-sm);color:var(--ink-700);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.i-portal .hovednav{margin-left:var(--space-4)}
.i-portal .top__inner{gap:var(--space-6)}
.i-portal .logud{margin-left:auto}

/* ── Portal ───────────────────────────────────────────────────────────────── */
.portal-hoved{background:var(--blue-50);padding:var(--space-8) 0 var(--space-6);border-bottom:1px solid var(--border-subtle)}
.portal-hoved__inner{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-6);flex-wrap:wrap}
.portal-hoved__titel{font:var(--type-h1);font-size:var(--fs-3xl);color:var(--brand-navy);word-break:break-word}
.portal-hoved__vaelg{display:flex;gap:var(--space-4);align-items:center;flex-wrap:wrap}
.portal-hoved .besked{flex-basis:100%;margin:var(--space-4) 0 0}
.periode{display:inline-flex;background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-pill);padding:3px}
.periode a{padding:6px 14px;border-radius:var(--radius-pill);font-size:var(--fs-sm);font-weight:600;color:var(--ink-700)}
.periode a:hover{text-decoration:none;background:var(--blue-50)}
.periode a[aria-current]{background:var(--brand-blue);color:#fff}
select{font:var(--type-body-sm);padding:8px 12px;border:1px solid var(--border-default);border-radius:var(--radius-input);background:#fff;color:var(--ink-900)}
.felt select{width:100%}

.noegletal{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}
.noegletal__felt{background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-card);padding:var(--space-5)}
.noegletal__tal{display:block;font:600 var(--fs-2xl)/1.1 var(--font-display);color:var(--brand-navy);font-variant-numeric:tabular-nums}
.noegletal__navn{display:block;margin-top:4px;font-size:var(--fs-sm);color:var(--text-muted)}

.diagram{margin:0;background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-card);padding:var(--space-5)}
.diagram__hoved{display:flex;align-items:center;gap:var(--space-5);flex-wrap:wrap;margin-bottom:var(--space-3)}
.diagram__titel{font-weight:700;color:var(--brand-navy);margin-right:auto}
.forklaring{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-sm);color:var(--ink-700)}
.forklaring__farve{width:12px;height:12px;border-radius:3px}
.forklaring__farve--ok{background:var(--green-600)}
.forklaring__farve--fejl{background:var(--status-danger)}
.diagram__svg{width:100%;height:auto;display:block}
.diagram__gitter{stroke:var(--ink-100);stroke-width:1}
.diagram__basis{stroke:var(--ink-300);stroke-width:1}
.diagram__akse{font:12px var(--font-body);fill:var(--text-muted)}
.diagram__ok{fill:var(--green-600)}
.diagram__fejl{fill:var(--status-danger)}
.diagram__hit{fill:transparent}
.diagram__dag:hover .diagram__hit{fill:var(--blue-50)}
.diagram__tabel{margin-top:var(--space-3);font-size:var(--fs-sm)}
.diagram__tabel summary{cursor:pointer;color:var(--brand-blue);font-weight:600}
.diagram__tabel .tabel{max-height:none}

.tabelrulle{overflow-x:auto;-webkit-overflow-scrolling:touch}
.tabel th.tal,.tabel td.tal,.tabel--tal td:not(:first-child),.tabel--tal th:not(:first-child){text-align:right;font-variant-numeric:tabular-nums}
.tabel--klik tbody tr:hover{background:var(--blue-50)}
.tabel--taet td{padding:6px 10px}
.tabel{background:#fff}
.pille{display:inline-block;font-size:var(--fs-xs);font-weight:600;padding:2px 10px;border-radius:var(--radius-pill);background:var(--dg-ukendt-bg);color:var(--ink-700);white-space:nowrap}
.pille--ok{background:var(--dg-ok-bg);color:var(--green-800)}
.pille--advarsel{background:var(--dg-adv-bg);color:#8A5A12}
.pille--fejl{background:var(--dg-fejl-bg);color:#9A3322}
.karakter--lille{width:26px;height:26px;font-size:14px;vertical-align:middle}
.tom{background:#fff;border:1px dashed var(--border-default);border-radius:var(--radius-card);padding:var(--space-8);max-width:var(--container-narrow)}
.tom h2{font:var(--type-h3);margin-bottom:var(--space-2)}

.afsendere{margin-top:var(--space-3)}
.afsender__hoved{flex-wrap:wrap}
.afsender__tal{margin-left:auto;font-size:var(--fs-sm);color:var(--text-muted);font-variant-numeric:tabular-nums}

.admin{display:grid;grid-template-columns:1fr 340px;gap:var(--space-8);align-items:start}
.admin__side{display:grid;gap:var(--space-6)}
.admin .mellemrubrik:first-child{margin-top:0}
form.inline{display:inline-flex;gap:6px;align-items:center;margin:0}
.handlinger{display:flex;gap:var(--space-3);flex-wrap:wrap;align-items:center}
.knap--fare{background:transparent;color:var(--dg-fejl);border-color:#EDB7AC}
.knap--fare:hover{background:var(--dg-fejl-bg);color:var(--dg-fejl)}

@media (max-width:900px){
  .noegletal{grid-template-columns:repeat(2,1fr)}
  .admin{grid-template-columns:1fr}
  .i-portal .hovednav{display:flex;order:3;flex-basis:100%;margin:0;overflow-x:auto;gap:var(--space-5)}
  .i-portal .top__inner{flex-wrap:wrap;height:auto;padding-top:var(--space-3);padding-bottom:var(--space-2);row-gap:var(--space-2)}
  .logud__navn{display:none}
}