/* ORDREITS faelles skal v1 - venstremenu, topbar, tema a|b.
   Alle farver/skrifter er tokens (--om-*). Nyt UI bruger tokens, aldrig hex. */
:root{
  --om-ground:#F5F6F8; --om-surface:#FFFFFF; --om-ink:#14213D; --om-ink-2:#3B4660; --om-muted:#6C778C;
  --om-line:#E3E6EC; --om-line-2:#EEF0F4; --om-accent:#2557D6; --om-accent-ink:#1B44AE; --om-accent-soft:#E8EEFF;
  --om-ok:#1B8F5A; --om-ok-soft:#E4F5EC; --om-warn:#B86E00; --om-warn-soft:#FFF1DC; --om-bad:#C2362D; --om-bad-soft:#FCE8E6;
  --om-rail:#FFFFFF; --om-rail-ink:#3B4660; --om-rail-muted:#8A93A6; --om-rail-active:#E8EEFF; --om-rail-active-ink:#1B44AE; --om-rail-line:#E3E6EC; --om-rail-brand:#14213D;
  --om-font-display:"Plus Jakarta Sans",-apple-system,"Segoe UI",Roboto,sans-serif;
  --om-font-body:"IBM Plex Sans",-apple-system,"Segoe UI",Roboto,sans-serif;
  --om-radius:10px; --om-radius-s:6px; --om-rail-w:236px; --om-top-h:54px;
  --om-focus:0 0 0 3px rgba(37,87,214,.28);
}
:root[data-design="b"]{
  --om-ground:#EEF0F3; --om-surface:#FFFFFF; --om-ink:#0E1726; --om-ink-2:#2C3A50; --om-muted:#5C6B7F;
  --om-line:#D9DEE6; --om-line-2:#E9ECF1; --om-accent:#E0661C; --om-accent-ink:#B85012; --om-accent-soft:#FBEBDF;
  --om-ok:#2E7D4F; --om-ok-soft:#E1F1E7; --om-warn:#A8690B; --om-warn-soft:#FBEFD6; --om-bad:#B42318; --om-bad-soft:#FBE4E1;
  --om-rail:#13202F; --om-rail-ink:#C8D1DE; --om-rail-muted:#7C8AA0; --om-rail-active:#1E2F44; --om-rail-active-ink:#FFFFFF; --om-rail-line:#243448; --om-rail-brand:#FFFFFF;
  --om-font-display:"Barlow Semi Condensed","Segoe UI",Roboto,sans-serif;
  --om-font-body:"Source Sans 3",-apple-system,"Segoe UI",Roboto,sans-serif;
  --om-radius:6px; --om-radius-s:4px; --om-rail-w:224px;
  --om-focus:0 0 0 3px rgba(224,102,28,.3);
}

/* ---- kroppen bliver et grid: menu | side ---- */
body.om-shelled{display:grid!important;grid-template-columns:var(--om-rail-w) minmax(0,1fr);grid-template-rows:auto;
  margin:0!important;padding:0!important;min-height:100vh;background:var(--om-ground)!important;color:var(--om-ink);
  font-family:var(--om-font-body)!important;max-width:none!important;width:auto!important}
body.om-shelled button,body.om-shelled input,body.om-shelled select,body.om-shelled textarea{font-family:var(--om-font-body)}
.om-rail,.om-top,.om-drawer{font-family:var(--om-font-body);font-size:14px;line-height:1.4;color:var(--om-ink);box-sizing:border-box}
.om-rail *,.om-top *,.om-pop *{box-sizing:border-box}

/* ---- venstremenu ---- */
.om-rail{grid-column:1;grid-row:1 / span 99;background:var(--om-rail);border-right:1px solid var(--om-rail-line);display:flex;flex-direction:column;
  position:sticky;top:0;height:100vh;overflow:auto;z-index:40}
