:root{
  --nav:#151E2E; --nav-2:#1E2A3D; --nav-aktiv:#293447;
  --bg:#F7F8FA; --flade:#FFFFFF; --linje:#E8EBF0; --linje-2:#F1F3F7;
  --tekst:#111827; --tekst-2:#374151; --daempet:#6B7280; --daempet-2:#9CA3AF;
  --blaa:#2563EB; --blaa-m:#3B82F6; --blaa-flade:#EFF6FF;
  --groen:#16A34A; --groen-flade:#ECFDF3;
  --orange:#EA8C0B; --orange-flade:#FEF6EC;
  --roed:#DC2626; --roed-flade:#FEF1F1;
  --lilla:#7C3AED; --lilla-flade:#F5F3FF;
  --graa-flade:#F3F4F6;
  --r-xl:14px; --r-l:12px; --r-m:10px; --r-s:8px; --r-p:999px;
  --sk-1:0 1px 2px rgba(17,24,39,.05);
  --sk-2:0 4px 12px rgba(17,24,39,.07);
  --sk-3:0 20px 50px rgba(17,24,39,.20);
  --ui:-apple-system,BlinkMacSystemFont,"Segoe UI","Inter",Roboto,Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box}
html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{margin:0;background:var(--bg);color:var(--tekst);font:14px/1.5 var(--ui);letter-spacing:-.01em}
button,input,select,textarea{font:inherit;color:inherit}
.skjul{display:none!important}
:focus-visible{outline:2px solid var(--blaa);outline-offset:2px}
svg{flex-shrink:0}
.tal{font-variant-numeric:tabular-nums}

