/* Same look as the order system (public/assets/style.css): warm background, white cards with soft shadow,
   large fields, bold labels in normal letters, heavy headings, the green accent. */
:root{--brand-green:#1f8a70;--brand-blue:#7d8fae;--accent:#1f8a70;--accent-dark:#176a56;--ink:#15202b;--muted:rgba(21,32,43,.70);--soft:rgba(21,32,43,.06);--line:rgba(21,32,43,.18);--bg:#fbfaf7;--surface:#fff;--danger:#a51d2d;--radius:18px;--warn:#7a5a00}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:16px;line-height:1.5}
.top{display:flex;align-items:center;gap:28px;padding:15px 24px;background:var(--surface);box-shadow:0 0 30px 10px rgba(0,0,0,.06);flex-wrap:wrap}
.brand img{height:50px;width:auto;display:block}
.wordmark{font-size:30px;font-weight:900;letter-spacing:-.02em;color:var(--accent)}
nav.menu{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
nav.menu span,nav.menu a{font-weight:700;color:var(--muted);text-decoration:none}
nav.menu a:hover{color:var(--accent)}
nav.menu .active{color:var(--accent)}
.tag{margin-left:auto;font-size:13px;font-weight:700;color:var(--muted);background:var(--soft);padding:4px 12px;border-radius:999px}
.demo{position:relative;max-width:1608px;margin:24px auto 0;padding:12px 16px;border-radius:10px;font-weight:600;background:rgba(255,193,7,.18);color:var(--warn)}
.demo:has(.demo-luk){padding-right:48px}.demo-luk{position:absolute;top:6px;right:8px;background:none;border:0;font-size:24px;line-height:1;padding:4px 8px;cursor:pointer;color:inherit;font-weight:400}.demo-luk:hover{opacity:.7}
@media(max-width:1640px){.demo{margin:24px 16px 0}}
.wrap{max-width:1640px;margin:24px auto 64px;padding:0 16px;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}
@media(max-width:1000px){.wrap{grid-template-columns:minmax(0,1fr)}}
.card{background:var(--surface);border-radius:var(--radius);box-shadow:0 2px 16px var(--soft);padding:28px;min-width:0}
@media(max-width:600px){.card{padding:18px}.top{padding:12px 16px}}
h1,h2,h3,h4{font-weight:900;letter-spacing:-.01em;line-height:1.2}
h1{font-size:28px;margin:0 0 4px}
h2{font-size:22px;margin:32px 0 12px}
.row{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-start}
label{display:block;font-weight:600;margin:16px 0 6px}
.row label,.stack label{margin-top:0}
input,select,textarea{width:100%;padding:11px 14px;font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:10px}
input:focus,select:focus,textarea:focus{outline:3px solid rgba(31,138,112,.30);border-color:var(--accent)}
input[type=checkbox],input[type=radio]{width:20px;height:20px;padding:0;accent-color:var(--accent)}
input[type=file]{padding:9px 12px}
.f{flex:1 1 180px;min-width:0}.f.s{flex:0 1 190px}.f.xs{flex:0 1 120px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px 28px;margin:20px 0 0}
@media(max-width:760px){.grid2{grid-template-columns:1fr}}
.stack>*+*{margin-top:16px}
.hint{font-size:14px;color:var(--muted);margin-top:6px}
.id-ok{font-size:15px;color:var(--accent-dark);margin-top:8px;font-weight:700}
.id-err{font-size:15px;color:var(--danger);margin-top:8px;font-weight:700}
.momsvalg{display:flex;gap:28px;flex-wrap:wrap;background:var(--soft);padding:14px 16px;border-radius:12px;margin-bottom:12px}
.momsvalg label{display:inline-flex;gap:10px;align-items:center;margin:0;font-weight:600}
.momsvalg .hint{display:none}
.note-oms{background:rgba(255,193,7,.18);color:var(--warn);border-radius:10px;padding:12px 16px;font-weight:600;margin:0 0 12px;display:none}
.tablewrap{overflow-x:auto}
table{width:100%;border-collapse:collapse;min-width:960px;table-layout:fixed}
select.m{font-size:14px;padding-left:10px;padding-right:6px}
td.lnr{padding-top:17px;font-weight:800;color:var(--muted);text-align:center}
th{font-size:14px;color:var(--muted);text-align:left;padding:6px 6px;font-weight:700}
td{padding:6px;vertical-align:top}
td.num,th.num{text-align:right}
td.num{padding-top:17px;font-weight:600}
.rab{display:flex;gap:6px}.rab input{flex:1}.rab select{width:66px;padding:11px 6px}
.del{border:0;background:none;color:var(--danger);font-size:24px;line-height:1;cursor:pointer;padding:10px 4px}
.add{border:0;background:none;color:var(--accent);font-weight:800;cursor:pointer;padding:10px 0;font:inherit;font-weight:800}
.tot{margin-left:auto;max-width:400px;margin-top:12px;font-size:17px}
.tot div{display:flex;justify-content:space-between;padding:6px 0}.tot .big{border-top:2px solid var(--ink);font-weight:900;font-size:21px;margin-top:6px;padding-top:10px}
.btns{display:flex;gap:12px;justify-content:flex-end;margin-top:28px;flex-wrap:wrap}
.btn{display:inline-block;padding:12px 24px;font:inherit;font-weight:800;color:#fff;background:var(--accent);border:0;border-radius:9px;cursor:pointer}
.btn:hover{background:var(--accent-dark)}
.btn.g{background:var(--accent)}
.btn.o{background:var(--brand-blue)}.btn.o:hover{background:#64779a}
.side h2{margin-top:0}
.side h2+.stack{margin-top:8px}
.side ul{list-style:none;margin:0;padding:0}.side li{display:flex;justify-content:space-between;gap:8px;padding:10px 0;border-bottom:1px solid var(--soft)}
.ok{color:var(--accent-dark);font-weight:700}
.result{margin-top:24px;border-radius:12px;padding:16px 18px;display:none;font-weight:600}
.result.good{display:block;background:rgba(31,138,112,.12);color:var(--accent-dark)}
.result.bad{display:block;background:rgba(220,53,69,.10);color:var(--danger)}
.result h4{margin:0 0 6px;font-size:18px}
.result .hint{font-weight:400}
pre{background:var(--soft);border-radius:10px;padding:14px;overflow:auto;max-height:440px;font-size:13px;line-height:1.45;white-space:pre}
.xmlbox{display:none;margin-top:16px}
.timeline{list-style:none;padding:0;margin:8px 0 0}
.timeline li{padding:4px 0;opacity:.35;transition:opacity .4s}
.timeline li.done{opacity:1}
.dato{display:flex;position:relative}
.dato button.cal{border:1px solid var(--line);border-right:0;border-radius:10px 0 0 10px;background:var(--soft);padding:0 12px;cursor:pointer;font-size:17px}
.dato input{border-radius:0 10px 10px 0}
.dp{position:absolute;z-index:20;top:100%;left:0;margin-top:6px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.15);padding:10px;width:310px;display:none}
.dp.open{display:block}
.dp .hd{display:flex;align-items:center;justify-content:space-between;background:var(--soft);border-radius:8px;padding:6px 8px;margin-bottom:6px;font-weight:800}
.dp .hd button{border:0;background:var(--brand-blue);color:#fff;border-radius:50%;width:28px;height:28px;cursor:pointer;font-size:12px;padding:0}
.dp table{width:100%;min-width:0;table-layout:auto;border-collapse:separate;border-spacing:3px}
.dp th{font-size:13px;text-align:center;padding:4px 0}
.dp td{padding:0}
.dp td button{width:100%;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:6px;padding:7px 0;text-align:center;font:inherit;font-size:15px;cursor:pointer}
.dp td button:hover{background:rgba(31,138,112,.12)}
.dp td button.idag{border-color:var(--brand-green);font-weight:800}
.dp td button.valgt{background:var(--accent);color:#fff;border-color:var(--accent)}
.dp .idagknap{display:block;width:100%;margin-top:6px;border:0;background:var(--soft);border-radius:8px;padding:8px;font:inherit;font-weight:700;cursor:pointer}
.valnavn{font-size:14px;color:var(--muted);margin-top:6px}
.sek{font-size:20px;margin:0 0 4px}
label.check{display:flex;gap:10px;align-items:center;font-weight:600;margin:0}
#lev textarea{min-height:130px}
#lev summary{cursor:pointer;font-weight:800;color:var(--accent);padding:6px 0;list-style:none}
#lev summary::-webkit-details-marker{display:none}
#lev[open] summary{color:var(--muted)}
.levlaes{margin-top:12px;background:var(--soft);border-radius:10px;padding:12px 14px}
.levlaes h4{margin:0 0 6px;font-size:15px}
.levlaes dl{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;margin:0}
.levlaes dt{color:var(--muted);font-weight:600}.levlaes dd{margin:0}
.levlaes .advar{color:var(--warn);font-weight:700;margin-top:8px}
select.tilfoej{width:auto;border:0;background:none;color:var(--accent);font-weight:800;padding:6px 0;cursor:pointer}
.ekstrafelt{position:relative}
.ekstrafelt .fjern{position:absolute;right:0;top:-4px;border:0;background:none;color:var(--danger);font-size:22px;line-height:1;cursor:pointer;padding:2px 4px}
.ekstrafelt .to{display:flex;gap:12px}.ekstrafelt .to>*{flex:1;min-width:0}
input.fejlfelt,select.fejlfelt,.dato input.fejlfelt{border-color:var(--danger);outline:2px solid rgba(220,53,69,.25)}
.mangler{color:var(--danger);font-weight:700;font-size:14px;margin-top:6px}
.valadvar{margin-top:10px;border:2px solid var(--danger);background:rgba(220,53,69,.08);color:var(--danger);border-radius:10px;padding:10px 12px;font-weight:700}
.valadvar .pil{font-size:20px;margin-right:4px}
.valadvar .btn{margin-top:8px;display:block}
.btn.small{padding:7px 14px;font-size:14px}
select.advar{border-color:var(--danger);outline:3px solid rgba(220,53,69,.30)}
dialog#valinfo{border:0;border-radius:18px;padding:28px;max-width:480px;box-shadow:0 20px 60px rgba(0,0,0,.25)}
dialog#valinfo::backdrop{background:rgba(21,32,43,.45)}
.bilagliste{list-style:none;margin:8px 0 0;padding:0;font-size:14px}.bilagliste li{padding:3px 0;display:flex;align-items:center;gap:8px}.bilagliste .del{padding:0 4px;font-size:20px}.bilagliste li.fejl{color:var(--danger);font-weight:700}
.f.l{flex:0 1 420px}
.sbetfelter{margin-top:12px}.sbetfelter .f{flex:none;width:100%}
.ibansvar{font-size:14px;margin-top:6px}
.ibanvis{font-family:Consolas,"Courier New",monospace;font-size:17px;letter-spacing:.06em;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:6px 10px;margin:6px 0;display:inline-block;font-weight:600}
.ibanvis .forkert{color:#fff;background:var(--danger);border-radius:3px;padding:0 2px}
.ibanvis.ok{color:var(--accent-dark)}
.ibansvar .ret{margin:6px 0 0;display:block}
dialog#visfaktura{border:0;border-radius:18px;padding:28px;width:min(980px,96vw);max-height:92vh;overflow:auto;box-shadow:0 20px 60px rgba(0,0,0,.3)}
dialog#visfaktura::backdrop{background:rgba(21,32,43,.55)}
.fv{font-size:14px;line-height:1.5;color:#15202b}
.fv-top{display:flex;justify-content:space-between;gap:20px;border-bottom:2px solid #15202b;padding-bottom:14px}
.fv-titel{text-align:right}.fv-titel div:first-child{font-size:26px;font-weight:900;letter-spacing:.04em}.fv-nr{font-size:18px;font-weight:700}
.fv-mid{display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:20px;margin:18px 0}
@media(max-width:760px){.fv-mid{grid-template-columns:1fr}.fv-top{flex-direction:column}}
.fv-lbl{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:rgba(21,32,43,.6);font-weight:700;margin-bottom:4px}
.fv-blok{margin-bottom:14px}
.fv-info{border-collapse:collapse;min-width:0;table-layout:auto;width:100%}.fv-info td{padding:2px 6px;vertical-align:top}.fv-info td:first-child{color:rgba(21,32,43,.6);white-space:nowrap}
.fv-linjer{width:100%;min-width:0;table-layout:auto;border-collapse:collapse;margin-top:6px}.fv-linjer th{border-bottom:1px solid #15202b;font-size:12px;text-transform:uppercase;padding:6px}
.fv-linjer td{padding:6px;border-bottom:1px solid rgba(21,32,43,.12);vertical-align:top}
.fv .n{text-align:right;white-space:nowrap}
.fv-tot{margin:14px 0 18px auto;min-width:0;width:auto;table-layout:auto;border-collapse:collapse}.fv-tot td{padding:4px 8px}
.fv-total td{border-top:2px solid #15202b;font-weight:900;font-size:17px;padding-top:8px}
.fv-svag{color:rgba(21,32,43,.6)}.fv-mono{font-family:Consolas,"Courier New",monospace}
#bilagknap{display:block}
.note-fi{background:rgba(255,193,7,.18);color:var(--warn);border-radius:10px;padding:12px 16px;font-weight:600;margin-top:14px}
.resume{font-size:15px;line-height:1.6}

/* Sent, saved receivers and upload (Marsha 8 Nov 2026) */
.gemt{display:inline}.gemt .del{padding:0 4px;font-size:20px;vertical-align:middle}
.liste{width:100%;border-collapse:collapse;min-width:0}.liste th,.liste td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line);vertical-align:middle}.liste th{font-size:14px;color:var(--muted)}.liste td.tal{text-align:right;white-space:nowrap}.liste .knapper{display:flex;gap:6px;justify-content:flex-end;flex-wrap:nowrap}
.drop{border:2px dashed var(--line);border-radius:12px;padding:28px;text-align:center;background:var(--soft);cursor:pointer}.drop.over{border-color:var(--accent-dark)}
.fakta{display:grid;grid-template-columns:max-content 1fr;gap:4px 16px;margin:12px 0}
/* Login and security (Marsha 8 Nov 2026) */
.kontolink{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--muted);margin:0}.kontolink a{font-weight:600}
.linkknap{background:none;border:0;padding:0;color:var(--accent-dark);font:inherit;font-weight:600;cursor:pointer;text-decoration:underline}
dialog.bekraeft{max-width:440px;width:calc(100% - 32px)}dialog.bekraeft h3{margin-top:0}
.log{font-size:14px;width:100%;border-collapse:collapse;min-width:0;table-layout:auto}.log td{padding:5px 6px;border-bottom:1px solid var(--soft)}
#sikkerhed{margin-top:28px}.log td:first-child{white-space:nowrap;width:1%;padding-right:18px;color:var(--muted)}
.gendankoder{display:grid;grid-template-columns:repeat(2,max-content);gap:8px 28px;background:var(--soft);border-radius:12px;padding:16px 20px;margin-top:12px}.gendankoder code{font:700 18px/1.4 ui-monospace,Consolas,monospace;letter-spacing:1px}
.kontolink{margin-left:auto}.kontolink a{color:var(--accent-dark);font-weight:700}.btn:disabled{opacity:.45;cursor:not-allowed}
/* 8 Nov 2026: «Lav kreditnota», IBAN accounts by currency, MARK, confirm before deleting a filled line */
.fraboks{background:#e6f2ee;color:var(--ink);border-radius:12px;padding:14px 18px;margin:14px 0 4px;line-height:1.5}.fraboks.fejl{background:#f8e6e8;color:var(--danger)}
.ibanvalg{margin-top:16px;max-width:420px}.ibanbesked{background:#e6f2ee;border-radius:10px;padding:12px 16px;margin-top:12px;font-weight:600}
.to3{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px;margin-top:10px}@media(max-width:760px){.to3{grid-template-columns:1fr}}
.btn.rod{background:var(--danger);border-color:var(--danger);color:#fff}
.lavny{font-size:13px;color:var(--accent-dark)}
.liste .knapper{flex-wrap:wrap}.liste .knapper a.btn{text-decoration:none}
dialog#sletdlg{border:0;border-radius:18px;padding:28px;max-width:480px;width:calc(100% - 32px);box-shadow:0 20px 60px rgba(0,0,0,.25)}dialog#sletdlg::backdrop{background:rgba(21,32,43,.45)}
.fv-qr{display:flex;gap:18px;align-items:center;border:1px solid rgba(21,32,43,.15);border-radius:12px;padding:14px 18px;max-width:620px}.fv-qrkode svg{width:150px;height:150px;display:block}.fv-kodelinje{font-family:Consolas,"Courier New",monospace;font-size:20px;font-weight:700;letter-spacing:.04em;margin:4px 0 8px}@media(max-width:600px){.fv-qr{flex-direction:column;align-items:flex-start}}
/* 8 Nov 2026: Sendte and Modtagne – Rishah's own look (Marsha: «det skal ikke være en kopi af Sproom, se ISIRO»):
   the sub-pages as small buttons above the heading, a plain table, the document in our white window with the actions in one row */
.side{max-width:1120px;margin:0 auto;padding:28px 24px 56px;display:flex;flex-direction:column;gap:20px}
.undermenu{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}
.undermenu a{display:inline-block;padding:6px 14px;border:1px solid transparent;border-radius:999px;color:var(--muted);text-decoration:none;font-weight:600;font-size:15px}
.undermenu a:hover{color:var(--accent-dark);background:var(--surface);border-color:var(--line)}
.undermenu a[aria-current]{color:var(--accent-dark);background:#e6f2ee;font-weight:800}
.undermenu .antal{font-size:12px;background:var(--accent);color:#fff;border-radius:99px;padding:1px 7px;margin-left:4px}.undermenu .antal:empty{display:none}
.sidetop{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin-bottom:6px}.sidetop h1{margin:0}.sidetop input{max-width:340px}
.listeknapper{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:14px 0 6px}.listeknapper .check{margin:0}
table.dokliste{width:100%;border-collapse:collapse;min-width:0;table-layout:auto}
table.dokliste th{font-size:14px;color:var(--muted);text-align:left;font-weight:700;padding:10px 10px;border-bottom:2px solid var(--line);white-space:nowrap}
table.dokliste td{padding:12px 10px;border-bottom:1px solid var(--line);vertical-align:middle}
table.dokliste tr.udloebet td{opacity:.45}
table.dokliste tbody tr{cursor:pointer}table.dokliste tbody tr:hover,table.dokliste tbody tr:focus{background:var(--soft);outline:none}table.dokliste tbody tr:focus-visible{outline:3px solid var(--accent)}
table.dokliste .tal{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}table.dokliste th.tal{text-align:right}
table.dokliste .valg{width:34px}table.dokliste .valg input{width:20px;height:20px}
.status{display:inline-block;padding:3px 10px;border-radius:999px;font-size:13px;font-weight:700;white-space:nowrap}
.status.leveret{background:#e6f2ee;color:var(--accent-dark)}.status.kladde{background:rgba(125,143,174,.18);color:#4d5d7a}.status.slettet{background:var(--soft);color:var(--muted)}.status.afsendt{background:#fff4d6;color:#7a5a00}.status.afvist{background:#fde8e8;color:#a12a2a}
.tomboks{border:2px dashed var(--line);border-radius:14px;padding:26px;color:var(--muted);text-align:center}.tomboks strong{color:var(--ink);font-size:18px}
dialog.dokvindue{border:0;border-radius:18px;padding:0;width:min(1040px,96vw);max-height:92vh;overflow:auto;box-shadow:0 20px 60px rgba(0,0,0,.3)}
dialog.dokvindue::backdrop{background:rgba(21,32,43,.55)}
.dokhoved{position:sticky;top:0;z-index:2;background:var(--surface);padding:22px 28px 14px;border-bottom:1px solid var(--line)}
.dokhoved .titel{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.dokhoved h2{margin:0;font-size:24px}
.dokhoved .luk{margin-left:auto;border:0;background:none;font-size:30px;line-height:1;color:var(--muted);cursor:pointer;padding:0 6px}.dokhoved .luk:hover{color:var(--ink)}
.dokhoved .undertekst{color:var(--muted);font-size:15px;margin:4px 0 12px}
.dokhoved .handlinger{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.dokhoved .handlinger .btn{text-decoration:none}.dokhoved .handlinger .btn.slet{background:var(--surface);color:var(--danger);border:2px solid rgba(165,29,45,.35)}
.dokhoved .faner{display:flex;gap:6px;margin-top:14px}
.dokhoved .faner button{border:1px solid transparent;background:none;border-radius:999px;padding:6px 14px;font:inherit;font-weight:600;font-size:15px;color:var(--muted);cursor:pointer}
.dokhoved .faner button[aria-selected="true"]{background:#e6f2ee;color:var(--accent-dark);font-weight:800}.dokhoved .faner button:hover{border-color:var(--line)}
.dokindhold{padding:22px 28px}
@media(max-width:760px){table.dokliste .skjul{display:none}.dokhoved,.dokindhold{padding-left:16px;padding-right:16px}}
.apivis{margin-top:14px;padding:16px 18px;border-radius:12px;background:#e6f2ee}.apivis code{display:block;margin:10px 0;font-size:16px;font-family:Consolas,"Courier New",monospace;word-break:break-all;background:#fff;border:1px solid var(--line);border-radius:8px;padding:10px 12px}
.log th{text-align:left;font-size:13px;color:var(--muted);padding:6px 8px}
.gskjul{display:none!important}
.wrap.uden-side{grid-template-columns:minmax(0,1fr)}
.fv-logo{display:block;max-width:220px;max-height:70px;margin-bottom:10px}
/* Logo preview in Indstillinger → Virksomhed */
.logovis{display:flex;align-items:center;min-height:70px;padding:12px;border:1px dashed var(--soft);border-radius:10px;background:#fff;max-width:360px}
.logovis img{max-width:240px;max-height:80px}
/* «Udfyld fra fil» on Send faktura */
.fraFil{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:4px 0 0}
.fraadv{margin:8px 0 0;padding-left:20px}.fraadv li{margin:2px 0}
.aaben{background:#fff4d6;border-left:4px solid #c98a00;padding:8px 12px;border-radius:6px}
/* Kunder og varer (9 Nov 2026) */
dialog.kartdlg{border:0;border-radius:18px;padding:28px;width:min(620px,calc(100% - 32px));max-height:92vh;overflow:auto;box-shadow:0 20px 60px rgba(0,0,0,.25)}dialog.kartdlg::backdrop{background:rgba(21,32,43,.45)}
.kartop{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.kartop h1{margin:0}.kartsoeg{max-width:340px}
.liste tr.klik{cursor:pointer}.liste tr.klik:hover td,.liste tr.klik:focus td{background:var(--surface)}
.vforslag{position:absolute;z-index:30;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.15);max-height:280px;overflow:auto;min-width:320px;padding:4px 0;margin:0;list-style:none}
.vforslag li{padding:8px 12px;cursor:pointer;display:flex;justify-content:space-between;gap:14px}.vforslag li[aria-selected="true"],.vforslag li:hover{background:#e6f2ee}.vforslag .vp{color:var(--muted);white-space:nowrap}
.gemboks{margin-top:14px;border-top:1px solid var(--line);padding-top:12px}.gemrk{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;padding:6px 0}.gemrk .knapper{display:flex;gap:8px}

/* «Svar leverandøren» (10 Nov 2026) */
dialog.svardlg{border:0;border-radius:18px;padding:28px;max-width:520px;box-shadow:0 20px 60px rgba(0,0,0,.25)}dialog.svardlg::backdrop{background:rgba(21,32,43,.45)}
.svarvalg label.check{display:block;margin:8px 0;font-weight:400}.svarvalg .hint{display:block;margin-left:26px}
dialog.svardlg textarea{width:100%;box-sizing:border-box}dialog.svardlg .knapper{margin-top:16px}

/* Cookie bar (11 Nov 2026): «Afvis alle» and «Accepter alle» look exactly the same – no is as easy as yes */
.cookiebar{position:fixed;left:0;right:0;bottom:0;z-index:50;padding:0 16px 16px}
.cookiebar-in{max-width:760px;margin:0 auto;background:#fff;color:#15202b;border-radius:18px;box-shadow:0 -4px 40px rgba(0,0,0,.18);padding:20px 22px}
.cookiebar h2{margin:0 0 6px;font-size:20px}
.cookiebar p{margin:0 0 12px;font-size:15px}
.cookie-main{display:flex;gap:10px;flex-wrap:wrap}
.cookie-btn{flex:1 1 180px;text-align:center;background:#15202b;color:#fff;border:0;border-radius:10px;padding:11px 18px;font:inherit;font-weight:700;font-size:16px;cursor:pointer}
.cookie-btn:hover{background:#2a3a4c}
.cookie-btn:focus-visible{outline:3px solid #1f8a70;outline-offset:3px}
.cookie-choose{margin-top:10px;font-size:15px}
.cookie-choose summary{cursor:pointer;font-weight:700;color:#176a56}
.cookie-check{display:flex;gap:8px;align-items:center;margin-top:8px}
.cookie-choose .cookie-btn{margin-top:12px}
.fodcookie{background:none;border:0;padding:0;font:inherit;color:inherit;text-decoration:underline;cursor:pointer}
@media (max-width:860px){.cookiebar-in{padding:16px}}

/* Order / statement that cannot go electronically (Marsha 11 Nov 2026) */
dialog#dokdlg{width:min(520px,calc(100% - 32px))}
#dokdlg input[type=email]{width:100%}
.dokeller{margin-top:18px;padding-top:16px;border-top:1px solid #e3e7ea}

/* The company list in the top bar, like Sproom's (Marsha 14 Nov 2026) */
.firmavalg{display:inline-block;margin:0}
.firmavalg select{font:inherit;font-weight:600;max-width:340px;padding:6px 30px 6px 10px;border:1px solid #1f8a70;border-radius:8px;background-color:#eaf6f2;color:#14594a;cursor:pointer}
.skjult{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:640px){.firmavalg select{max-width:200px}}