.om-brand{display:flex;align-items:center;gap:10px;padding:16px 16px 13px;border-bottom:1px solid var(--om-rail-line);text-decoration:none}
.om-brand .om-mark{width:30px;height:30px;border-radius:8px;background:var(--om-accent);display:grid;place-items:center;color:#fff;font-family:var(--om-font-display);font-weight:700;font-size:15px;flex:none}
:root[data-design="b"] .om-brand .om-mark{border-radius:5px}
.om-brand .om-name{font-family:var(--om-font-display);font-weight:700;font-size:15px;letter-spacing:.02em;color:var(--om-rail-brand);line-height:1.15;min-width:0}
.om-brand .om-firm{display:block;font-family:var(--om-font-body);font-weight:400;font-size:11px;letter-spacing:0;color:var(--om-rail-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.om-nav{padding:8px 10px 14px;display:flex;flex-direction:column;gap:2px;flex:1}
.om-grp{font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--om-rail-muted);padding:14px 10px 6px}
.om-nav a{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--om-radius-s);color:var(--om-rail-ink);text-decoration:none;font-weight:500;font-size:13.5px;position:relative}
.om-nav a svg{width:17px;height:17px;flex:none;opacity:.85}
.om-nav a:hover{background:var(--om-rail-active);color:var(--om-rail-active-ink)}
.om-nav a.on{background:var(--om-rail-active);color:var(--om-rail-active-ink);font-weight:600}
.om-nav a.on svg{opacity:1}
:root[data-design="b"] .om-nav a.on::before{content:"";position:absolute;left:-10px;top:6px;bottom:6px;width:3px;background:var(--om-accent);border-radius:0 2px 2px 0}
:root[data-design="b"] .om-nav a.on svg{color:var(--om-accent)}
.om-nav a .om-lock{margin-left:auto;font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:1px 6px;border-radius:999px;background:var(--om-rail-active);color:var(--om-rail-muted)}
.om-me{margin-top:auto;border-top:1px solid var(--om-rail-line);position:relative}
.om-me > button{width:100%;display:flex;gap:10px;align-items:center;padding:12px 14px;background:transparent;border:0;cursor:pointer;color:var(--om-rail-ink);text-align:left;font:inherit}
.om-me > button:hover{background:var(--om-rail-active)}
.om-av{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;color:#fff;background:var(--om-accent);flex:none}
.om-who{min-width:0;line-height:1.2}
.om-who b{display:block;font-size:13px;color:var(--om-rail-brand);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.om-who span{font-size:11px;color:var(--om-rail-muted)}
.om-me .om-caret{margin-left:auto;width:14px;height:14px;color:var(--om-rail-muted)}
.om-pop{display:none;position:absolute;left:10px;right:10px;bottom:calc(100% + 6px);background:var(--om-surface);color:var(--om-ink);border:1px solid var(--om-line);border-radius:var(--om-radius);box-shadow:0 14px 40px rgba(16,24,40,.18);padding:10px;z-index:50;font-family:var(--om-font-body)}
.om-me.open .om-pop{display:block}
.om-pop .om-lbl{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--om-muted);padding:4px 6px 6px}
.om-themes{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:8px}
.om-theme{border:1px solid var(--om-line);border-radius:var(--om-radius-s);padding:8px;cursor:pointer;background:var(--om-surface);text-align:left;font:inherit;color:var(--om-ink)}
.om-theme:hover{border-color:var(--om-accent)}
.om-theme.on{border-color:var(--om-accent);box-shadow:0 0 0 1px var(--om-accent) inset}
.om-theme .om-sw{display:flex;gap:3px;height:22px;border-radius:4px;overflow:hidden;margin-bottom:6px;border:1px solid rgba(0,0,0,.08)}
.om-theme .om-sw i{flex:1}
.om-theme b{display:block;font-size:12.5px}
.om-theme span{display:block;font-size:11px;color:var(--om-muted)}
.om-pop .om-act{display:block;width:100%;text-align:left;background:transparent;border:0;padding:8px 6px;border-radius:var(--om-radius-s);cursor:pointer;font:inherit;color:var(--om-ink);font-size:13px}
.om-pop .om-act:hover{background:var(--om-ground)}
.om-pop .om-act.om-danger{color:var(--om-bad)}

/* ---- topbar + indhold ---- */
.om-main{grid-column:2;display:flex;flex-direction:column;min-width:0;min-height:100vh}
.om-top{height:var(--om-top-h);display:flex!important;align-items:center;gap:12px;padding:0 20px;background:var(--om-surface);border-bottom:1px solid var(--om-line);position:sticky;top:0;z-index:30}
:root[data-design="b"] .om-top{background:var(--om-ground)}
.om-crumb{font-family:var(--om-font-display);font-weight:600;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;color:var(--om-ink)}
.om-crumb .om-mut{color:var(--om-muted);font-weight:500}
.om-sp{flex:1}
.om-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.om-actions button,.om-actions select,.om-actions a{font-family:var(--om-font-body)}
.om-burger{display:none;width:36px;height:36px;border:1px solid var(--om-line);border-radius:var(--om-radius-s);background:var(--om-surface);color:var(--om-ink);cursor:pointer;place-items:center;flex:none}
.om-burger svg{width:18px;height:18px}
.om-content{flex:1;min-width:0;display:block}
.om-content > header.om-hidden{display:none!important}
.om-content > *{max-width:100%}
.om-scrim{display:none;position:fixed;inset:0;background:rgba(16,24,40,.45);z-index:35}
:focus-visible{outline:none;box-shadow:var(--om-focus)}

/* ---- mobil: menuen bliver en skuffe ---- */
@media (max-width:760px){
  body.om-shelled{grid-template-columns:minmax(0,1fr)!important}
  .om-rail{position:fixed;left:0;top:0;bottom:0;width:280px;max-width:86vw;height:100vh;transform:translateX(-102%);transition:transform .2s ease;box-shadow:0 20px 50px rgba(0,0,0,.3);z-index:60}
  body.om-nav-open .om-rail{transform:none}
  body.om-nav-open .om-scrim{display:block}
  .om-main{grid-column:1}
  .om-top{padding:0 12px;height:50px}
  .om-burger{display:grid}
  .om-crumb .om-mut{display:none}
}
@media (prefers-reduced-motion:reduce){.om-rail{transition:none}}

/* ---- den gamle omraade-bjaelke (#om_hdr2 fra __omSwitch): brand/omraade/bruger
   er overfloedig med skallen; VAERKTOEJER-raekken beholdes som sidens faneblade ---- */
body.om-shelled #om_hdr2{position:sticky;top:var(--om-top-h)!important;z-index:20!important;background:var(--om-surface)!important;border-bottom:1px solid var(--om-line)!important;font-family:var(--om-font-body)!important}
body.om-shelled #om_hdr2 > div:first-child{display:none!important}
body.om-shelled #om_h2_tabs button{font-family:var(--om-font-body)!important;color:var(--om-muted)!important}
body.om-shelled #om_h2_tabs button[style*="border-bottom-color: var"],body.om-shelled #om_h2_tabs button.on{color:var(--om-accent-ink)!important;border-bottom-color:var(--om-accent)!important}
@media (max-width:760px){ body.om-shelled #om_hdr2{top:50px!important} }

/* ---- faste knapper i venstre kant (sprog, udlaeg) skubbes ud af menuen ---- */
@media (min-width:761px){ body.om-shelled #om_lang,body.om-shelled #om_exp_fab{left:calc(var(--om-rail-w) + 14px)!important} }

/* ---- knapper der er flyttet op fra sidens gamle header: ens udtryk ---- */
body.om-shelled .om-actions button,body.om-shelled .om-actions a[href]{color:var(--om-ink)!important;background:var(--om-surface)!important;border:1px solid var(--om-line)!important;border-radius:var(--om-radius-s)!important;padding:6px 11px!important;font-size:13px!important;font-weight:600!important;line-height:1.2!important;cursor:pointer;box-shadow:none!important;text-decoration:none!important;opacity:1!important;margin:0!important;height:auto!important;min-height:0!important}
body.om-shelled .om-actions button:hover,body.om-shelled .om-actions a[href]:hover{background:var(--om-ground)!important}
body.om-shelled .om-actions button.on,body.om-shelled .om-actions button.primary,body.om-shelled .om-actions button.active{background:var(--om-accent)!important;color:#fff!important;border-color:var(--om-accent)!important}
body.om-shelled .om-actions select{color:var(--om-ink)!important;background:var(--om-surface)!important;border:1px solid var(--om-line)!important;border-radius:var(--om-radius-s)!important;padding:5px 8px!important;font-size:13px!important}
body.om-shelled .om-actions .who,body.om-shelled .om-actions #who,body.om-shelled .om-actions .sub{color:var(--om-muted)!important;font-size:13px!important}
body.om-shelled .om-actions > *{display:flex!important;align-items:center;gap:8px;flex-wrap:wrap}

/* =====================================================================
   FASE 2 - sidernes indre paa tokens.
   1) Broer: sidernes egne CSS-variabler peger paa skallens tokens.
   2) Faelles primitiver (kort, felter, knapper, tabeller) i alle sider.
   3) Side-specifikke rettelser for inline-stylede elementer (!important).
   ===================================================================== */
body.om-shelled{--blue:var(--om-accent);--blue2:var(--om-accent-ink);--brand:var(--om-accent);--bg:var(--om-ground);--card:var(--om-surface);
  --line:var(--om-line);--ink:var(--om-ink);--sub:var(--om-ink-2);--muted:var(--om-muted);--mut:var(--om-muted);--field:var(--om-accent-soft);
  --green:var(--om-ok);--ok:var(--om-ok);--amber:var(--om-warn);--warn:var(--om-warn);--red:var(--om-bad);--bad:var(--om-bad);--teal:var(--om-accent-ink)}

/* kort og paneler */
body.om-shelled .om-content .card,body.om-shelled .om-content .col,body.om-shelled .om-content .modal,body.om-shelled .om-content .mode,body.om-shelled .om-content .tile{background:var(--om-surface);border:1px solid var(--om-line);border-radius:var(--om-radius);box-shadow:none}
body.om-shelled .om-content .mode.on{background:var(--om-accent-soft);border-color:var(--om-accent)}
body.om-shelled .om-content h1,body.om-shelled .om-content h2,body.om-shelled .om-content h3{font-family:var(--om-font-display);color:var(--om-ink);letter-spacing:-.01em}
/* felter */
body.om-shelled .om-content input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),body.om-shelled .om-content select,body.om-shelled .om-content textarea{border:1px solid var(--om-line);border-radius:var(--om-radius-s);background:var(--om-surface);color:var(--om-ink);font-family:var(--om-font-body)}
body.om-shelled .om-content input:focus,body.om-shelled .om-content select:focus,body.om-shelled .om-content textarea:focus{border-color:var(--om-accent);box-shadow:var(--om-focus);outline:none}
body.om-shelled .om-content label{color:var(--om-ink-2)}
/* knapper */
body.om-shelled .om-content .btn,body.om-shelled .om-content button.pri,body.om-shelled .om-content button.primary,body.om-shelled .om-content button.on{background:var(--om-accent);color:#fff;border:1px solid var(--om-accent);border-radius:var(--om-radius-s);font-weight:600;font-family:var(--om-font-body)}
body.om-shelled .om-content .btn:hover,body.om-shelled .om-content button.pri:hover{background:var(--om-accent-ink);border-color:var(--om-accent-ink)}
body.om-shelled .om-content .btn.ghost,body.om-shelled .om-content button.ghost,body.om-shelled .om-content button.sec{background:var(--om-surface);color:var(--om-ink);border:1px solid var(--om-line)}
body.om-shelled .om-content .btn.ghost:hover,body.om-shelled .om-content button.ghost:hover{background:var(--om-ground)}
body.om-shelled .om-content button.green,body.om-shelled .om-content .btn.green,body.om-shelled .om-content button.ok{background:var(--om-ok);border-color:var(--om-ok);color:#fff}
body.om-shelled .om-content button.red,body.om-shelled .om-content .btn.red,body.om-shelled .om-content button.danger{background:var(--om-surface);color:var(--om-bad);border:1px solid var(--om-bad-soft)}
/* tabeller */
body.om-shelled .om-content table{background:var(--om-surface);border-radius:var(--om-radius)}
body.om-shelled .om-content th{color:var(--om-muted);background:var(--om-ground);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid var(--om-line)}
body.om-shelled .om-content td{border-bottom:1px solid var(--om-line-2)}
body.om-shelled .om-content tbody tr:hover{background:var(--om-ground)}
body.om-shelled .om-content .err{color:var(--om-bad)} body.om-shelled .om-content .ok:not(button){color:var(--om-ok)}
body.om-shelled .om-content .mut,body.om-shelled .om-content .muted,body.om-shelled .om-content .hint,body.om-shelled .om-content .sub{color:var(--om-muted)}
/* status-piller (tilbud/varer/kalender/overblik) */
body.om-shelled .om-content .pill,body.om-shelled .om-content .badge,body.om-shelled .om-content .kindtag{border-radius:999px;font-weight:600}
body.om-shelled .om-content .pill.kladde,body.om-shelled .om-content .pill.manuel{background:var(--om-line-2);color:var(--om-ink-2)}
body.om-shelled .om-content .pill.sendt,body.om-shelled .om-content .pill.igang{background:var(--om-warn-soft);color:var(--om-warn)}
body.om-shelled .om-content .pill.accepteret,body.om-shelled .om-content .pill.done{background:var(--om-ok-soft);color:var(--om-ok)}
body.om-shelled .om-content .pill.afvist,body.om-shelled .om-content .pill.udloebet{background:var(--om-bad-soft);color:var(--om-bad)}
body.om-shelled .om-content .pill.konverteret,body.om-shelled .om-content .pill.imp,body.om-shelled .om-content .pill.erp,body.om-shelled .om-content .pill.plan{background:var(--om-accent-soft);color:var(--om-accent-ink)}
/* hjaelp-boble og faste knapper: neutrale, ikke groenne */
body.om-shelled .ob-fab,body.om-shelled #om_lang_btn,body.om-shelled #om_exp_fab{background:var(--om-ink)!important;color:#fff!important;border-radius:999px!important;box-shadow:0 8px 24px rgba(16,24,40,.22)!important}
body.om-shelled #om_rap_fab{background:var(--om-accent)!important;color:#fff!important;border-radius:999px!important}

/* --- Sager (/overblik) --- */
body.om-p-overblik #ov41go{background:var(--om-accent)!important;border-radius:var(--om-radius-s)!important}
body.om-p-overblik #lagerBtn,body.om-p-overblik #pjBtn{background:var(--om-surface)!important;color:var(--om-ink)!important;border:1px solid var(--om-line)!important}
body.om-p-overblik .om-content b[style*="color"]{color:var(--om-ink)!important;font-family:var(--om-font-display)}
body.om-p-overblik .om-content .badge{color:#fff}
/* --- Tilbud og Varer (gateway-sider med haardkodede farver) --- */
body.om-p-tilbud .om-content button:not(.ghost):not(.red):not(.green):not(.chip),body.om-p-varer .om-content button:not(.ghost):not(.red):not(.chip){background:var(--om-accent);color:#fff;border-radius:var(--om-radius-s)}
body.om-p-tilbud .om-content button:not(.ghost):not(.red):not(.green):hover,body.om-p-varer .om-content button:not(.ghost):not(.red):hover{background:var(--om-accent-ink)}
body.om-p-tilbud .om-content .li.sel{background:var(--om-accent-soft)} body.om-p-tilbud .om-content .li:hover{background:var(--om-ground)}
body.om-p-tilbud .om-content .dbbox{background:var(--om-ground);border-color:var(--om-line)}
body.om-p-tilbud .om-content .sogres div:hover{background:var(--om-accent-soft)}
body.om-p-varer .om-content .rk:hover td{background:var(--om-ground)}
/* --- Dashboard/Faktura/Rapportdesign (bruger --brand/--field) --- */
body.om-p-dashboard .om-content .cap,body.om-p-faktura .om-content .cap{background:var(--om-accent-soft);color:var(--om-accent-ink)}
body.om-p-faktura .om-content .note.info,body.om-p-dashboard .om-content .note.info{background:var(--om-accent-soft);border-color:var(--om-accent-soft);color:var(--om-ink)}
/* links i indholdet */
body.om-shelled .om-content a:not(.btn):not(.tile):not(.tool):not([class*="btn"]){color:var(--om-accent-ink)}

/* --- Montoer: sagsvisning --- */
/* "Tilbage" er navigation, ikke en primaer handling */
body.om-shelled .om-content .btn.grey,body.om-shelled .om-content button.grey{background:var(--om-surface)!important;color:var(--om-ink)!important;border:1px solid var(--om-line)!important;font-weight:600}
body.om-shelled .om-content .btn.grey:hover{background:var(--om-ground)!important}
/* de faste knapper (Udlaeg/Hjaelp/Rapport) daekkede bunden af sagen */
@media (max-width:760px){ body.om-p-montor .om-content{padding-bottom:78px} }

/* ============ v0.59: taellere, soegning, skift bruger ============ */
.om-nav a .om-lbl2{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.om-nav a .om-cnt{flex:none;margin-left:auto;font-size:11px;font-weight:700;line-height:1;padding:3px 7px;border-radius:999px;
  background:var(--om-accent-soft);color:var(--om-accent-ink);font-variant-numeric:tabular-nums}
:root[data-design="b"] .om-nav a .om-cnt{background:var(--om-accent);color:#fff;border-radius:3px}
.om-nav a.on .om-cnt{background:var(--om-accent);color:#fff}
:root[data-design="a"] .om-nav a.on .om-cnt{background:var(--om-accent-ink)}
.om-nav a .om-lock + .om-cnt,.om-nav a .om-cnt + .om-lock{margin-left:4px}

/* soegefeltet i topbaren */
.om-search{flex:1 1 340px;max-width:420px;min-width:0;display:flex;align-items:center;gap:8px;height:34px;padding:0 10px;
  border:1px solid var(--om-line);border-radius:var(--om-radius-s);background:var(--om-surface);color:var(--om-muted);
  cursor:pointer;font:inherit;font-size:13px;text-align:left}
.om-search:hover{border-color:var(--om-accent);color:var(--om-ink-2)}
.om-search .om-si{display:flex;flex:none} .om-search .om-si svg{width:15px;height:15px}
.om-search .om-st{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.om-search kbd{flex:none;font-family:var(--om-font-body);font-size:11px;padding:1px 6px;border:1px solid var(--om-line);border-radius:4px;background:var(--om-ground);color:var(--om-muted)}

/* soegepaletten */
.om-find{position:fixed;inset:0;z-index:70;background:rgba(16,24,40,.45);display:flex;align-items:flex-start;justify-content:center;padding:12vh 16px 16px}
.om-find-box{width:min(640px,100%);max-height:70vh;display:flex;flex-direction:column;background:var(--om-surface);color:var(--om-ink);
  border:1px solid var(--om-line);border-radius:var(--om-radius);box-shadow:0 24px 60px rgba(16,24,40,.35);overflow:hidden;font-family:var(--om-font-body)}
.om-find-top{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--om-line)}
.om-find-top svg{width:18px;height:18px;flex:none;color:var(--om-muted)}
.om-find-top input{flex:1;min-width:0;border:0!important;outline:none;background:transparent!important;font:inherit;font-size:16px;color:var(--om-ink);box-shadow:none!important;padding:0!important}
.om-find-top kbd{font-family:var(--om-font-body);font-size:11px;padding:2px 6px;border:1px solid var(--om-line);border-radius:4px;color:var(--om-muted)}
.om-find-res{overflow:auto;padding:6px}
.om-find-grp{font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--om-muted);padding:10px 10px 4px}
.om-find-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--om-radius-s);text-decoration:none;color:var(--om-ink)!important}
.om-find-item svg{width:16px;height:16px;flex:none;color:var(--om-muted)}
.om-find-item span{min-width:0} .om-find-item b{display:block;font-size:13.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.om-find-item span span{display:block;font-size:12px;color:var(--om-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.om-find-item:hover,.om-find-item.sel{background:var(--om-accent-soft)}
.om-find-item.sel svg{color:var(--om-accent)}
.om-find-tom{padding:22px 14px;text-align:center;color:var(--om-muted);font-size:13px}
/* skift bruger i popoveren */
.om-pop .om-act[data-act="switch"]{display:flex;align-items:center;gap:8px}
.om-pop .om-act svg{width:15px;height:15px;flex:none;color:var(--om-muted)}
@media (max-width:760px){
  .om-search{flex:none;max-width:none;width:36px;padding:0;justify-content:center}
  .om-search .om-st,.om-search kbd{display:none}
  .om-find{padding:8vh 10px 10px}
}
/* naar skuffen er aabne paa mobil: sidens egne faste knapper skal ikke ligge
   oven paa menuen (de har hoej z-index og hoerer til siden, ikke skallen) */
@media (max-width:760px){
  body.om-nav-open .ob-fab,body.om-nav-open #om_lang,body.om-nav-open #om_exp_fab,
  body.om-nav-open #om_rap_fab,body.om-nav-open #oibot{display:none!important}
}

/* Sidens hoistede knapper maa ALDRIG vokse topbaren ud over dens hoejde -
   ellers ligger de oven paa broedkrummen (set paa Sagskort). De ruller
   vandret i stedet. */
.om-actions{flex-wrap:nowrap!important;overflow-x:auto;overflow-y:hidden;max-width:70%;scrollbar-width:thin}
.om-actions::-webkit-scrollbar{height:0}
.om-actions > *{flex:none}
body.om-shelled .om-actions > *{display:flex!important;align-items:center;gap:8px;flex-wrap:nowrap!important}

/* ============ montoer-appen: vaerktoejer i venstremenuen ============
   Sprog, Udlaeg og Rapport er flyttet fysisk ind i .om-tools nederst i
   menuen. De beholder deres id (og dermed sidens egen JS), saa alt her
   overskriver deres inline-styles og de aeldre fast-position-regler.
   Hjaelp-boblen bliver liggende i hoejre hjoerne. */
body.om-shelled .om-tools{display:flex;flex-direction:column;gap:2px;margin-top:2px}
body.om-shelled .om-tools > .om-grp{order:0}
body.om-shelled .om-tools #om_rap_fab,
body.om-shelled .om-tools #om_exp_fab,
body.om-shelled .om-tools #om_lang_btn,
body.om-shelled .om-tools .om-tool{
  position:static!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
  z-index:auto!important;display:flex!important;align-items:center;gap:10px!important;width:100%!important;
  margin:0!important;padding:8px 10px!important;border:0!important;border-radius:var(--om-radius-s)!important;
  background:transparent!important;color:var(--om-rail-ink)!important;box-shadow:none!important;
  font-family:var(--om-font-body)!important;font-size:13.5px!important;font-weight:500!important;
  text-align:left!important;cursor:pointer}
body.om-shelled .om-tools #om_rap_fab:hover,
body.om-shelled .om-tools #om_exp_fab:hover,
body.om-shelled .om-tools #om_lang_btn:hover,
body.om-shelled .om-tools .om-tool:hover{background:var(--om-rail-active)!important;color:var(--om-rail-active-ink)!important}
body.om-shelled .om-tools svg{width:17px;height:17px;flex:none;opacity:.85}
body.om-shelled .om-tools #om_lang{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
  z-index:auto!important;width:100%!important;display:block!important;font-family:var(--om-font-body)!important}
body.om-shelled .om-tools #om_lang_btn > span:first-child{font-size:15px!important;width:17px;text-align:center;flex:none}
body.om-shelled .om-tools #om_lang_menu{bottom:auto!important;top:calc(100% + 4px)!important;left:0!important;right:0!important;
  min-width:0!important;max-height:52vh!important;border-radius:var(--om-radius)!important;border-color:var(--om-line)!important;z-index:70}
body.om-shelled .om-tools #om_lang_menu button{background:var(--om-surface)!important;color:var(--om-ink)!important;font-family:var(--om-font-body)!important;font-size:14px!important}
body.om-shelled .om-tools #om_lang_menu button:hover{background:var(--om-ground)!important}
/* skuffen paa mobil: vaerktoejerne hoerer nu til menuen og skal blive staaende */
@media (max-width:760px){
  body.om-nav-open .om-tools #om_lang{display:block!important}
  body.om-nav-open .om-tools #om_exp_fab,body.om-nav-open .om-tools #om_rap_fab{display:flex!important}
}

/* ============ opsaetningsmenu: harmonika ============
   Opsaetningen har for mange sider til en faneraekke i toppen. Naar man er
   inde i den, viser venstremenuen opsaetningens egne grupper i stedet. */
.om-back{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--om-rail-line);
  color:var(--om-rail-muted);text-decoration:none;font-size:12.5px;font-weight:600}
.om-back:hover{color:var(--om-rail-active-ink);background:var(--om-rail-active)}
.om-back svg{width:16px;height:16px;flex:none}
.om-sect{font-family:var(--om-font-display);font-weight:700;font-size:15px;color:var(--om-rail-brand);
  padding:14px 16px 4px;letter-spacing:.01em}
.om-acc{padding:6px 10px 14px}
.om-agrp{border-radius:var(--om-radius-s);overflow:hidden}
.om-ahd{width:100%;display:flex;align-items:center;gap:10px;padding:8px 10px;border:0;background:transparent;
  color:var(--om-rail-ink);font:600 13px var(--om-font-body);cursor:pointer;text-align:left;border-radius:var(--om-radius-s)}
.om-ahd:hover{background:var(--om-rail-active);color:var(--om-rail-active-ink)}
.om-ahd svg{width:16px;height:16px;flex:none;opacity:.85}
.om-ahd svg:last-child{margin-left:auto;width:14px;height:14px;opacity:.6;transition:transform .15s ease}
.om-agrp.open > .om-ahd svg:last-child{transform:rotate(90deg)}
.om-abody{display:none;padding:2px 0 6px 10px;margin-left:17px;border-left:1px solid var(--om-rail-line)}
.om-agrp.open > .om-abody{display:block}
.om-abody a{display:block;padding:6px 10px;border-radius:var(--om-radius-s);color:var(--om-rail-ink);
  text-decoration:none;font-size:13px;opacity:.92}
.om-abody a:hover{background:var(--om-rail-active);color:var(--om-rail-active-ink);opacity:1}
.om-abody a.on{background:var(--om-rail-active);color:var(--om-rail-active-ink);font-weight:600;opacity:1}
@media (prefers-reduced-motion:reduce){.om-ahd svg:last-child{transition:none}}
/* opsaetningssiderne har deres egen faneraekke i toppen - den er overfloedig,
   naar menuen viser praecis de samme punkter */
body.om-shelled.om-setup #tabs{display:none!important}
/* sidernes egen nav-raekke er de samme punkter som venstremenuens */
body.om-shelled .om-actions .nav{display:none!important}

/* ---- banner-mønstret (2026-09-14, markør __omToppad1): /dashboard og /faktura
   er tegnet med en blå top-banner, hvor første kortrække hænger op over den
   (margin-top:-40px / -38px). Skallen skjuler banneret, så den negative margin
   trak kortene op UNDER den sticky topbar — målt -22px luft, så toppen af
   KPI-kortene blev klippet. Nulstil den; sidens egen .wrap giver luften. ---- */
body.om-p-dashboard .om-content #kpis{margin-top:0!important}
body.om-p-faktura .om-content .card:first-of-type{margin-top:0!important}
body.om-p-dashboard .om-content > .wrap,
body.om-p-faktura .om-content > .wrap{padding-top:22px}

/* ---- montør-appen: ingen glimt af flydende knapper ved sideindlæsning (2026-09-30, markør __omNoFlash1)
   Sprog, Udlæg og Rapport bygges af tre separate scripts (1200/1300/1500 ms), og skallen
   flytter dem ind i .om-tools hvert 800 ms. Imellem stod de synlige som position:fixed i
   hjørnerne. De skjules nu, så længe de IKKE står i menuen. ---- */
body.om-shelled.om-p-montor #om_lang,
body.om-shelled.om-p-montor #om_exp_fab,
body.om-shelled.om-p-montor #om_rap_fab{visibility:hidden!important}
body.om-shelled.om-p-montor .om-tools #om_lang,
body.om-shelled.om-p-montor .om-tools #om_exp_fab,
body.om-shelled.om-p-montor .om-tools #om_rap_fab{visibility:visible!important}