/* ---------------- login ---------------- */
.login{max-width:440px;margin:8vh auto;background:var(--flade);border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--sk-3)}
.login .top{padding:32px 32px 26px;border-bottom:1px solid var(--linje)}
.login .top .logo{width:44px;height:44px;border-radius:var(--r-m);background:var(--blaa);color:#fff;
  display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.login .top h1{margin:0;font-size:22px;font-weight:700;letter-spacing:-.02em}
.login .top p{margin:7px 0 0;font-size:13.5px;color:var(--daempet);line-height:1.55}
.login .krop{padding:26px 32px 30px}
.login label{display:block;font-size:13px;font-weight:600;color:var(--tekst-2);margin-bottom:8px}
.login select{width:100%;padding:12px 13px;border:1px solid var(--linje);border-radius:var(--r-s);background:var(--flade)}
.login select:hover{border-color:var(--daempet-2)}
.login .note{margin-top:14px;font-size:13px;color:var(--daempet);line-height:1.6;
  background:var(--blaa-flade);border-radius:var(--r-s);padding:12px 14px}
#loginDiag{margin-top:14px;font-size:12px;color:var(--daempet-2);text-align:center}

/* Startskaermen vises ikke under indlaesningen - hverken ved login eller ved
   genindlaesning. Der var ingen god grund til at male et helt kort, for saa at
   rive det vaek igen et oejeblik senere. Kortet er kun til fejl: boot.js
   saetter .straks paa det, naar der er noget at fortaelle. */
#startSkaerm{display:none}
#startSkaerm.straks{display:block}

/* ---------------- ramme ---------------- */
.ramme{display:flex;min-height:100vh}
.side{width:236px;background:var(--nav);color:#fff;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}
.side .mark{padding:20px 18px;display:flex;gap:12px;align-items:center;border-bottom:1px solid rgba(255,255,255,.07)}
.side .mark .logo{width:36px;height:36px;border-radius:var(--r-m);background:var(--blaa);
  display:flex;align-items:center;justify-content:center;flex-shrink:0}
.side .mark b{display:block;font-size:15px;font-weight:700;letter-spacing:-.01em}
.side .mark span{display:block;font-size:13px;color:rgba(255,255,255,.62)}
.side nav{flex:1;padding:14px 12px}
.side nav button{display:flex;align-items:center;gap:12px;width:100%;padding:11px 13px;margin-bottom:3px;
  background:none;border:0;border-radius:var(--r-s);color:rgba(255,255,255,.62);cursor:pointer;
  text-align:left;font-size:14px;font-weight:500;transition:background .15s,color .15s}
.side nav button:hover{color:#fff;background:rgba(255,255,255,.06)}
.side nav button.valgt{color:#fff;background:rgba(255,255,255,.10);font-weight:600}
.side .bruger{border-top:1px solid rgba(255,255,255,.07);padding:14px 16px}
.side .bruger .kort-b{display:flex;gap:11px;align-items:center;padding:8px;border-radius:var(--r-s)}
.side .bruger .avatar{width:34px;height:34px;border-radius:var(--r-s);background:var(--blaa);color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:700;flex-shrink:0}
.side .bruger b{display:block;color:#fff;font-size:13.5px;font-weight:600}
.side .bruger small{display:block;color:rgba(255,255,255,.45);font-size:11.5px;margin-top:1px}
.side .udlog{display:flex;align-items:center;gap:11px;width:100%;padding:11px 8px;margin-top:4px;background:none;
  border:0;border-top:1px solid rgba(255,255,255,.07);color:rgba(255,255,255,.55);cursor:pointer;font-size:13.5px}
.side .udlog:hover{color:#fff}
main{flex:1;min-width:0;padding-bottom:70px;background:var(--flade)}

.topbar{background:var(--flade);padding:22px 28px 0;display:flex;gap:14px;align-items:flex-start}
.topbar .titelblok{flex:1;min-width:0}
.topbar h1{margin:0;font-size:23px;font-weight:700;letter-spacing:-.025em}
.topbar .sub{margin:4px 0 0;font-size:13.5px;color:var(--daempet)}
.indhold{padding:20px 28px 60px;background:var(--bg);min-height:calc(100vh - 140px);
  border-top:1px solid var(--linje);margin-top:20px}

/* ---------------- knapper ---------------- */
.knap{display:inline-flex;align-items:center;gap:8px;border:1px solid transparent;border-radius:var(--r-s);
  padding:9px 15px;font-weight:600;font-size:13.5px;cursor:pointer;background:var(--blaa);color:#fff;
  transition:background .15s,box-shadow .15s;white-space:nowrap}
.knap:hover{background:#1D4FD8}
.knap.let{background:var(--graa-flade);color:var(--tekst-2);border-color:transparent}
.knap.let:hover{background:#E5E7EB}.knap.fare{background:var(--roed);color:#fff}.knap.fare:hover{background:#B91C1C}
.knap.stille{background:none;color:var(--daempet);padding-left:0}
.knap.stille:hover{background:none;color:var(--tekst)}
.knap:disabled{opacity:.45;cursor:not-allowed}
.knap.lille{padding:7px 12px;font-size:13px}.tilbageknap{margin-bottom:16px}
.knap .badge{background:rgba(255,255,255,.25);border-radius:var(--r-p);padding:1px 7px;font-size:12px}
.rundknap{width:32px;height:32px;border-radius:var(--r-s);border:0;background:var(--blaa-flade);color:var(--blaa);
  display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s}
.rundknap:hover{background:#DBEAFE}

/* segmenteret vælger */
.segment{display:inline-flex;gap:2px;background:var(--graa-flade);border-radius:var(--r-m);padding:4px}
.segment button{display:inline-flex;align-items:center;gap:7px;border:0;background:none;border-radius:var(--r-s);
  padding:8px 14px;font-size:13.5px;font-weight:500;color:var(--daempet);cursor:pointer;transition:all .15s}
.segment button:hover{color:var(--tekst)}
.segment button.valgt{background:var(--flade);color:var(--tekst);font-weight:600;box-shadow:var(--sk-1)}

/* ---------------- kort ---------------- */
.kort{background:var(--flade);border:1px solid var(--linje);border-radius:var(--r-l);overflow:hidden}
.kort-hoved{padding:16px 18px;border-bottom:1px solid var(--linje);display:flex;align-items:center;gap:12px}
.kort-hoved h2{margin:0;font-size:15px;font-weight:600}
.soeg{display:flex;align-items:center;gap:11px;border:1px solid var(--linje);background:var(--flade);
  border-radius:var(--r-m);padding:0 15px;flex:1;transition:border-color .15s,box-shadow .15s}
.soeg:focus-within{border-color:var(--blaa-m);box-shadow:0 0 0 3px var(--blaa-flade)}
.soeg input{flex:1;border:0;outline:0;padding:12px 0;background:none}
.soeg input::placeholder{color:var(--daempet-2)}
.soeg svg{color:var(--daempet-2)}
.vaelger{padding:10px 13px;border:1px solid var(--linje);border-radius:var(--r-s);background:var(--flade)}

.raekke{display:flex;align-items:center;gap:14px;width:100%;padding:14px 18px;border:0;
  border-bottom:1px solid var(--linje-2);background:var(--flade);cursor:pointer;text-align:left;
  color:var(--tekst);transition:background .12s}
.raekke:last-child{border-bottom:0}
.raekke:hover{background:var(--bg)}
.raekke .navn{flex:1;min-width:0}
.raekke .navn b{display:block;font-size:14px;font-weight:600;letter-spacing:-.01em}
.raekke .navn small{display:block;font-size:12.5px;color:var(--daempet);margin-top:2px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.raekke .tal{font-size:14.5px;font-weight:600}
.pil{color:var(--daempet-2);flex-shrink:0;transition:transform .15s}
.raekke:hover .pil{transform:translateX(2px);color:var(--daempet)}

.ikonchip{width:38px;height:38px;border-radius:var(--r-s);background:var(--graa-flade);color:var(--daempet);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}
.ikonchip img{width:100%;height:100%;object-fit:cover}

.maerke{display:inline-flex;align-items:center;font-size:12px;font-weight:600;padding:4px 11px;
  border-radius:var(--r-p);background:var(--graa-flade);color:var(--daempet);white-space:nowrap}
.m-groen{background:var(--groen-flade);color:var(--groen)}
.m-roed{background:var(--roed);color:#fff}
.m-gul{background:var(--orange-flade);color:var(--orange)}
.m-messing{background:var(--lilla-flade);color:var(--lilla)}
.m-blaa{background:var(--blaa-flade);color:var(--blaa)}

/* kortliste - hver raekke er sit eget kort */
.kortliste{display:flex;flex-direction:column;gap:10px}
.kortraekke{display:flex;align-items:center;gap:14px;width:100%;padding:16px 18px;background:var(--flade);
  border:1px solid var(--linje);border-radius:var(--r-l);cursor:pointer;text-align:left;color:var(--tekst);
  transition:box-shadow .15s,border-color .15s,transform .15s}
.kortraekke:hover{box-shadow:var(--sk-2);border-color:#D8DDE5;transform:translateY(-1px)}
.kortraekke:hover .pil{transform:translateX(3px);color:var(--blaa)}
.avatar-r{width:42px;height:42px;border-radius:var(--r-p);background:var(--blaa-flade);color:var(--blaa);
  display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;flex-shrink:0}
.kortraekke .krop{flex:1;min-width:0}
.kortraekke .titel{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.kortraekke .titel b{font-size:15px;font-weight:600;letter-spacing:-.015em}
.pille{font-size:12px;font-weight:500;padding:3px 9px;border-radius:var(--r-p);
  background:var(--graa-flade);color:var(--daempet);white-space:nowrap}
.meta{display:flex;gap:16px;flex-wrap:wrap;margin-top:5px;font-size:13px;color:var(--daempet)}
.meta span{display:inline-flex;align-items:center;gap:5px}
.meta svg{color:var(--daempet-2)}

/* sektionskort med etiket over vaerdi */
.sektion{background:var(--flade);border:1px solid var(--linje);border-radius:var(--r-l);padding:22px 24px;margin-bottom:16px}
.sektion-titel{font-size:12.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;
  color:var(--daempet);margin-bottom:18px}
.felt-gitter{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px 28px}
.felt .e{font-size:13px;color:var(--daempet);margin-bottom:4px}
.felt .v{font-size:15px;font-weight:600;letter-spacing:-.01em}
.felt .v.stor{font-size:19px}
.felt .v.roed{color:var(--roed)} .felt .v.groen{color:var(--groen)}

/* sidehoved med avatar */
.sidehoved{display:flex;align-items:center;gap:16px;margin-bottom:22px;flex-wrap:wrap}
.sidehoved .avatar-r{width:52px;height:52px;font-size:20px}
.sidehoved h2{margin:0;font-size:21px;font-weight:700;letter-spacing:-.02em}
.sidehoved .u{font-size:13.5px;color:var(--daempet);margin-top:3px}
.tilbagelink{display:inline-flex;align-items:center;gap:7px;background:none;border:0;color:var(--daempet);
  cursor:pointer;font-size:14px;padding:0;margin-bottom:16px}
.tilbagelink:hover{color:var(--tekst)}

/* ---------------- tabeller ---------------- */
table{width:100%;border-collapse:collapse}
th{text-align:left;font-size:12.5px;color:var(--daempet);font-weight:500;padding:13px 18px;
  border-bottom:1px solid var(--linje);white-space:nowrap;background:var(--bg)}
td{font-size:14px;padding:12px 18px;border-bottom:1px solid var(--linje-2);vertical-align:middle}
tbody tr:last-child td{border-bottom:0}
tbody tr:hover td{background:var(--bg)}
td.h,th.h{text-align:right}
td .vnr{font-weight:600;font-size:13.5px;display:block;font-family:ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:-.02em}
td .vtxt{font-size:12.5px;color:var(--daempet);display:block;margin-top:2px}
td .med-ikon{display:flex;align-items:center;gap:12px}

/* ---------------- faner ---------------- */
.faner{display:inline-flex;gap:2px;background:var(--graa-flade);border-radius:var(--r-m);padding:4px;
  margin-bottom:22px;overflow-x:auto;max-width:100%}
.faner button{background:none;border:0;padding:9px 15px;font-size:13.5px;color:var(--daempet);cursor:pointer;
  white-space:nowrap;border-radius:var(--r-s);font-weight:500;transition:all .15s}
.faner button:hover{color:var(--tekst)}
.faner button.valgt{background:var(--flade);color:var(--tekst);font-weight:600;box-shadow:var(--sk-1)}

/* ---------------- nøgletal ---------------- */
.tal-kort{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}
.tal-kort .k{border-radius:var(--r-l);padding:20px 22px;background:var(--graa-flade)}
.tal-kort button.k{border:1px solid transparent;text-align:left;font:inherit;color:inherit;cursor:pointer;width:100%;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}
.tal-kort button.k:hover{transform:translateY(-2px);border-color:rgba(242,140,24,.34)}
.tal-kort button.k.aktiv{border-color:var(--orange);box-shadow:0 0 0 3px rgba(242,140,24,.13),0 8px 24px rgba(15,23,42,.06)}
.tal-kort .k .navn{display:block;font-size:13.5px;color:var(--daempet);margin-bottom:10px;font-weight:500}
.tal-kort .k b{display:block;font-size:29px;font-weight:700;font-variant-numeric:tabular-nums;
  line-height:1.05;letter-spacing:-.03em}
.tal-kort .k .fod{display:block;font-size:12.5px;color:var(--daempet);margin-top:8px}
.k-groen{background:var(--groen-flade)} .k-groen b{color:var(--groen)}
.k-orange{background:var(--orange-flade)} .k-orange b{color:var(--orange)}
.k-roed{background:var(--roed-flade)} .k-roed b{color:var(--roed)}
.k-blaa{background:var(--blaa-flade)} .k-blaa b{color:var(--blaa)}
.k-lilla{background:var(--lilla-flade)} .k-lilla b{color:var(--lilla)}

/* ---------------- detaljer ---------------- */
.rk{display:flex;justify-content:space-between;gap:22px;padding:11px 0;border-bottom:1px solid var(--linje-2);font-size:14px}
.rk:last-child{border-bottom:0}
.rk span:first-child{color:var(--daempet);flex-shrink:0}
.rk span:last-child{text-align:right;font-weight:600}
.felt-navn{font-size:12.5px;color:var(--daempet);margin-bottom:4px}

/* ---------------- galleri ---------------- */
.galleri{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}
.vare{background:var(--flade);border:1px solid var(--linje);border-radius:var(--r-l);overflow:hidden;cursor:pointer;
  transition:box-shadow .18s,transform .18s,border-color .18s}
.vare:hover{box-shadow:var(--sk-2);transform:translateY(-2px);border-color:#D8DDE5}
.bil{height:150px;position:relative;overflow:hidden;background:var(--graa-flade);
  display:flex;align-items:center;justify-content:center;color:var(--daempet-2)}
.bil img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;padding:10px;box-sizing:border-box}
.vare .tek{padding:14px 16px 16px}
.vare .tek b{display:block;font-size:14px;line-height:1.35;font-weight:600;letter-spacing:-.01em}
.vare .tek small{display:block;font-size:12.5px;color:var(--daempet);margin:4px 0 12px}
.vare .bund-linje{display:flex;justify-content:space-between;align-items:center;gap:8px}
.vare .pris{font-size:18px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.02em}

/* ---------------- modal ---------------- */
.modalbg{position:fixed;inset:0;background:rgba(17,24,39,.45);display:flex;align-items:center;justify-content:center;
  padding:20px;z-index:80;animation:ind .15s ease}
@keyframes ind{from{opacity:0}to{opacity:1}}
.modal{background:var(--flade);border-radius:var(--r-xl);max-width:780px;width:100%;max-height:88vh;
  display:flex;flex-direction:column;box-shadow:var(--sk-3);animation:op .2s cubic-bezier(.2,.8,.3,1)}
@keyframes op{from{transform:translateY(12px);opacity:0}to{transform:none;opacity:1}}
.modal .mh{padding:22px 26px 18px;border-bottom:1px solid var(--linje);display:flex;gap:14px;align-items:flex-start}
.modal .mh .t{font-size:19px;font-weight:700;line-height:1.3;letter-spacing:-.02em}
.modal .mh .u{font-size:13px;color:var(--daempet);margin-top:4px}
.modal .mb{padding:26px;overflow:auto}

/* ---------------- dialoger ----------------
   Erstatter browserens alert/confirm/prompt. Se dialoger.js for hvorfor.
   Højere z-index end .modalbg (80): en bekræftelse spørges typisk fra en åben
   redigeringsdialog og skal ligge oven på den. */
.dialogbg{position:fixed;inset:0;background:rgba(17,24,39,.45);display:flex;align-items:center;
  justify-content:center;padding:20px;animation:ind .12s ease}
.dialog{background:var(--flade);border-radius:var(--r-xl);max-width:460px;width:100%;max-height:calc(100dvh - 40px);overflow-y:auto;
  box-shadow:var(--sk-3);padding:24px 26px 20px;animation:op .18s cubic-bezier(.2,.8,.3,1)}
.dialog .dmaerke{font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;
  color:var(--daempet);margin-bottom:10px}
/* pre-line: flere bekræftelser har et afsnit to — "Sletningen gemmes straks".
   Uden den løb de to afsnit sammen til én lang sætning. */
.dialog .dtekst{font-size:15px;line-height:1.55;white-space:pre-line;margin:0}
.dialog .dfelt{width:100%;margin-top:14px;padding:11px 12px;border:1px solid var(--linje);
  border-radius:var(--r-s);font:inherit;background:var(--flade)}
.dialog .dknapper{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:22px}
.dialog .dknapper .knap{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.dialog .dialog-luk{float:right;min-height:44px;margin:-8px -10px 8px 10px}
@media(max-width:540px){.dialog .dknapper{flex-direction:column}.dialog .dknapper .knap{width:100%}}

/* ---------------- diverse ---------------- */
.advarsel{display:flex;gap:12px;padding:14px 16px;border-radius:var(--r-m);font-size:14px;margin-bottom:22px;line-height:1.55}
.a-roed{background:var(--roed-flade);color:#991B1B}
.a-gul{background:var(--orange-flade);color:#92400E}
.tom{padding:52px 20px;text-align:center;color:var(--daempet);font-size:14px}
.soejler{display:flex;gap:9px;align-items:flex-end;height:220px}
.soejle-par{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;height:100%;justify-content:flex-end}
.soejle-par .par{display:flex;gap:3px;align-items:flex-end;width:100%;height:100%}
.soejle-par .a{flex:1;background:#DDE3EA;border-radius:var(--r-s) var(--r-s) 0 0}
.soejle-par .b{flex:1;background:var(--blaa);border-radius:var(--r-s) var(--r-s) 0 0}
.soejle-par:hover .a{background:#CDD5DE} .soejle-par:hover .b{background:#1D4FD8}
.soejle-par small{font-size:12px;color:var(--daempet)}
.forklaring{margin-top:16px;padding-top:14px;border-top:1px solid var(--linje-2);font-size:12.5px;
  color:var(--daempet);display:flex;gap:22px;align-items:center}
.prik{display:inline-block;width:10px;height:10px;margin-right:8px;vertical-align:middle;border-radius:3px}

.bund{position:fixed;bottom:0;left:0;right:0;background:var(--flade);border-top:1px solid var(--linje);display:none;z-index:40}
.bund button{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:0;
  padding:9px 0 10px;color:var(--daempet);cursor:pointer;font-size:11px;font-weight:500}
.bund button.valgt{color:var(--blaa);font-weight:600}
@media(max-width:820px){
  .side{display:none} .bund{display:flex} main{padding-bottom:64px}
  .topbar{padding:18px 16px 0} .indhold{padding:16px 16px 40px}
  .topbar h1{font-size:20px}
  .login{margin:0;border-radius:0;min-height:100vh;box-shadow:none}
}

/* iOrdre v2.0.16.8.2 */
.husk{display:flex!important;align-items:center;gap:9px;margin-top:13px!important;font-weight:500!important;color:var(--daempet)!important;cursor:pointer}.husk input{width:16px;height:16px}
.handlinger{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.handlingslinje{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:18px}
.kladde-banner{background:var(--orange-flade);border:1px solid #F4D7A7;color:#8A4B06;border-radius:var(--r-m);padding:12px 14px;margin-bottom:18px;font-size:13.5px}
.formgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}.formfelt label{display:block;font-size:12.5px;color:var(--daempet);margin-bottom:6px}.formfelt input,.formfelt select,.formfelt textarea{width:100%;padding:10px 12px;border:1px solid var(--linje);border-radius:var(--r-s);background:var(--flade)}
.cvr-opslag-kontrol{display:flex;gap:8px;align-items:stretch;flex-wrap:wrap}.cvr-opslag-kontrol input{min-width:150px;flex:1}.cvr-opslag-kontrol button,.cvr-opslag-kontrol a{flex:none;white-space:nowrap}.cvr-opslag-kontrol a{text-decoration:none;justify-content:center}.cvr-opslag small{display:block;color:var(--daempet);font-size:13px;line-height:1.4;margin-top:7px}@media(max-width:520px){.cvr-opslag-kontrol input{flex-basis:100%}.cvr-opslag-kontrol button,.cvr-opslag-kontrol a{flex:1}}
.cvr-kvote{margin-top:16px}.cvr-kvote[hidden]{display:none}
.ordrelinje-editor{display:grid;grid-template-columns:minmax(220px,2fr) repeat(5,minmax(90px,1fr));gap:10px;align-items:end}.ordrelinje-editor .formfelt{min-width:0}.linjetotal{font-weight:800;background:var(--bg)!important;color:var(--tekst)!important}
.ordrelinje-handlinger{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:stretch;min-width:0}.ordrelinje-handlinger .knap{min-width:0;max-width:100%;justify-content:center}.knap.notat-aktiv{background:var(--orange);border-color:var(--orange);color:#fff;box-shadow:0 5px 14px rgba(249,115,22,.22)}.knap.notat-aktiv:hover{background:#d95f00;border-color:#d95f00}
.galleri.vaelgbar .vare{position:relative}.galleri.vaelgbar .vare.valgt{border-color:var(--blaa);box-shadow:0 0 0 2px rgba(37,99,235,.12)}.vare-check{position:absolute;right:10px;top:10px;width:28px;height:28px;border-radius:999px;background:#fff;border:1px solid var(--linje);display:flex;align-items:center;justify-content:center;font-weight:700;z-index:2}.vare.valgt .vare-check{background:var(--blaa);color:#fff;border-color:var(--blaa)}
@media(max-width:720px){.ordrelinje-editor{grid-template-columns:1fr 80px}.ordrelinje-editor .bred{grid-column:1/-1}.ordrelinje-editor .tilfoej{grid-column:1/-1}.handlingslinje .knap{flex:1;justify-content:center}}
@media(max-width:520px){.ordrelinje-handlinger{grid-template-columns:1fr}.ordrelinje-handlinger .knap{width:100%}}


/* ===== iOrdre v2.0.16.8.2 Sales Experience ===== */
:root{
  --nav:#ffffff; --nav-2:#fff7ed; --bg:#f5f6f8; --flade:#ffffff;
  --linje:#e7e9ee; --linje-2:#f0f1f4; --tekst:#171717; --tekst-2:#30343b;
  --daempet:#727783; --daempet-2:#a2a7b0; --blaa:#f28c18; --blaa-m:#f59e2f;
  --blaa-flade:#fff4e6; --orange:#f28c18; --orange-flade:#fff4e6;
  --r-xl:24px; --r-l:18px; --r-m:14px; --r-s:11px;
  --sk-1:0 1px 2px rgba(15,23,42,.04); --sk-2:0 10px 30px rgba(15,23,42,.08);
  --sk-3:0 30px 80px rgba(15,23,42,.18);
}
body{background:var(--bg);font-size:14px}
.login{max-width:520px;margin:6vh auto;border:1px solid rgba(15,23,42,.06);border-radius:28px;box-shadow:0 30px 90px rgba(15,23,42,.14)}
.login .top{padding:38px 38px 28px;background:linear-gradient(145deg,#171717 0%,#252525 62%,#3b2a15 100%);color:white;border:0}
.login .top .logo{width:52px;height:52px;border-radius:16px;background:var(--orange);box-shadow:0 10px 24px rgba(242,140,24,.3)}
.login .top h1{font-size:28px}.login .top p{color:rgba(255,255,255,.66);font-size:14px}.login .krop{padding:30px 38px 36px}
.login select{padding:14px 15px;border-radius:13px}.login .note{background:#f8f8f8;border:1px solid var(--linje)}
.ramme{background:var(--bg)}
.side{width:248px;background:#fff;color:var(--tekst);border-right:1px solid var(--linje);box-shadow:6px 0 24px rgba(15,23,42,.025)}
.side .mark{padding:22px 18px;border-bottom:1px solid var(--linje)}
.side .mark .logo{width:40px;height:40px;border-radius:13px;background:var(--orange);color:#fff;box-shadow:0 8px 18px rgba(242,140,24,.24)}
.side .mark b{color:#181818;font-size:16px}.side .mark span{color:var(--daempet)}
.side nav{padding:16px 12px}.side nav button{color:#666d78;border-radius:12px;padding:12px 13px;font-weight:600}
.side nav button:hover{background:#fff7ed;color:#171717}.side nav button.valgt{background:#171717;color:#fff;box-shadow:0 8px 22px rgba(0,0,0,.10)}
.side nav button.valgt svg{color:var(--orange)}
.side .bruger{border-top:1px solid var(--linje);padding:14px}.side .bruger .kort-b{background:#f7f7f8;padding:10px;border-radius:14px}
.side .bruger .avatar{background:var(--orange);border-radius:11px}.side .bruger b{color:#171717}.side .bruger small{color:var(--daempet)}
.side .udlog{border-top:0;color:#868b95}.side .udlog:hover{color:#171717}
main{background:var(--bg)}
.topbar{background:transparent;padding:26px 32px 0;align-items:center}.topbar h1{font-size:26px}.topbar .sub{font-size:13px}
.indhold{padding:22px 32px 70px;background:transparent;border-top:0;margin-top:0;max-width:1500px;width:100%}
.knap{background:#171717;border-radius:12px;padding:10px 16px;box-shadow:0 5px 14px rgba(0,0,0,.08)}.knap:hover{background:#2c2c2c}
.knap.let{background:#fff;color:#333;border:1px solid var(--linje);box-shadow:none}.knap.let:hover{background:#f7f7f8}
.kort,.sektion{border:1px solid rgba(15,23,42,.055);box-shadow:0 10px 30px rgba(15,23,42,.045);border-radius:20px}
.kort-hoved{padding:18px 20px}.kort-hoved h2{font-size:16px}
.soeg{border-radius:14px;background:#fff;min-height:46px;box-shadow:0 5px 18px rgba(15,23,42,.03)}
.soeg:focus-within{border-color:var(--orange);box-shadow:0 0 0 4px rgba(242,140,24,.10)}
.kortraekke{border-radius:17px;padding:17px 19px;box-shadow:0 5px 16px rgba(15,23,42,.025)}
.kortraekke:hover{border-color:#f0c58d;box-shadow:0 14px 32px rgba(15,23,42,.075);transform:translateY(-2px)}
.avatar-r{background:#fff3e3;color:#d66f00;border-radius:14px}.pille{background:#f3f4f6;color:#686d76}
.tal-kort{gap:14px}.tal-kort .k{background:#fff;border:1px solid rgba(15,23,42,.055);border-radius:18px;padding:19px 20px;box-shadow:0 8px 24px rgba(15,23,42,.04);position:relative;overflow:hidden}
.tal-kort .k:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-38px;top:-42px;background:rgba(242,140,24,.08)}
.tal-kort .k b{font-size:27px}.tal-kort .k .navn{font-size:12px;text-transform:uppercase;letter-spacing:.055em;font-weight:700}
.tal-kort .k.k-blaa,.tal-kort .k.k-groen,.tal-kort .k.k-orange,.tal-kort .k.k-roed,.tal-kort .k.k-lilla{background:#fff}.tal-kort .k b{color:#171717!important}
.faner,.segment{background:#eceef1;border-radius:14px}.faner button.valgt,.segment button.valgt{border-radius:10px}
.galleri{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}.vare{border-radius:20px;box-shadow:0 8px 22px rgba(15,23,42,.04)}
.vare:hover{border-color:#f0c58d;box-shadow:0 18px 38px rgba(15,23,42,.10)}.bil{height:168px}.vare .pris{font-size:19px}
.vare.valgt .vare-check{background:var(--orange);border-color:var(--orange)}.galleri.vaelgbar .vare.valgt{border-color:var(--orange);box-shadow:0 0 0 3px rgba(242,140,24,.12),0 14px 30px rgba(15,23,42,.08)}
.maerke.m-blaa{background:#fff3e3;color:#b85f00}.rundknap{background:#fff3e3;color:#c96800}
.kladde-banner{background:linear-gradient(90deg,#fff3e3,#fffaf4);border-color:#f5d3a6;border-radius:16px}
.formfelt input,.formfelt select,.formfelt textarea{padding:12px 13px;border-radius:12px}.formfelt input:focus,.formfelt select:focus,.formfelt textarea:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 4px rgba(242,140,24,.1)}
/* agile home */
.sales-hero{background:linear-gradient(130deg,#171717 0%,#262626 64%,#4a2d0e 100%);color:#fff;border-radius:24px;padding:28px 30px;margin-bottom:18px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;box-shadow:0 18px 45px rgba(15,23,42,.13);overflow:hidden;position:relative}
.sales-hero:after{content:"";position:absolute;width:230px;height:230px;border-radius:50%;background:rgba(242,140,24,.16);right:-85px;top:-110px}.sales-hero h2{font-size:25px;margin:0 0 7px;letter-spacing:-.025em}.sales-hero p{margin:0;color:rgba(255,255,255,.63);font-size:14px}.sales-hero .hero-actions{display:flex;gap:10px;position:relative;z-index:2}.sales-hero .hero-actions .knap{background:var(--orange);color:#fff;box-shadow:none}.sales-hero .hero-actions .knap:hover{background:#ff9d2d}.sales-hero .hero-actions .knap.let{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.15);color:#fff}
.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.quick-card{border:0;background:#fff;border-radius:17px;padding:16px;display:flex;align-items:center;gap:12px;text-align:left;cursor:pointer;box-shadow:0 8px 24px rgba(15,23,42,.045);transition:.16s}.quick-card:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(15,23,42,.08)}.quick-icon{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:#fff3e3;color:#c96800}.quick-card b{display:block;font-size:14px}.quick-card small{display:block;color:var(--daempet);margin-top:2px}
.raekke{padding:15px 18px}.raekke:hover{background:#fffaf5}
@media(max-width:1000px){.quick-grid{grid-template-columns:repeat(2,1fr)}.sales-hero{grid-template-columns:1fr}.sales-hero .hero-actions{justify-content:flex-start}}
@media(max-width:820px){.topbar{padding:18px 16px 0}.indhold{padding:14px 14px 80px}.sales-hero{border-radius:20px;padding:22px 20px}.sales-hero h2{font-size:21px}.sales-hero .hero-actions{flex-wrap:wrap}.quick-grid{grid-template-columns:1fr 1fr}.bund{border-top:1px solid var(--linje);box-shadow:0 -8px 28px rgba(15,23,42,.06)}.bund button.valgt{color:var(--orange)}}
@media(max-width:520px){.quick-grid{grid-template-columns:1fr}.sales-hero .hero-actions .knap{flex:1;justify-content:center}.topbar #kaldInfo{display:none}}


.detalje-grid{display:grid;grid-template-columns:minmax(300px,1.05fr) minmax(320px,.95fr);gap:18px}.g-minus{position:absolute;right:44px;top:10px;width:28px;height:28px;border-radius:999px;border:1px solid var(--linje);background:#fff;font-size:18px;line-height:1;cursor:pointer;z-index:3}.linje-tal{width:88px;padding:7px 8px;border:1px solid var(--linje);border-radius:9px;text-align:right}.linje-tekst{padding:7px 8px;border:1px solid var(--linje);border-radius:9px}@media(max-width:820px){.detalje-grid{grid-template-columns:1fr}}
.vare-stam-grid{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(420px,1.28fr);gap:18px}.vare-foto{height:300px;border-radius:18px;display:grid;place-items:center}.lager-tal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.lager-tal{padding:16px;border:1px solid var(--linje);border-radius:14px;background:#fafafa}.lager-tal small,.lager-tal b{display:block}.lager-tal small{color:var(--daempet);font-size:11px;margin-bottom:6px}.lager-tal b{font-size:22px}.lager-tabel{overflow-x:auto;max-width:100%;padding-bottom:3px}.lager-tabel table{width:100%;min-width:820px;table-layout:fixed}.lager-tabel th,.lager-tabel td{white-space:nowrap;padding-left:10px;padding-right:10px}.lager-tabel th{white-space:normal;line-height:1.2}.lager-tabel th:nth-child(1){width:9%}.lager-tabel th:nth-child(2){width:19%}.lager-tabel th:nth-child(3){width:10%}.lager-tabel th:nth-child(4){width:17%}.lager-tabel th:nth-child(5){width:9%}.lager-tabel th:nth-child(n+6){width:7.2%}.lager-tabel td:nth-child(2),.lager-tabel td:nth-child(4){white-space:normal;overflow-wrap:anywhere}@media(max-width:820px){.vare-stam-grid{grid-template-columns:1fr}.vare-foto{height:240px}.lager-tal-grid{grid-template-columns:1fr 1fr}}

/* iOrdre v2.0.12 - stoerre app-layout til touch, tablet og mobil */
@media (min-width:821px){
  .side{width:272px}
  .side .mark{padding:26px 22px}.side .mark .logo{width:46px;height:46px}.side .mark b{font-size:18px}
  .side nav{padding:20px 14px}.side nav button{padding:15px 16px;font-size:15.5px;margin-bottom:6px}
  .topbar{padding:30px 38px 0}.topbar h1{font-size:30px}.topbar .sub{font-size:14.5px}
  .indhold{padding:28px 38px 84px;max-width:1660px}
  .knap{padding:12px 18px;font-size:14.5px;min-height:44px}.knap.lille{padding:10px 14px;font-size:14px}
  .kort-hoved{padding:22px 24px}.kort-hoved h2{font-size:18px}
  .kortraekke{padding:21px 22px}.kortraekke .titel b{font-size:16.5px}.meta{font-size:14px}
  th{font-size:13px;padding:16px 20px}td{font-size:15px;padding:15px 20px}
  .tal-kort{gap:16px}.tal-kort .k{padding:22px}.tal-kort .k b{font-size:32px}
  .formgrid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.formfelt label{font-size:13.5px}.formfelt input,.formfelt select,.formfelt textarea{padding:14px 15px;font-size:15px;min-height:48px}
  .soeg input{font-size:15px;padding:14px 0}.vare .tek b{font-size:15.5px}.vare .tek small{font-size:13.5px}.vare .pris{font-size:21px}.bil{height:190px}
  .faner button{padding:12px 18px;font-size:14.5px}.sidehoved h2{font-size:25px}.sidehoved .u{font-size:14.5px}
}
@media (max-width:820px){
  body{font-size:15px}.topbar{padding:20px 18px 0}.topbar h1{font-size:23px}.indhold{padding:16px 16px 96px}
  .knap{min-height:46px;padding:12px 16px;font-size:14.5px}.knap.lille{min-height:42px;padding:10px 13px}
  .kortraekke{padding:18px 16px}.kortraekke .titel b{font-size:16px}.meta{font-size:13.5px;gap:10px}
  .kort-hoved{padding:18px 16px}.kort-hoved h2{font-size:17px}
  .formgrid{grid-template-columns:1fr;gap:14px}.formfelt label{font-size:13.5px}.formfelt input,.formfelt select,.formfelt textarea{min-height:50px;padding:14px;font-size:16px}
  .soeg input{font-size:16px}.faner button{padding:12px 14px;font-size:14px;min-height:44px}
  .tal-kort{grid-template-columns:1fr 1fr}.tal-kort .k{padding:18px}.tal-kort .k b{font-size:26px}
  .vare .tek b{font-size:16px}.vare .tek small{font-size:13.5px}.vare .pris{font-size:20px}.bil{height:180px}
  .bund{height:70px}.bund button{font-size:12px;padding:10px 0 8px}
}
@media (max-width:520px){.tal-kort{grid-template-columns:1fr}.kort{border-radius:18px}.sales-hero{padding:24px 20px}}

/* iOrdre v2.0.16.8.2 - valuta og stamdata */
.liste-oekonomi{display:grid;grid-template-columns:repeat(2,minmax(112px,1fr));gap:8px 16px;min-width:270px;margin-left:18px;padding:9px 14px;border-left:1px solid var(--linje);align-self:stretch;align-items:center}
.liste-oekonomi.en{grid-template-columns:minmax(150px,1fr);min-width:190px}
.liste-oekonomi.tre{grid-template-columns:repeat(3,minmax(105px,1fr));min-width:390px}
.liste-oekonomi .oek{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;min-width:0}
.liste-oekonomi .oek small{font-size:11.5px;color:var(--daempet);font-weight:600;text-transform:uppercase;letter-spacing:.045em;margin-bottom:2px}
.liste-oekonomi .oek b{font-size:15px;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}
.liste-oekonomi .oek.forfalden b{color:var(--roed)}
.ordre-statusblok{display:flex;align-items:center;gap:10px;margin-left:8px}
@media(max-width:900px){.liste-oekonomi{min-width:230px;grid-template-columns:1fr 1fr}.liste-oekonomi .oek b{font-size:14px}}
@media(max-width:680px){.kortraekke{align-items:flex-start;flex-wrap:wrap}.kortraekke .krop{min-width:calc(100% - 64px)}.liste-oekonomi,.liste-oekonomi.en,.liste-oekonomi.tre{order:3;width:100%;min-width:0;margin-left:56px;padding:10px 0 0;border-left:0;border-top:1px solid var(--linje);grid-template-columns:1fr 1fr}.liste-oekonomi.en{grid-template-columns:1fr}.liste-oekonomi.tre{grid-template-columns:repeat(3,minmax(0,1fr))}.liste-oekonomi .oek{align-items:flex-start}.kortraekke>.pil{margin-left:auto}}


/* iOrdre v2.0.16.8.2 - Sales Experience */
:root{
  --app-bg:#f4f5f7;
  --app-card:#ffffff;
  --app-ink:#151515;
  --app-soft:#6f737b;
  --app-orange:#f28c18;
  --app-orange-soft:#fff2df;
  --app-border:#e8e9ec;
  --app-shadow:0 12px 34px rgba(20,24,32,.055);
}
body{background:var(--app-bg);font-size:15px}
main{background:var(--app-bg)}
.topbar{padding:34px 42px 8px}
.topbar h1{font-size:34px;font-weight:760;letter-spacing:-.035em}
.topbar .sub{font-size:15px;margin-top:7px;color:#777b83}
.indhold{padding:26px 42px 96px;max-width:1420px;margin:0 auto;min-height:calc(100vh - 110px)}
.side{width:274px;border-right:0;box-shadow:10px 0 40px rgba(20,24,32,.035)}
.side .mark{padding:28px 24px}.side .mark .logo{width:50px;height:50px;border-radius:16px}.side .mark b{font-size:19px}
.side nav{padding:22px 16px}.side nav button{padding:16px 17px;margin-bottom:8px;border-radius:15px;font-size:16px}
.side nav button.valgt{background:#171717;box-shadow:0 10px 28px rgba(0,0,0,.12)}
.side .bruger{padding:18px}.side .bruger .kort-b{padding:13px;border-radius:17px}

.handlingslinje{gap:16px;margin-bottom:24px}
.soeg{min-height:56px;border-radius:18px;padding:0 18px;box-shadow:var(--app-shadow)}
.soeg input{font-size:16px;padding:16px 0}
.knap{min-height:50px;border-radius:15px;padding:13px 20px;font-size:15px;font-weight:700}
.knap.lille{min-height:44px;border-radius:13px}
.segment{padding:5px;border-radius:16px}.segment button{padding:11px 17px;border-radius:12px;font-size:15px}
.vaelger{min-height:48px;padding:11px 15px;border-radius:14px;font-size:15px}

/* Kunder + ordrer: app-kort i stedet for ERP-linjer */
.kortliste{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.kortraekke{position:relative;display:grid;grid-template-columns:54px minmax(0,1fr) 24px;grid-template-areas:"avatar body arrow" "money money money";column-gap:15px;row-gap:16px;align-items:start;min-height:168px;padding:22px 22px 18px;border:1px solid var(--app-border);border-radius:24px;background:var(--app-card);box-shadow:var(--app-shadow);overflow:hidden}
.kortraekke:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:transparent;transition:.16s}
.kortraekke:hover{border-color:#efc894;box-shadow:0 20px 42px rgba(20,24,32,.09);transform:translateY(-2px)}
.kortraekke:hover:before{background:var(--app-orange)}
.kortraekke>.avatar-r{grid-area:avatar;width:54px;height:54px;border-radius:17px;font-size:18px;background:var(--app-orange-soft);color:#c86a00}
.kortraekke>.krop{grid-area:body;min-width:0;padding-top:2px}
.kortraekke>.pil{grid-area:arrow;margin-top:14px;color:#b2b5bb}
.kortraekke .titel{gap:8px 9px}.kortraekke .titel b{font-size:17px;line-height:1.25;font-weight:750}
.kortraekke .meta{margin-top:9px;gap:8px 16px;font-size:14px;line-height:1.45}
.kortraekke .pille{font-size:12px;padding:4px 9px}
.liste-oekonomi,.liste-oekonomi.en{grid-area:money;width:100%;min-width:0;margin:0;padding:15px 0 0;border-left:0;border-top:1px solid #eceef1;align-self:end;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.liste-oekonomi.en{grid-template-columns:minmax(0,1fr)}
.liste-oekonomi .oek{align-items:flex-start;padding:0 4px}
.liste-oekonomi .oek small{font-size:11px;letter-spacing:.07em;color:#8a8e96;margin-bottom:4px}
.liste-oekonomi .oek b{font-size:18px;letter-spacing:-.02em}
.liste-oekonomi .oek.forfalden{padding-left:16px;border-left:1px solid #eceef1}
.ordre-statusblok{position:absolute;right:54px;top:22px;margin:0}

/* Detaljesider */
.sidehoved{background:#fff;border:1px solid var(--app-border);border-radius:24px;padding:22px 24px;margin-bottom:20px;box-shadow:var(--app-shadow)}
.sidehoved .avatar-r{width:58px;height:58px;border-radius:18px;font-size:19px}.sidehoved h2{font-size:27px}
.faner{padding:6px;border-radius:18px;margin-bottom:22px;overflow-x:auto}.faner button{padding:13px 18px;border-radius:13px;font-size:15px;white-space:nowrap}
.sektion{border-radius:24px;padding:26px 28px;margin-bottom:20px;box-shadow:var(--app-shadow)}
.sektion-titel{font-size:12px;margin-bottom:22px}.felt-gitter{gap:24px 34px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.felt .e{font-size:13px;margin-bottom:6px}.felt .v{font-size:16px}.felt .v.stor{font-size:23px}
.kort{border-radius:24px;box-shadow:var(--app-shadow)}.kort-hoved{padding:22px 24px}.kort-hoved h2{font-size:18px}

/* Forside mere levende */
.sales-hero{border-radius:30px;padding:36px 38px;margin-bottom:24px;min-height:160px;box-shadow:0 24px 58px rgba(20,24,32,.14)}
.sales-hero h2{font-size:32px;margin-bottom:10px}.sales-hero p{font-size:15px;max-width:680px;line-height:1.6}
.quick-grid{gap:16px;margin-bottom:24px}.quick-card{min-height:92px;border-radius:22px;padding:20px;box-shadow:var(--app-shadow)}
.quick-icon{width:48px;height:48px;border-radius:16px}.quick-card b{font-size:16px}.quick-card small{font-size:13px;margin-top:4px}
.tal-kort{gap:18px}.tal-kort .k{min-height:132px;border-radius:23px;padding:24px;box-shadow:var(--app-shadow)}.tal-kort .k b{font-size:34px}.tal-kort .k .navn{font-size:12px}.tal-kort .k .fod{font-size:13px;margin-top:8px}

/* Varelager / galleri */
.galleri{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:22px}.vare{border-radius:24px;box-shadow:var(--app-shadow)}.bil{height:210px}.vare .tek{padding:18px}.vare .tek b{font-size:17px}.vare .pris{font-size:22px}

/* Formularer / ordre */
.formgrid{gap:20px 22px}.formfelt label{font-size:13px;margin-bottom:8px}.formfelt input,.formfelt select,.formfelt textarea{min-height:52px;border-radius:15px;padding:14px 16px;font-size:16px}
.ordrelinje-editor{gap:14px}.linje-tal,.linje-tekst{min-height:42px;border-radius:12px;font-size:15px}
table{background:#fff}th{padding:17px 20px;font-size:12.5px}td{padding:17px 20px;font-size:15px}

@media(max-width:1180px){.kortliste{grid-template-columns:1fr}.indhold{max-width:1060px}.side{width:250px}}
@media(max-width:820px){
  .topbar{padding:22px 18px 6px}.topbar h1{font-size:28px}.indhold{padding:18px 16px 98px;max-width:none}
  .kortliste{grid-template-columns:1fr;gap:14px}.kortraekke{min-height:0;border-radius:21px;padding:18px 17px 15px;grid-template-columns:48px minmax(0,1fr) 20px;row-gap:14px}.kortraekke>.avatar-r{width:48px;height:48px;border-radius:15px}.kortraekke .titel b{font-size:16px}.liste-oekonomi .oek b{font-size:17px}
  .sales-hero{padding:28px 24px;border-radius:24px;min-height:0}.sales-hero h2{font-size:26px}.quick-card{min-height:82px;padding:17px}.sektion{padding:22px 20px;border-radius:21px}.sidehoved{padding:18px;border-radius:21px}.sidehoved h2{font-size:23px}
}
@media(max-width:560px){
  .quick-grid{grid-template-columns:1fr}.tal-kort{grid-template-columns:1fr}.kortraekke{grid-template-areas:"avatar body arrow" "money money money"}.liste-oekonomi{grid-template-columns:1fr 1fr}.liste-oekonomi .oek.forfalden{padding-left:12px}.handlingslinje{align-items:stretch}.handlinger{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}.handlinger .knap{justify-content:center}.sales-hero .hero-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
}

/* Ordre-ID og DG ligger under kundenavnet, også når navnet fylder hele kortet. */
.page-ordrer .kortraekke .titel{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.page-ordrer .kortraekke .titel>b{display:block;max-width:100%;overflow-wrap:anywhere;white-space:normal}
.page-ordrer .ordre-identitet{display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-width:0;max-width:100%}
.page-ordrer .ordre-identitet .pille,.page-ordrer .ordre-identitet .maerke{max-width:100%}

.diktat-knap{margin-top:10px;min-height:44px}.diktat-hjaelp{margin:8px 0 0;font-size:12px;color:var(--daempet)}
.mine-ordrer{margin:0 0 18px;border-radius:18px;background:#fff;box-shadow:var(--app-shadow);overflow:hidden}
.mine-ordrer>summary{cursor:pointer;padding:17px 20px;font-weight:750;font-size:17px;list-style-position:inside}
.mine-ordrer-indhold{padding:0 18px 20px}.mine-ordrer-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:12px}
.mine-maaned-valg{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#36516d}.mine-maaned-valg[hidden]{display:none}.mine-maaned-valg select{min-height:44px;max-width:100%;border:1px solid #dce3eb;border-radius:10px;padding:7px 10px;font:inherit;color:#173654;background:#fff}
.mine-ordrer-perioder{display:flex;gap:6px;flex-wrap:wrap}.mine-ordrer-perioder button{border:1px solid #dce3eb;border-radius:10px;background:#fff;min-height:44px;padding:9px 15px;cursor:pointer}.mine-ordrer-perioder button.valgt{background:#eaf2ff;color:#164980;border-color:#8bb4ed;font-weight:750}
.mine-ordrer-rapport h2{margin:8px 0 2px;font-size:19px}.mine-ordrer-rapport p{margin:3px 0 12px}.mine-ordrer-rapport table{width:100%;border-collapse:collapse}.mine-ordrer-rapport th,.mine-ordrer-rapport td{padding:10px 8px;border-bottom:1px solid #e7ebf0;text-align:left;vertical-align:top}.mine-ordrer-rapport th:last-child,.mine-ordrer-rapport td:last-child{text-align:right}.mine-ordre-link{border:0;background:none;color:#164980;text-decoration:underline;cursor:pointer;padding:0}.mine-ordre-kommentar td{font-size:12px;color:#49576b;overflow-wrap:anywhere}.mine-ordrer-fod{font-size:12px;color:#65748a;margin-top:12px!important}
.mine-ordre-status{display:block;color:#65748a;font-size:11px;margin-top:2px}
.mine-ordrer-rapport tfoot th,.mine-ordrer-rapport tfoot td{border-top:2px solid #173654;background:#eef4fa;font-weight:800}.mine-ordrer-rapport tfoot th{text-align:left}.mine-ordrer-rapport tfoot td{text-align:right}
.page-statistik .stats-panel{margin:0 0 12px;border-radius:18px;background:#fff;box-shadow:var(--app-shadow);overflow:hidden}
.page-statistik .stats-panel>summary{cursor:pointer;list-style-position:inside;padding:17px 20px;font-size:17px;font-weight:750;min-height:56px}
.page-statistik .stats-panel[open]>summary{border-bottom:1px solid #e7ebf0}
.page-statistik .stats-panel-indhold{padding:18px}
.page-statistik .stats-panel-indhold>.tal-kort{margin-bottom:0}
.page-statistik .stats-panel .ordre-kpi{margin-bottom:0;box-shadow:none}
.page-statistik .stats-panel-indhold>.kort{margin-bottom:0!important;box-shadow:none}
@media(max-width:700px){.mine-ordrer-indhold{padding:0 14px 16px}.mine-ordrer-top>.knap{width:100%;justify-content:center}.mine-ordrer-rapport thead{display:none}.mine-ordrer-rapport tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px 0;border-top:1px solid #dce3eb}.mine-ordrer-rapport tbody tr td{min-width:0;border:0;padding:0;text-align:left;overflow-wrap:anywhere}.mine-ordrer-rapport tbody tr td::before{content:attr(data-label);display:block;font-size:11px;color:#65748a}.mine-ordrer-rapport tbody tr td:nth-child(3){grid-column:1/-1}.mine-ordrer-rapport tfoot tr{display:grid;grid-template-columns:1fr auto;gap:10px}.mine-ordrer-rapport tfoot th,.mine-ordrer-rapport tfoot td{padding:12px 8px}}
@media(max-width:560px){.page-statistik .stats-panel-indhold{padding:12px}.page-statistik .stats-panel>summary{font-size:16px;padding:15px}}
@media print{
  @page{size:A4 portrait;margin:14mm}
  body.print-mine-ordrer{background:#fff;color:#111;font-size:10pt}
  body.print-mine-ordrer .side,body.print-mine-ordrer .topbar,body.print-mine-ordrer .bund,body.print-mine-ordrer #dialogHolder,body.print-mine-ordrer #modalHolder,body.print-mine-ordrer #indhold>:not(.mine-ordrer),body.print-mine-ordrer .mine-ordrer>summary,body.print-mine-ordrer .mine-ordrer-top{display:none!important}
  body.print-mine-ordrer .ramme,body.print-mine-ordrer main,body.print-mine-ordrer .indhold,body.print-mine-ordrer .mine-ordrer,body.print-mine-ordrer .mine-ordrer-indhold{display:block!important;width:100%!important;max-width:none!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;background:#fff!important}
  body.print-mine-ordrer .mine-ordrer-rapport thead{display:table-header-group!important}
  body.print-mine-ordrer .mine-ordrer-rapport tbody tr{display:table-row!important;break-inside:avoid}
  body.print-mine-ordrer .mine-ordrer-rapport td{display:table-cell!important;border-bottom:1px solid #ddd!important;padding:5px!important;text-align:left!important}
  body.print-mine-ordrer .mine-ordrer-rapport td::before{display:none!important}
  body.print-mine-ordrer .mine-ordrer-rapport td:last-child,body.print-mine-ordrer .mine-ordrer-rapport th:last-child{text-align:right!important}
  body.print-mine-ordrer .mine-ordre-link{color:#111;text-decoration:none}
}


/* ===== iOrdre v2.0.16.8.2 - Sales Experience locked design ===== */
:root{--sx-black:#0b0d10;--sx-orange:#ff6b00;--sx-blue:#0878d8;--sx-green:#16ad42;--sx-purple:#7b35d5;--sx-coral:#ff3f5f;--sx-radius:26px}
body{background:#f6f6f7}
.page-hjem .side{display:none}
.page-hjem main{padding-bottom:34px;background:linear-gradient(145deg,#0a0c0f 0,#11151b 26%,#f6f6f7 26.2%,#f6f6f7 100%)}
.page-hjem .topbar{display:none}
.page-hjem .indhold{max-width:1540px;padding:22px 42px 42px;margin:0 auto;background:transparent;min-height:100vh}
.experience-head{display:flex;align-items:center;justify-content:space-between;color:white;min-height:72px;margin-bottom:16px}
.experience-brand{font-size:31px;font-weight:900;letter-spacing:.02em}.experience-brand .brand-i{color:var(--sx-orange)}.experience-brand em{display:block;font:italic 20px Georgia,serif;color:var(--sx-orange);letter-spacing:.01em;margin-top:-8px}
.experience-user{display:flex;align-items:center;gap:12px}.experience-user b,.experience-user small{display:block}.experience-user small{opacity:.68;margin-top:2px}.experience-avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:white;color:#111;font-weight:900}
.experience-welcome{background:white;border-radius:32px 32px 0 0;padding:30px 30px 8px;display:flex;justify-content:space-between;gap:18px;align-items:center}.experience-welcome h2{font-size:34px;margin:0;letter-spacing:-.035em}.experience-welcome p{margin:4px 0 0;color:#6d7179;font-size:15px;text-transform:capitalize}.chef-pill{border:0;background:#fff;border-radius:14px;padding:12px 16px;font-weight:800;box-shadow:0 8px 25px rgba(0,0,0,.08);display:flex;align-items:center;gap:8px;cursor:pointer;color:#222}.chef-pill svg{color:var(--sx-orange)}
.home-tiles{background:white;padding:22px 30px 20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.home-tile{min-height:300px;border:0;border-radius:25px;color:white;padding:28px 18px 22px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 14px 30px rgba(15,20,30,.12);position:relative;overflow:hidden;transition:.18s transform,.18s box-shadow}.home-tile:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-80px;bottom:-90px;background:rgba(255,255,255,.08)}.home-tile:hover{transform:translateY(-4px);box-shadow:0 22px 42px rgba(15,20,30,.18)}
.home-tile .tile-icon{height:78px;display:grid;place-items:center}.home-tile b{font-size:28px;margin-top:10px;letter-spacing:-.02em}.home-tile small{font-size:15px;margin-top:5px;opacity:.9}.tile-go{width:54px;height:54px;background:rgba(255,255,255,.94);color:currentColor;border-radius:50%;display:grid;place-items:center;margin-top:25px}.tile-orange{background:linear-gradient(145deg,#ff9500,#ff6500)}.tile-blue{background:linear-gradient(145deg,#168ce9,#0758af)}.tile-green{background:linear-gradient(145deg,#28c34e,#07912d)}.tile-purple{background:linear-gradient(145deg,#9c50ed,#6524b7)}.tile-coral{background:linear-gradient(145deg,#ff6b77,#ff2e55)}
.page-emner .kortraekke .avatar-r,.page-emne .avatar-r{background:linear-gradient(145deg,#ff7b00,#ff4d00);color:#fff}.page-tilbud .avatar-r{background:#ff6b00;color:#fff}
.home-secondary{background:white;padding:20px 30px 34px;border-radius:0 0 32px 32px;display:grid;grid-template-columns:1.6fr 1fr;gap:16px}.secondary-tile{background:#fff;border:1px solid #ececef;border-radius:22px;padding:20px;text-align:left;box-shadow:0 8px 24px rgba(18,22,30,.055);cursor:pointer}.secondary-head{display:flex;align-items:center;gap:9px}.secondary-head>b{font-size:15px}.secondary-head>span:last-child{margin-left:auto;color:var(--sx-orange);font-size:13px;display:flex;align-items:center;gap:6px}.month-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.month-kpis>span{padding:15px;border-radius:16px;background:#fafafa;border:1px solid #f0f0f1}.month-kpis small,.month-kpis b,.month-kpis em{display:block}.month-kpis small{font-size:12px;color:#747881}.month-kpis b{font-size:25px;margin-top:5px}.month-kpis em{font-style:normal;font-size:12px;margin-top:6px}.month-kpis .up{color:#16a34a}.month-kpis .down{color:#dc2626}.follow-main{display:flex;align-items:center;gap:18px;margin-top:18px}.follow-main strong{font-size:52px;color:var(--sx-orange);line-height:1}.follow-main span{font-size:17px;font-weight:800}.follow-main small{display:block;color:#8b8e95;font-weight:500;font-size:12px;margin-top:4px}.floating-order{display:none}
/* App pages: black top and lighter roomy cards */
body:not(.page-hjem) .side{background:#0c0f13;color:white;border-right:0;box-shadow:none}body:not(.page-hjem) .side .mark{border-color:rgba(255,255,255,.08)}body:not(.page-hjem) .side .mark b{color:white}body:not(.page-hjem) .side .mark span{color:rgba(255,255,255,.55)}body:not(.page-hjem) .side nav button{color:rgba(255,255,255,.72)}body:not(.page-hjem) .side nav button:hover{background:rgba(255,255,255,.07);color:white}body:not(.page-hjem) .side nav button.valgt{background:#1c1f24;color:white}body:not(.page-hjem) .side .bruger{border-color:rgba(255,255,255,.08)}body:not(.page-hjem) .side .bruger .kort-b{background:#171a1f}body:not(.page-hjem) .side .bruger b{color:white}body:not(.page-hjem) .side .bruger small{color:rgba(255,255,255,.55)}
.bil.vare-foto{height:340px;min-height:340px;padding:0;position:relative;overflow:hidden;background:#fff}.bil.vare-foto img{display:block;position:absolute;inset:14px;width:calc(100% - 28px)!important;height:calc(100% - 28px)!important;max-width:none!important;max-height:none!important;object-fit:contain!important;object-position:center center}@media(max-width:820px){.bil.vare-foto{height:280px;min-height:280px}}
body:not(.page-hjem) .topbar{background:#0b0d10;color:white;margin:0;padding:25px 34px 22px}body:not(.page-hjem) .topbar .sub{color:rgba(255,255,255,.55)}body:not(.page-hjem) .topbar .maerke{background:#22262d;color:#d9dce1}body:not(.page-hjem) .topbar .knap.let{background:#1b1f25;border-color:#2a2f37;color:white}
body:not(.page-hjem) .indhold{padding-top:28px}.sidehoved{border:0;border-radius:28px;padding:26px 28px;box-shadow:0 14px 34px rgba(15,20,30,.07)}.sidehoved .avatar-r{background:#10141a;color:white;border-radius:50%}.sidehoved .knap{background:var(--sx-orange)}
.kortliste{gap:16px}.kortraekke{border:0;box-shadow:0 8px 24px rgba(15,20,30,.06)}.kortraekke:hover{border:0;box-shadow:0 16px 36px rgba(15,20,30,.12)}.kortraekke:before{background:var(--sx-orange);opacity:0}.kortraekke:hover:before{opacity:1}.faner{background:white;border:1px solid #ececef;box-shadow:0 7px 22px rgba(15,20,30,.04)}.faner button.valgt{background:#11141a;color:white}.sektion,.kort{border:0}.galleri .vare{border:0}.galleri .vare:hover{border:0}.segment button.valgt{background:#11141a;color:white}
@media(max-width:1180px){.home-tiles{grid-template-columns:repeat(3,1fr)}.home-tile{min-height:235px}.home-secondary{grid-template-columns:1fr}.page-hjem .indhold{padding:18px 24px 34px}}
@media(max-width:820px){.page-hjem main{background:#0b0d10}.page-hjem .indhold{padding:0 0 92px}.experience-head{padding:14px 18px;margin:0;min-height:82px}.experience-brand{font-size:25px}.experience-brand em{font-size:16px}.experience-welcome{border-radius:0;padding:20px 18px 14px}.experience-welcome h2{font-size:25px}.home-tiles{padding:12px 14px 14px;grid-template-columns:repeat(2,1fr);gap:10px}.home-tile{min-height:185px;border-radius:20px;padding:18px 10px}.home-tile b{font-size:20px}.home-tile .tile-icon{height:56px}.home-tile .tile-icon svg{width:42px;height:42px}.tile-go{width:42px;height:42px;margin-top:15px}.home-secondary{padding:10px 14px 22px;grid-template-columns:1fr;border-radius:0}.month-kpis{grid-template-columns:repeat(3,1fr)}.month-kpis b{font-size:18px}.follow-main strong{font-size:40px}.floating-order{display:flex;position:fixed;z-index:45;bottom:82px;left:50%;transform:translateX(-50%);width:min(340px,72vw);height:54px;border:0;border-radius:999px;background:var(--sx-orange);color:white;align-items:center;justify-content:center;gap:9px;font-weight:900;box-shadow:0 14px 35px rgba(255,107,0,.35)}.bund{background:#0b0d10;border:0}.bund button{color:#b6bbc4}.bund button.valgt{color:var(--sx-orange)}body:not(.page-hjem) .topbar{padding:18px 16px 16px}.experience-user small{display:none}}
@media(max-width:520px){.experience-user span:not(.experience-avatar){display:none}.home-tile{min-height:164px}.home-tile b{font-size:18px}.home-tile small{font-size:12px}.month-kpis{grid-template-columns:1fr 1fr}.month-kpis>span:last-child{grid-column:1/-1}.secondary-tile{padding:16px}.experience-welcome .chef-pill{padding:10px 12px;font-size:12px}}


/* Tablet navigation: same bottom menu as mobile, retain tablet content layout. */
@media(min-width:821px) and (max-width:1180px){
 .side{display:none}
 .bund{display:flex;min-height:70px;padding-bottom:env(safe-area-inset-bottom,0px);background:#0b0d10;border:0;box-shadow:0 -6px 22px rgba(15,23,42,.08)}
 .bund button{min-height:70px;font-size:12px;padding:10px 0 8px;color:#b6bbc4}
 .bund button.valgt{color:var(--sx-orange)}
 main{padding-bottom:calc(86px + env(safe-area-inset-bottom,0px))}
}

/* Finpudsning: tydelig navigation og kompakte mobil-/tabletfliser. */
.stamkort-navigation{display:flex;justify-content:flex-end;margin-bottom:12px}
.stamkort-navigation .knap{min-height:44px;gap:8px}
@media(max-width:1180px){.home-tile{min-height:200px;padding:20px 14px}.home-tile .tile-icon{height:56px}.home-tile .tile-icon svg{width:44px;height:44px}.home-tile b{font-size:24px}.tile-go{width:44px;height:44px;margin-top:14px}}
@media(max-width:820px){.home-tile{min-height:158px;padding:14px 10px;border-radius:18px}.home-tile .tile-icon{height:40px}.home-tile .tile-icon svg{width:34px;height:34px}.home-tile b{font-size:18px;margin-top:6px}.home-tile small{font-size:12px;margin-top:3px}.tile-go{width:34px;height:34px;margin-top:10px}.tile-go svg{width:22px;height:22px}}
@media(max-width:520px){.home-tile{min-height:145px;padding:12px 8px}.home-tile b{font-size:17px}.home-tiles{gap:9px}}
/* Mindre forsidefliser: hele flisen er fortsat trykbar. */
.home-tile{min-height:220px;padding:20px 14px}
.home-tile .tile-icon{height:56px}
.home-tile .tile-icon svg{width:44px;height:44px}
.home-tile b{font-size:24px}
.home-tile .tile-go{width:40px;height:40px;margin-top:12px}
@media(max-width:1180px){.home-tile{min-height:165px;padding:16px 12px}.home-tile .tile-icon{height:42px}.home-tile b{font-size:21px}.home-tile .tile-go{display:none}}
@media(min-width:600px) and (max-width:820px){.home-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.home-tile{min-height:125px;padding:12px 8px;border-radius:16px}.home-tile .tile-icon{height:32px}.home-tile .tile-icon svg{width:30px;height:30px}.home-tile b{font-size:17px;margin-top:6px}.home-tile small{font-size:12px}}
@media(max-width:520px){.home-tile{min-height:115px;padding:10px 8px}.home-tile b{font-size:16px}.home-tiles{gap:8px}}

/* Compact, touch-friendly sales workspace */
.page-hjem main{background:#f4f6f9}.experience-head{color:#253247;min-height:56px;margin-bottom:8px}.experience-brand{font-size:25px}.experience-brand em{display:inline;margin-left:8px;font:600 12px inherit;color:#68758a}.experience-avatar{background:#e8edf4;color:#34445c;width:36px;height:36px}.experience-welcome{padding:16px 22px 8px;border-radius:20px 20px 0 0}.experience-welcome h2{font-size:21px;font-weight:650}.experience-welcome p{font-size:13px}.home-tile{min-height:145px;border-radius:18px;box-shadow:0 4px 14px #14233812}.home-tile b{font-size:19px}.home-tile .tile-go{display:none}.home-tile .tile-icon{height:36px}.home-tile .tile-icon svg{width:32px;height:32px}
.page-kunde .faner,.page-emne .faner{display:flex;flex-wrap:wrap;gap:8px;background:none;border:0;box-shadow:none;padding:0;overflow:visible}.page-kunde .faner button,.page-emne .faner button{background:white;border:1px solid #dce3eb;border-radius:12px;min-height:44px;padding:10px 13px;font-size:13px;white-space:normal}.page-kunde .faner button.valgt,.page-emne .faner button.valgt{background:#eaf2ff;border-color:#8bb4ed;color:#164980}
.document-boxes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0 18px;grid-column:1/-1}.document-box{border:1px solid #dce3eb;border-radius:14px;background:#f8fafc;min-width:0}.document-box summary{cursor:pointer;padding:14px;min-height:48px;color:#253247}.document-box summary b{font-size:14px}.document-box summary small{display:block;color:#65748a;margin:5px 0 0 17px;overflow-wrap:anywhere;font-size:12px}.document-box .formgrid{padding:4px 14px 16px;grid-template-columns:repeat(2,minmax(0,1fr))}.document-box .formfelt{min-width:0}.document-box input,.document-box select{max-width:100%;min-width:0}.document-box summary:focus-visible{outline:3px solid #8bb4ed;border-radius:12px}
.document-header-box{margin:0 0 12px;background:#fff}.document-header-box summary{font-size:16px;font-weight:700}.document-header-box summary b{font-size:16px}.document-header-box>.formfelt{padding:0 14px 16px}.document-header-box>.formgrid{padding-top:12px}
.valgt-kunde{min-height:52px;padding:14px 16px;border:1px solid var(--linje);border-radius:15px;background:var(--bg);font-weight:700;overflow-wrap:anywhere}
.vare-opslag-knap{display:block;margin-top:8px;min-height:44px;width:100%}.vare-opslag-bg{z-index:150}.vare-opslag-modal{max-width:600px;max-height:calc(100dvh - 24px)}.vare-opslag-modal .mb{display:flex;flex-direction:column;min-height:0}.vare-opslag-modal label{font-weight:700;margin-bottom:8px}.vare-opslag-modal input{width:100%;min-height:48px;padding:12px;border:1px solid var(--linje);border-radius:10px;background:#fff}.vare-opslag-modal [data-status]{margin:10px 0;color:var(--daempet)}.vare-opslag-liste{overflow-y:auto;overscroll-behavior:contain;max-height:min(55dvh,520px);border:1px solid var(--linje);border-radius:12px}.vare-opslag-rk{display:grid;grid-template-columns:minmax(80px,30%) minmax(0,1fr);gap:12px;width:100%;padding:13px 14px;min-height:50px;border:0;border-bottom:1px solid var(--linje);background:#fff;text-align:left;cursor:pointer}.vare-opslag-rk:last-child{border-bottom:0}.vare-opslag-rk:hover,.vare-opslag-rk:focus-visible{background:#eef6ff}.vare-opslag-rk span{overflow-wrap:anywhere}
@media(max-width:600px){.vare-opslag-bg{padding:10px}.vare-opslag-modal .mh,.vare-opslag-modal .mb{padding:14px}.vare-opslag-rk{grid-template-columns:1fr;gap:3px}.document-header-box>.formgrid{grid-template-columns:1fr}}
@media(max-width:1180px){.page-hjem main{background:#f4f6f9}.experience-head{padding:10px 16px;min-height:56px}.experience-welcome{padding:12px 16px 6px}.experience-welcome h2{font-size:19px}.home-tile{min-height:112px;padding:12px 8px}.home-tile b{font-size:16px}.bund{background:#fff;border-top:1px solid #dce3eb}.bund button{color:#65748a;min-width:0;font-size:11px}.bund button.valgt{color:#c34b00;background:#fff5ed}.chef-pill{display:none}.formgrid{min-width:0}.formfelt{min-width:0}.handlingslinje,.handlinger{flex-wrap:wrap}.modal{max-width:calc(100vw - 20px)!important}.modal .mh,.modal .mb{padding:16px}.sidehoved{flex-wrap:wrap}.topbar h1{font-size:23px}}
@media(max-width:600px){.document-boxes{grid-template-columns:1fr;gap:8px}.document-box .formgrid{grid-template-columns:1fr}.experience-user{display:none}.experience-brand{font-size:23px}.experience-welcome h2{font-size:18px}.home-tile{min-height:106px}.home-tile .tile-icon svg{width:28px;height:28px}.home-tiles{padding:10px 14px}.page-kunde .faner button,.page-emne .faner button{flex:1 1 110px}.formgrid{grid-template-columns:1fr!important}.ordrelinje-editor{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ordrelinje-editor .bred,.ordrelinje-handlinger{grid-column:1/-1}.kort[style*="min-width:320px"]{min-width:0!important;width:100%}.experience-head .knap{min-height:44px}.bund{height:auto;padding-bottom:env(safe-area-inset-bottom,0px)}}

@media(min-width:601px) and (max-width:1180px){.ordrelinje-editor{grid-template-columns:repeat(3,minmax(0,1fr))!important}.ordrelinje-editor .bred{grid-column:1/-1}.ordrelinje-handlinger{grid-column:1/-1;flex-wrap:wrap}.ordrelinje-editor input{min-width:0;width:100%}}

/* Keep the home screen in proportion with the customer workspace. */
.experience-welcome h2{font-size:26px}.experience-welcome p{font-size:14px}.home-tile{min-height:185px;padding:20px 16px}.home-tile b{font-size:22px}.home-tile small{font-size:14px}.home-tile .tile-icon{height:44px}.home-tile .tile-icon svg{width:40px;height:40px}
@media(max-width:1180px){.experience-welcome h2{font-size:25px}.home-tile{min-height:155px;padding:16px 12px}.home-tile b{font-size:20px}.home-tile .tile-icon svg{width:36px;height:36px}}
@media(max-width:600px){.experience-welcome h2{font-size:23px}.experience-welcome p{font-size:14px}.home-tile{min-height:140px;padding:16px 10px}.home-tile b{font-size:18px}.home-tile small{font-size:13px}.home-tile .tile-icon{height:38px}.home-tile .tile-icon svg{width:34px;height:34px}}

/* Blue brand and light module navigation. */
.brand-wordmark{display:block;height:46px;width:auto;border-radius:10px;flex-shrink:0}
/* Ordmaerket som tekst frem for en del af billedet: skarpt paa alle skaerme og
   laesbart ogsaa i 46px hoejde, hvor teksten inde i logoet forsvinder.
   Foerste linje arver farven fra .experience-head, som er hvid paa mobilens
   moerke forside og moerkeblaa paa den lyse - saa maerket virker begge steder
   uden en regel pr. tema. */
.brand-navn{display:block;line-height:1.12}
.brand-navn b{display:block}
.brand-navn .l1{font-size:19px;font-weight:800;letter-spacing:-.01em;color:inherit}
.brand-navn .l2{font-size:13px;font-weight:800;letter-spacing:.14em;color:var(--sx-orange)}.experience-brand{display:flex;align-items:center;gap:8px}.experience-brand em{font:600 12px system-ui;margin:0;color:#68758a}.side .mark .logo{background:white;box-shadow:none;border-radius:12px;overflow:hidden;flex-shrink:0}.side .mark .logo img{width:100%;height:100%;object-fit:contain}
body:not(.page-hjem) .side{background:#fff;color:#34445c;border-right:1px solid #e2e8ef;box-shadow:4px 0 20px #14233804}body:not(.page-hjem) .side .mark,body:not(.page-hjem) .side .bruger{border-color:#e2e8ef}body:not(.page-hjem) .side .mark b,body:not(.page-hjem) .side .bruger b{color:#34445c}body:not(.page-hjem) .side .mark span,body:not(.page-hjem) .side .bruger small{color:#6b7d8d}body:not(.page-hjem) .side nav button{color:#52657a}body:not(.page-hjem) .side nav button:hover{background:#f1f7fb;color:#1476ad}body:not(.page-hjem) .side nav button.valgt{background:#e9f5fc;color:#1476ad;box-shadow:inset 3px 0 #218dcc}body:not(.page-hjem) .side .bruger .kort-b{background:#f5f8fb}.side .udlog{color:#52657a}.side .bruger .avatar{background:#218dcc;color:white}.bund button.valgt{color:#1476ad;background:#e9f5fc}
@media(max-width:600px){.brand-wordmark{height:40px}.brand-navn .l1{font-size:17px}.brand-navn .l2{font-size:12px}.experience-brand{gap:0}.experience-head{padding:8px 14px}.experience-head .knap{padding:10px}}

/* Module palette: charcoal header and iOrdre blue actions. */
body:not(.page-hjem){--sx-orange:#218dcc;--orange:#218dcc;--app-orange:#218dcc;--orange-flade:#e9f5fc}
body:not(.page-hjem) .topbar{background:#3d4249;color:#fff}
body:not(.page-hjem) .topbar .sub{color:#e0e4e9}
body:not(.page-hjem) .topbar .maerke{background:#50565f;color:#fff}
body:not(.page-hjem) .topbar .knap.let{background:#50565f;border-color:#6a717a;color:#fff}
body:not(.page-hjem) .knap:not(.let):not(.stille):not(.fare),body:not(.page-hjem) .sidehoved .knap:not(.fare),body:not(.page-hjem) .knap.notat-aktiv{background:#218dcc;border-color:#218dcc;color:#fff;box-shadow:0 4px 12px #218dcc1a}
body:not(.page-hjem) .knap:not(.let):not(.stille):not(.fare):hover,body:not(.page-hjem) .sidehoved .knap:not(.fare):hover,body:not(.page-hjem) .knap.notat-aktiv:hover{background:#1676ae;border-color:#1676ae}

.invoice-totals{min-width:340px}
@media(max-width:820px){#fibg .invoice-modal{width:calc(100vw - 20px);min-width:0}#fibg .mh{align-items:flex-start;gap:12px}#fibg .mh>div{min-width:0;overflow-wrap:anywhere}#fibg .mh button{flex-shrink:0}#fibg .invoice-lines,#fibg .invoice-lines tbody{display:block;width:100%;min-width:0}#fibg .invoice-lines thead{display:none}#fibg .invoice-lines tr{display:block;margin-bottom:12px;padding:10px;border:1px solid #e2e8ef;border-radius:12px}#fibg .invoice-lines td{display:grid;grid-template-columns:minmax(80px,35%) minmax(0,1fr);gap:10px;padding:7px 4px;white-space:normal;text-align:left;overflow-wrap:anywhere;border:0;min-width:0}#fibg .invoice-lines td[data-label]::before{content:attr(data-label);font-weight:600;color:#68758a}#fibg .invoice-lines td[colspan]{display:block}#fibg .invoice-totals{min-width:0;width:100%;max-width:100%}#fibg .invoice-totals .rk{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}#fibg .invoice-totals .rk>span:last-child{text-align:right;overflow-wrap:anywhere}}

@media(max-width:1180px){.invoice-journal,.invoice-journal tbody{display:block;width:100%;min-width:0}.invoice-journal thead{display:none}.invoice-journal tr{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:8px 14px;margin:8px;padding:12px;border:1px solid #e2e8ef;border-radius:12px;background:#fff}.invoice-journal td{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;padding:2px 0;white-space:normal;text-align:left;overflow-wrap:anywhere;border:0}.invoice-journal td[data-label]::before{content:attr(data-label);font-size:11px;font-weight:600;color:#68758a}.invoice-journal td[data-label="Faktura"]{grid-column:span 2;display:grid;grid-template-columns:auto 1fr;gap:2px 12px}.invoice-journal td[data-label="Faktura"]::before{grid-column:1}.invoice-journal td[data-label="Faktura"]>b{grid-column:1}.invoice-journal .journal-inline-actions{grid-column:2;grid-row:1/3;display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:0}.invoice-journal .journal-inline-actions button{min-height:36px;padding:6px 10px;font-size:12px}.invoice-journal td[data-label="Total inkl. moms"]{grid-column:span 2;color:#1476ad;font-weight:700}}
@media(max-width:600px){.invoice-journal tr{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:6px;padding:10px}.invoice-journal td[data-label="Faktura"],.invoice-journal td[data-label="Total inkl. moms"]{grid-column:auto}.invoice-journal td[data-label="Faktura"]{display:flex}.invoice-journal .journal-inline-actions{display:flex;gap:4px}.invoice-journal .journal-inline-actions button{padding:5px 6px;font-size:11px}.invoice-journal td{font-size:12px}}

/* Saldi staar i regnskabets valuta. Faktureres kunden i en anden, saettes
   dens beloeb bagefter som en dæmpet note, saa sælgeren kan nævne begge tal
   uden at tage fejl af hvilket der er kroner. */
.valutanote{display:block;font-size:12px;font-weight:500;color:var(--daempet);white-space:nowrap}
.oek .valutanote{font-size:11px}

/* Topbarens handlinger. Der er tre knapper nu, og de kan ikke staa ved siden
   af sidetitlen paa en telefon. De ligger derfor i deres egen kasse, saa de
   staar som rene ikoner. Tre tekstknapper kunne ikke vaere ved siden af
   titlen paa en telefon: .topbar fik flex-wrap, knapperne fik width:100%, og
   saa laa de i deres egen etage under titlen. Tre kvadrater paa 38px fylder
   mindre end ordet "Sync til Uniconta" alene, saa nu bliver de paa linjen -
   ogsaa paa den smalleste skaerm.

   flex-wrap og width:100% er derfor VAEK fra mobilreglen. Bliver der lagt en
   knap mere i raekken, skal den laegges som ikon, ellers kommer etagen igen.

   Forsiden har sit eget hoved og skjuler topbaren (.page-hjem .topbar); dens
   Log ud-knap er den samme .ikonknap, saa de to toppe ser ens ud. */
.topbar-handlinger{display:flex;align-items:center;gap:8px;justify-content:flex-end;flex-shrink:0}
.topbar #kaldInfo{display:block;width:max-content;max-width:100%;margin-top:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Kvadratet. Fast hoejde OG bredde, og tegningen centreret med flex - saa
   sidder ikonet i midten uden at skulle justeres. line-height:0 er ikke pynt:
   uden den laegger knappen plads til en tekstlinje, der ikke findes, og
   tegningen skubbes op over midten.

   44px paa touch: under det bliver et maal svaert at ramme med en tommel i en
   bil. Paa pc er 38px rigeligt. */
.knap.ikonknap{width:38px;height:38px;padding:0;display:inline-flex;align-items:center;
  justify-content:center;line-height:0;flex-shrink:0;gap:0}
.knap.ikonknap svg{display:block;width:18px;height:18px}

/* Sync under arbejde: ikonet drejer. Foer stod der "Synkroniserer …" i
   knappen, men der er ingen tekst at skrive i laengere. */
.knap.arbejder svg{animation:drejer 1.1s linear infinite}
@keyframes drejer{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.knap.arbejder svg{animation:none;opacity:.45}}

@media(max-width:820px){
  .topbar{align-items:center}
  .knap.ikonknap{width:44px;height:44px}
  .knap.ikonknap svg{width:20px;height:20px}
}

/* Paa en telefon er der ikke plads til baade sidetitlen og to knapper med
   tekst. Uden den her regel loeb knapperne hen over titlen - "Kunder" laa
   bag hus-ikonet. Ordene skjules derfor under 560px, og de to knapper bliver
   kvadrater som hjem-knappen. Teksten staar stadig i title og aria-label, saa
   betydningen er ikke vaek - kun pladsen den fyldte.

   560px og ikke 820px: en tablet paa hoejkant har rigeligt plads til ordene,
   og de skal kun vige, naar de ellers ville skubbe titlen vaek. */
@media(max-width:560px){
  .topbar-handlinger .knap span{display:none}
  .topbar-handlinger .knap{width:44px;height:44px;padding:0;display:inline-flex;
    align-items:center;justify-content:center;line-height:0;flex-shrink:0;gap:0}
  .topbar-handlinger .knap svg{display:block;width:20px;height:20px}
}

/* Kontaktkort med notater.

   Notaterne stod foer slet ikke paa skaermen - kun et maerke med et ANTAL, og
   ingen vej til teksten. De laegges nu under selve kontaktraekken, rykket ind,
   saa det er tydeligt hvilken kontakt de hoerer til. */
.kontakt-post { border-bottom: 1px solid var(--linje); }
.kontakt-post:last-child { border-bottom: 0; }
.kontakt-post > .raekke { border-bottom: 0; }
.kontakt-noter { padding: 0 14px 14px 26px; }
.kontakt-noter .kort { margin-bottom: 8px; box-shadow: none; border: 1px solid var(--linje); }
.kontakt-noter .kort:last-child { margin-bottom: 0; }

/* Min uge og ordrestatistik: samme opdeling på mobil, tablet og pc. */
.home-secondary.home-week{grid-template-columns:minmax(0,1fr)}
.week-scope{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.week-scope button{border:1px solid #d5dce5;border-radius:999px;background:#fff;color:#23405d;padding:8px 14px;font:700 13px system-ui;cursor:pointer;min-height:38px}.week-scope button[aria-pressed="true"]{background:#173654;border-color:#173654;color:#fff}.home-week .week-scope{margin:0 0 -5px 4px}
.stats-scope{margin:0 0 16px}
.week-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.week-kpis>span{min-width:0}.week-kpis b{font-size:clamp(16px,1.8vw,25px);overflow-wrap:anywhere}.week-kpis>span:last-child{grid-column:auto}
.week-period{display:block;margin-top:10px;color:#657183;font-size:12px}
.ordre-kpi{padding:20px;margin-bottom:18px}.ordre-kpi h2{font-size:20px}.ordre-kpi p{line-height:1.55}.ordre-kpi-raekke{border-top:1px solid var(--linje);padding-top:16px}.ordre-kpi-raekke h3{font-size:15px;margin:0 0 12px}.ordre-kpi .k{min-width:0}.ordre-kpi .k b{overflow-wrap:anywhere}
@media(max-width:820px){.week-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.ordre-kpi{padding:15px}.ordre-kpi .tal-kort{grid-template-columns:repeat(2,minmax(0,1fr))}}

@media(max-width:520px){.ordre-kpi .tal-kort{grid-template-columns:minmax(0,1fr);gap:8px}.ordre-kpi .tal-kort .k{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px}.ordre-kpi .tal-kort .k>span{max-width:52%;margin:0}.ordre-kpi .tal-kort .k>b{font-size:19px;white-space:nowrap;overflow-wrap:normal;margin:0}.week-kpis b{font-size:16px}}

/* Kontaktoplysninger skal kunne læses fuldt ud på mobil og tablet. */
.kontakt-post .raekke{flex-wrap:wrap;gap:10px}
.kontakt-post .navn{flex:1 1 220px;overflow-wrap:anywhere}
.kontakt-post .navn b,.kontakt-post .navn small{white-space:normal;overflow:visible;text-overflow:clip}
.kontakt-post .navn small>span{display:block}
.kundeordre-beloeb{display:flex;flex-direction:column;gap:8px;flex-shrink:0}
.kundeordre-beloeb small{display:block;font-size:11px;color:var(--daempet)}
@media(max-width:520px){.experience-user span:not(.experience-avatar){display:block}.experience-user b{font-size:12px;overflow-wrap:anywhere}.experience-user small{display:none}.experience-user{min-width:0;max-width:145px}.experience-user .experience-avatar{display:none}}

.tile-teal{background:linear-gradient(145deg,#087f8c,#12515c)}
.oversigts-kontakt{flex-wrap:wrap;gap:5px 16px}.oversigts-kontakt>span{white-space:normal;overflow-wrap:anywhere}
.telefon-link{color:var(--blaa,#176aa4);text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.telefon-link:focus-visible,.kortraekke[role="button"]:focus-visible{outline:3px solid #218dcc;outline-offset:2px}
.lager-tabel th:nth-child(1){width:10%}.lager-tabel th:nth-child(2){width:24%}.lager-tabel th:nth-child(3){width:14%}.lager-tabel th:nth-child(n+4){width:10.4%}.lager-tabel td:nth-child(4){white-space:nowrap;overflow-wrap:normal}

/* Lange Uniconta-varenumre må hverken dække varebillede eller næste kolonne. */
.lager-tabel td:first-child{white-space:normal;overflow-wrap:anywhere;word-break:break-word}
.vare-liste-tabel{max-width:100%;overflow-x:auto}
.vare-liste-tabel table{min-width:820px}
.vare-liste-tabel td:first-child{max-width:180px;white-space:normal;overflow-wrap:anywhere;word-break:break-word}
.vare-liste-tabel td .vnr,.lager-tabel td .vnr{max-width:100%;overflow-wrap:anywhere;word-break:break-word}
.galleri .vare .tek b,.galleri .vare .tek small{overflow-wrap:anywhere;word-break:break-word}
.vare-stam-grid>.sektion,.vare-stam-grid .felt{min-width:0}
.vare-stam-grid .felt .v,.page-vare .sidehoved .u,.page-vare .sidehoved h2{overflow-wrap:anywhere;word-break:break-word}

@media(max-width:1024px){
.salgs-linjekort{min-width:0!important;max-width:100%;overflow:visible!important;background:transparent;box-shadow:none}
.salgs-linjer,.salgs-linjer tbody{display:block;width:100%;min-width:0!important}
.salgs-linjer thead{display:none}
.salgs-linjer tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px;margin-bottom:14px;border:1px solid var(--linje);border-radius:16px;background:white}
.salgs-linjer tbody td{display:flex;flex-direction:column;gap:5px;min-width:0!important;width:auto!important;padding:0!important;border:0;text-align:left;white-space:normal;overflow-wrap:anywhere}
.salgs-linjer td::before{content:attr(data-label);font-size:12px;font-weight:600;color:var(--daempet)}
.salgs-linjer td.linje-bred,.salgs-linjer td[colspan]{grid-column:1/-1}
.salgs-linjer td[colspan]::before{display:none}
.salgs-linjer input{width:100%!important;min-width:0!important;max-width:100%;box-sizing:border-box;min-height:42px}
.salgs-linjer td>div{flex-wrap:wrap;white-space:normal!important}
.salgs-linjer .vtxt{white-space:normal;overflow:visible;text-overflow:clip}
body.page-ordre .kort,body.page-tilbud .kort,body.page-nyordre .kort,body.page-nytilbud .kort{min-width:0!important;max-width:100%}
}

.gemme-status{position:fixed;z-index:160;bottom:24px;left:50%;transform:translateX(-50%);width:min(700px,calc(100% - 28px));padding:14px 18px;border:1px solid #a4d5b7;border-radius:14px;background:#edfff3;box-shadow:0 6px 24px #14233822;display:flex;align-items:center;gap:12px;color:#16452a}.gemme-status>span{flex:1;min-width:0;overflow-wrap:anywhere}.gemme-status.advarsel{background:#fff8e5;border-color:#ddbf69;color:#5d4610}@media(max-width:820px){.gemme-status{bottom:84px;flex-wrap:wrap}.gemme-status>span{flex-basis:100%}}

.journal-inline-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.journal-inline-actions .knap{white-space:nowrap}

/* Fælles placering af handlinger og beløb på telefon og tablet. */
@media(max-width:820px){
  .sidehoved{display:grid;grid-template-columns:58px minmax(0,1fr);gap:12px;align-items:center}
  .sidehoved>.avatar-r{grid-column:1;grid-row:1}
  .sidehoved>.avatar-r+div{grid-column:2;grid-row:1;min-width:0}
  .sidehoved>.knap{grid-column:1/-1;width:100%;min-width:0;white-space:normal;justify-content:center;text-align:center}
  .handlingslinje>.soeg{min-width:0;flex-basis:100%}
  .handlingslinje>.knap{min-width:0;white-space:normal;justify-content:center}
  .liste-oekonomi.tre{grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;width:100%}
  .liste-oekonomi.tre>.oek:last-child{grid-column:1/-1}
  .liste-oekonomi .oek{min-width:0}
  .liste-oekonomi .oek b{max-width:100%;white-space:normal;overflow-wrap:anywhere}
}
@media(max-width:560px){
  .sidehoved{grid-template-columns:48px minmax(0,1fr);gap:10px;padding:16px}
  .sidehoved>.avatar-r{width:48px;height:48px}
  .page-kunde .faner,.page-emne .faner{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .page-kunde .faner button,.page-emne .faner button{width:100%;min-width:0;overflow-wrap:anywhere;text-align:center}
  .handlingslinje>.knap{width:100%}
  .handlingslinje>.handlinger{min-width:0}
  .handlingslinje>.handlinger .knap{min-width:0;white-space:normal;text-align:center}
}

/* The same totals card on new and existing orders and offers. */
body .kort.salgs-totaler{width:320px;min-width:0!important;max-width:100%;flex:0 0 auto;padding:18px!important;box-sizing:border-box}
.salgs-totaler .rk{display:flex;justify-content:space-between;align-items:baseline;gap:18px}
.salgs-totaler .rk>span:first-child{flex-shrink:1}
.salgs-totaler .rk>span:last-child,.salgs-totaler .rk>b{white-space:nowrap;text-align:right}


@media(max-width:600px){body .kort.salgs-totaler{width:100%}}

.vare-beholdning{display:block;margin-top:5px;font-size:12px;line-height:1.5;color:var(--daempet);white-space:normal;overflow-wrap:anywhere}

.ordre-kpi .stat-valuta-tal{display:block;margin-top:10px;overflow-wrap:anywhere}.ordre-kpi .stat-valuta-tal small{display:block;font-size:12px;font-weight:500;color:var(--daempet)}
.ordre-kpi .stat-tal-mangler{display:block;font-size:14px;line-height:1.5;font-weight:500}

.experience-brand .brand-wordmark{width:190px;height:auto;aspect-ratio:1174/490;border-radius:10px;background:white;padding:6px;box-sizing:border-box}
.side .mark{flex-wrap:wrap}.side .mark .logo{width:160px;height:67px;flex-basis:160px;border-radius:8px}.side .mark .logo img{width:100%;height:100%;object-fit:contain}
@media(max-width:600px){.experience-brand .brand-wordmark{width:160px}.experience-head{flex-wrap:wrap}}