/* Salora Booking – salonens administration */
@font-face{font-family:Inter;src:url(fonts/Inter-Regular.woff) format("woff");font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url(fonts/Inter-Medium.woff) format("woff");font-weight:500;font-display:swap}
@font-face{font-family:Inter;src:url(fonts/Inter-SemiBold.woff) format("woff");font-weight:600;font-display:swap}
@font-face{font-family:"Inter Display";src:url(fonts/InterDisplay-Bold.woff) format("woff");font-weight:700;font-display:swap}
:root{--acc:#8a5a44;--paa-acc:#fff;--bg:#f6f4f1;--flade:#fff;--streg:#e8e3dc;--tekst:#1f1b18;--daempet:#7b736c;--side:#16130f;--ok:#2f8a55;--fejl:#b3362b;--r:12px}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--tekst);font:400 15px/1.55 Inter,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}
h1,h2,h3{margin:0;line-height:1.2}
h1{font-family:"Inter Display",Inter,sans-serif;font-weight:700;font-size:28px;letter-spacing:-.01em}
h2{font-size:16px;font-weight:600;margin-bottom:14px}
.daempet{color:var(--daempet)}.lille{font-size:13px}
.ok{color:var(--ok);font-weight:600}.fejl{color:var(--fejl);font-weight:600}
.logo-ord{font-family:"Inter Display",Inter,sans-serif;font-weight:700;font-size:20px;letter-spacing:-.01em}
.logo-ord span{font-weight:500;opacity:.55;margin-left:5px;font-size:.8em}

/* Ramme */
.side{position:fixed;inset:0 auto 0 0;width:236px;background:var(--side);color:#efe9e1;display:flex;flex-direction:column;padding:22px 14px}
.side-top{padding:0 10px 22px;border-bottom:1px solid rgba(255,255,255,.08)}
.side-salon{margin-top:6px;font-size:13px;color:#b9b0a6}
.side-nav{display:flex;flex-direction:column;gap:2px;margin-top:16px}
.side-nav a,.bundnav a{display:flex;align-items:center;gap:12px;text-decoration:none;padding:10px 12px;border-radius:10px;color:#cfc7bd;font-weight:500}
.side-nav a:hover{background:rgba(255,255,255,.06);color:#fff}
.side-nav a.aktiv{background:rgba(255,255,255,.1);color:#fff}
.side-nav a.aktiv svg{stroke:var(--acc)}
svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 20px}
.side-bund{margin-top:auto;padding:16px 10px 0;border-top:1px solid rgba(255,255,255,.08);font-size:13px;display:grid;gap:8px}
.se-side{color:var(--acc);text-decoration:none;font-weight:600}
.bruger{color:#b9b0a6}
.link-knap{background:none;border:0;padding:0;color:inherit;font:inherit;text-decoration:underline;cursor:pointer;opacity:.8}
.side .link-knap{color:#b9b0a6}
.hoved{margin-left:236px;padding:28px 32px 60px;max-width:1340px}
.bundnav{display:none}
@media(max-width:860px){
  .side{display:none}.hoved{margin-left:0;padding:18px 14px 96px}
  .bundnav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--side);padding:6px 4px max(8px,env(safe-area-inset-bottom));justify-content:space-around}
  .bundnav a{flex-direction:column;gap:3px;font-size:10.5px;padding:6px 4px;color:#a59c92}
  .bundnav a.aktiv{color:#fff}.bundnav a.aktiv svg{stroke:var(--acc)}
  h1{font-size:23px}
  .skjul-mobil{display:none}
}

/* Elementer */
.side-hoved{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.side-hoved p{margin:4px 0 0}
.tilbage{display:inline-block;color:var(--daempet);text-decoration:none;font-size:13px;margin-bottom:6px}
.kort{background:var(--flade);border:1px solid var(--streg);border-radius:var(--r);padding:22px;margin-bottom:18px}
.kort.uden-luft{padding:6px 0}
.kort-rubrik{padding:14px 20px 4px}
.kolonner{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));align-items:start}
.kolonner>.kort,.kolonner>div>.kort{margin-bottom:18px}
.knap{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--acc);color:var(--paa-acc);border:1px solid var(--acc);border-radius:10px;padding:10px 16px;font:600 14px/1.2 Inter,sans-serif;text-decoration:none;cursor:pointer;white-space:nowrap}
.knap:hover{filter:brightness(1.06)}
.knap-sekundaer{background:var(--flade);color:var(--tekst);border-color:var(--streg)}
.knap-sekundaer:hover{border-color:#cfc6bb;filter:none}
.knap-fare{background:var(--fejl);border-color:var(--fejl);color:#fff}
.knap-fuld{width:100%}
.knap-ikon{width:40px;padding:10px 0;font-size:18px}
.knap.deaktiv{opacity:.5;pointer-events:none}
.flash{padding:12px 16px;border-radius:10px;margin-bottom:16px;background:#e7f4ec;border:1px solid #b9dcc6}
.flash-fejl{background:#fbe9e7;border-color:#efc2bb}
.advarsel{padding:12px 16px;border-radius:10px;margin-bottom:16px;background:#fbe9e7;border:1px solid #efc2bb}
.maerkat{display:inline-block;font-size:12px;font-weight:600;padding:3px 9px;border-radius:999px;background:#efebe6;color:#5f5852}
.maerkat.advar{background:#fdf1dc;color:#8a5b12}
.status-bekraeftet.maerkat{background:#e7f4ec;color:#21653d}
.status-aflyst.maerkat{background:#f3e6e4;color:#8f2f26}
.status-udeblevet.maerkat{background:#fdf1dc;color:#8a5b12}
.tom{padding:20px;color:var(--daempet)}

/* Formularer */
.formular{display:grid;gap:14px}
.felt{display:grid;gap:5px;min-width:0}
.felt>span{font-weight:600;font-size:13px}
.felt small{color:var(--daempet);font-weight:400}
.felt em{color:var(--fejl);font-style:normal;font-size:13px}
input,select,textarea{font:inherit;color:inherit;background:#fff;border:1px solid var(--streg);border-radius:10px;padding:10px 12px;width:100%;min-width:0}
input[type=checkbox]{width:auto;accent-color:var(--acc)}
input[type=color]{padding:3px;height:42px}
input[type=time]{width:auto}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--acc);box-shadow:0 0 0 3px color-mix(in srgb,var(--acc) 22%,transparent)}
.felt.fejl input,.felt.fejl select{border-color:var(--fejl)}
.raekke{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:560px){.raekke{grid-template-columns:1fr}}
.tjek{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer}
.tjek-gitter{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:6px 14px}
.knapper{display:flex;gap:10px;flex-wrap:wrap}
.bred-form{max-width:820px}
.raekke-form{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}
.raekke-form .felt{flex:1 1 200px}
.gem-bjaelke{position:sticky;bottom:12px;display:flex;justify-content:flex-end;margin:-4px 0 18px}
.gem-bjaelke .knap{box-shadow:0 8px 24px rgba(0,0,0,.15);padding:12px 22px}
@media(max-width:860px){.gem-bjaelke{bottom:84px}}
.inline{display:inline}
.soeg input{min-width:260px}
.lille-rubrik{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--daempet);font-weight:600;margin:10px 0 6px}
.enkel-liste{list-style:none;padding:0;margin:0}
.enkel-liste li{padding:8px 0;border-bottom:1px solid var(--streg);font-size:14px;display:flex;justify-content:space-between;gap:10px}
.liste{margin:0}
.liste div{display:grid;grid-template-columns:110px 1fr;gap:10px;padding:8px 0;border-bottom:1px solid var(--streg)}
.liste dt{color:var(--daempet)}.liste dd{margin:0}
.note-form{margin-top:16px;display:grid;gap:10px;justify-items:start}
.handlinger{display:flex;gap:16px;flex-wrap:wrap;align-items:center}
.handlinger form{display:flex;gap:14px;align-items:center;flex-wrap:wrap}

/* Tabeller */
.tabel{width:100%;border-collapse:collapse;font-size:14px}
.tabel th{text-align:left;font-size:12px;color:var(--daempet);font-weight:600;padding:10px 20px;border-bottom:1px solid var(--streg)}
.tabel td{padding:11px 20px;border-bottom:1px solid var(--streg);vertical-align:top}
.tabel tr:last-child td{border-bottom:0}
.tabel.klikbar a{font-weight:600;text-decoration:none}
.tabel.klikbar tr:hover td{background:#faf8f5}
.tider-tabel{border-collapse:collapse}
.tider-tabel th{text-align:left;font-weight:400;padding:6px 14px 6px 0;white-space:nowrap}
.tider-tabel td{padding:6px 10px 6px 0;white-space:nowrap}

/* Behandlinger */
.beh{border-top:1px solid var(--streg)}
.beh summary{display:grid;grid-template-columns:1fr 90px 100px;gap:12px;padding:12px 20px;cursor:pointer;list-style:none;align-items:center}
.beh summary::-webkit-details-marker{display:none}
.beh summary:hover{background:#faf8f5}
.beh-tal{text-align:right;font-variant-numeric:tabular-nums}
.beh-form{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:6px 20px 18px;align-items:end;background:#faf8f5}
.beh-form .bred2{grid-column:span 2}
@media(max-width:700px){.beh-form{grid-template-columns:1fr 1fr}.beh summary{grid-template-columns:1fr auto}.beh summary .beh-tal:nth-child(2){display:none}}
.kolonner .beh-form{grid-template-columns:1fr 1fr;padding:0;background:none}

/* Medarbejdere */
.team-admin{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin-bottom:18px}
.person-kort{display:flex;gap:14px;align-items:center;text-decoration:none;margin:0}
.person-kort:hover{border-color:#cfc6bb}
.avatar-stor{width:64px;height:64px;flex:0 0 64px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700;font-size:22px;overflow:hidden}
.avatar-stor img,.avatar-lille img{width:100%;height:100%;object-fit:cover}
.foto-raekke{display:flex;gap:16px;align-items:center}
.billed-gitter{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-bottom:18px}
.billed-gitter figure{margin:0}
.billed-gitter img,.tom-billede{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;background:#efebe6;display:grid;place-items:center;color:var(--daempet);font-size:13px}
.billed-gitter figcaption{font-size:12px;color:var(--daempet);margin-top:4px;display:flex;justify-content:space-between}

/* Kalender */
.kal-nav{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.dato-vaelg input{padding:9px 10px}
.kal{background:var(--flade);border:1px solid var(--streg);border-radius:var(--r);overflow-x:auto}
.kal-ramme{display:flex;min-width:calc(56px + var(--kolonner) * 200px)}
.kal-tider{position:relative;flex:0 0 56px;margin-top:52px;border-right:1px solid var(--streg)}
.kal-time{position:absolute;right:8px;transform:translateY(-50%);font-size:11px;color:var(--daempet);font-variant-numeric:tabular-nums}
.kal-time:first-child{transform:none}
.kal-kolonner{display:grid;grid-template-columns:repeat(var(--kolonner),minmax(200px,1fr));flex:1}
.kal-kol{border-right:1px solid var(--streg)}
.kal-kol:last-child{border-right:0}
.kal-kol-hoved{height:52px;display:flex;align-items:center;gap:10px;padding:0 14px;font-weight:600;border-bottom:1px solid var(--streg);position:sticky;top:0;background:var(--flade);z-index:3}
.avatar-lille{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:12px;overflow:hidden}
.kal-krop{position:relative;background:repeating-linear-gradient(-45deg,#f4f1ec 0 6px,#efebe5 6px 12px)}
.kal-arbejde{position:absolute;left:0;right:0;background:#fff}
.kal-linje{position:absolute;left:0;right:0;border-top:1px solid #efeae3;z-index:1}
.kal-slot{position:absolute;left:0;right:0;z-index:1;text-decoration:none;display:flex;align-items:center;padding-left:10px;font-size:11px;color:transparent}
.kal-slot:hover{background:color-mix(in srgb,var(--acc) 12%,transparent);color:var(--tekst)}
.kal-booking{position:absolute;left:4px;right:6px;z-index:2;border-radius:8px;padding:5px 9px;text-decoration:none;font-size:12.5px;line-height:1.3;overflow:hidden;background:color-mix(in srgb,var(--m) 18%,#fff);border-left:4px solid var(--m);box-shadow:0 1px 2px rgba(0,0,0,.06)}
.kal-booking:hover{box-shadow:0 4px 14px rgba(0,0,0,.12);z-index:4}
.kal-booking strong{display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kal-booking span{display:block;color:#5d554e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kal-booking.online::after{content:"";position:absolute;top:7px;right:7px;width:7px;height:7px;border-radius:50%;background:var(--ok)}
.kal-booking.status-udeblevet{opacity:.55;text-decoration:line-through}
.kal-fravaer{position:absolute;left:0;right:0;z-index:2;background:repeating-linear-gradient(-45deg,#e9e4dd 0 6px,#e2dcd3 6px 12px);display:flex;align-items:flex-start;padding:6px 10px;font-size:12px;color:#6b635c}
.kal-nu{position:absolute;left:0;right:0;border-top:2px solid #d0473a;z-index:5}
.kal-nu::before{content:"";position:absolute;left:-5px;top:-6px;width:10px;height:10px;border-radius:50%;background:#d0473a}
.kal-forklaring{margin-top:10px;display:flex;align-items:center;gap:6px}
.prik-online{width:7px;height:7px;border-radius:50%;background:var(--ok);display:inline-block}

/* Tom side / login */
.tom-side{display:grid;place-items:center;min-height:100vh;padding:20px;background:radial-gradient(1200px 600px at 20% -10%,#efe7dc,transparent),var(--bg)}
.tom-boks{width:100%;max-width:400px;background:var(--flade);border:1px solid var(--streg);border-radius:16px;padding:32px;box-shadow:0 20px 60px rgba(40,25,10,.08)}
.tom-boks .logo-ord{margin-bottom:26px}
.tom-boks h1{margin-bottom:4px}
.tom-boks form{margin-top:20px}
/* Adgang */
.knap-raekke{display:flex;gap:10px;flex-wrap:wrap}
.link-knap.fare{color:#b3362b}
/* Salora admin */
.super-link{display:block;margin-top:10px;font-size:12.5px;color:var(--acc);text-decoration:none;font-weight:600}
.super-link:hover{text-decoration:underline}
.tabel .maerkat{white-space:nowrap}
button.super-link{background:none;border:0;padding:0;cursor:pointer;font:inherit;font-size:12.5px;text-align:left}
.super-baand{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 18px;padding:10px 14px;border-radius:10px;background:#1f1b18;color:#efe7dc;font-size:13.5px}
.super-baand .link-knap{color:#e2c27f;opacity:1}
/* Salora admin – overblik */
.noegletal{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:14px}
.noegletal-lille{grid-template-columns:repeat(6,minmax(0,1fr))}
.tal-kort{background:#fff;border:1px solid #e9e3dc;border-radius:14px;padding:16px 18px;display:flex;flex-direction:column;gap:4px;min-width:0}
.tal-kort span{font-size:12.5px;color:#7a716b;font-weight:600;letter-spacing:.02em}
.tal-kort strong{font-size:26px;line-height:1.15;font-variant-numeric:tabular-nums;color:#1f1b18;overflow-wrap:anywhere}
.tal-kort strong.mindre{font-size:20px}
.tal-kort small{font-size:12.5px;color:#7a716b}
.noegletal-lille .tal-kort strong{font-size:21px}
.tal-hoved{background:#1f1b18;border-color:#1f1b18}.tal-hoved span,.tal-hoved small{color:#bfb5a9}.tal-hoved strong{color:#fff;font-size:30px}
.tal-kort.plus strong{color:#21653d}.tal-kort.minus strong{color:#a33a2c}
.fejl-tekst{color:#a33a2c}
@media(max-width:1100px){.noegletal{grid-template-columns:repeat(2,minmax(0,1fr))}.noegletal-lille{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.noegletal-lille{grid-template-columns:repeat(2,minmax(0,1fr))}}
.graf{margin:0}
.graf figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px;font-size:14px;color:#7a716b;font-weight:600}
.graf figcaption strong{font-size:22px;color:#1f1b18;font-variant-numeric:tabular-nums}
.graf svg{width:100%;height:130px;display:block;overflow:visible;stroke:none;stroke-width:0;flex:none}
.graf-akser{display:flex;justify-content:space-between;font-size:11.5px;color:#9a918b;margin-top:6px}
.graf-akse{stroke:#d9d1c7;stroke-width:1;vector-effect:non-scaling-stroke}
.graf-gitter{stroke:#efe9e2;stroke-width:1;stroke-dasharray:3 4;vector-effect:non-scaling-stroke}
.graf-soejle path{fill:var(--acc);opacity:.85}
.graf-hit{fill:transparent}
.graf-soejle:hover path{opacity:1}.graf-soejle:hover .graf-hit{fill:rgba(123,63,94,.06)}
.graf-tekst{font-size:11px;fill:#9a918b}
.graf-max{margin:6px 0 0}
.tabel-tal td:last-child,.tabel-tal td:nth-child(2){text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.tabel-tal tr.udgift td{color:#7a716b}
.tabel-tal tr.sum td{font-weight:700;border-top:2px solid #1f1b18}
.advarsel-liste{list-style:none;padding:0;margin:0 0 10px;display:grid;gap:8px}
.advarsel-liste li{border-radius:10px;padding:10px 12px;font-size:14px;background:#f4f1ed}
.advarsel-liste li.advar{background:#fdf1dc}
.advarsel-liste a{text-decoration:none;color:inherit;display:block}
.faner{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 14px}
.faner a{text-decoration:none;padding:7px 14px;border-radius:999px;background:#fff;border:1px solid #e9e3dc;font-size:14px;color:#5f5852}
.faner a span{color:#9a918b;margin-left:4px}
.faner a.aktiv{background:#1f1b18;color:#fff;border-color:#1f1b18}.faner a.aktiv span{color:#cfc7bd}
.nav-tal{margin-left:auto;background:var(--acc);color:#fff;font-size:11px;border-radius:999px;padding:1px 7px}
tr.ny-raekke td{background:#fffaf0}
.opgave-hoved{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.opgave-svar{background:#f6eef2;border:1px solid #e6cfd9;border-radius:10px;padding:12px 14px;margin:0 0 14px;font-size:14px}
.opgave-filer{display:flex;flex-wrap:wrap;gap:10px}
.opgave-filer figure{margin:0;width:92px}
.opgave-filer img{width:92px;height:92px;object-fit:cover;border-radius:10px;border:1px solid #e9e3dc;background:#f4f1ed}
.opgave-filer figcaption{font-size:11px;color:#7a716b;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.trin-liste{padding-left:20px;display:grid;gap:6px;margin:14px 0 0}

/* v0.11.0: sektioner, statistik */
.sr{position:absolute;left:-9999px}
.hoejre{text-align:right}
.sektion-valg{display:grid;gap:8px;max-width:460px}
.sektion-raekke{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;border:1px solid var(--streg);border-radius:10px}
.sektion-raekke select{width:70px}
.stat-tal{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-bottom:18px}
.stat-tal .kort{margin:0}
.stat-tal strong{display:block;font-size:28px;line-height:1.1;margin-top:4px}
.stat-tal small{color:var(--daempet)}
.stat-bar{display:flex;align-items:center;gap:10px;font-size:14px;padding:5px 0}
.stat-bar span:first-child{width:130px;flex:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stat-bar i{display:block;height:12px;border-radius:6px;background:var(--acc,#7b3f5e);min-width:2px}
.stat-bar em{font-style:normal;color:var(--daempet);white-space:nowrap}
.maaned-skift{display:flex;align-items:center;gap:12px}
.to-kol{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.to-kol .kort{margin:0}@media(max-width:800px){.to-kol{grid-template-columns:1fr}}.to-kol+.kort{margin-top:16px}
.maaler{height:10px;border-radius:6px;background:var(--streg);overflow:hidden;margin:8px 0 4px;max-width:520px}.maaler i{display:block;height:100%;background:var(--acc)}.maaler i.advar{background:var(--fejl)}.sms-forbrug p{margin:0 0 6px}
.laast-kort{max-width:680px}.laast-kort ul{padding-left:20px;margin:8px 0 14px}.laast-kort li{margin:4px 0}

/* Vagtplan (v0.13.0) */
.idag-kort{margin-bottom:16px}
.paa-arbejde{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px 26px}
.paa-arbejde li{display:flex;align-items:center;gap:8px;font-size:15px}
.paa-arbejde .prik{width:9px;height:9px;border-radius:50%;background:var(--streg);display:inline-block}
.paa-arbejde .prik.aaben{background:var(--ok)}.paa-arbejde .prik.syg{background:var(--fejl)}
.vagt-gitter-boks{overflow-x:auto;margin-bottom:16px}
.vagt-gitter{width:100%;border-collapse:collapse;min-width:760px;font-size:14px}
.vagt-gitter th,.vagt-gitter td{border-bottom:1px solid var(--streg);padding:10px 8px;text-align:left;vertical-align:top}
.vagt-gitter thead th{font-weight:600;font-size:13px;color:var(--daempet)}
.vagt-gitter thead th span{font-weight:400}
.vagt-gitter tbody th{font-weight:600;white-space:nowrap;width:110px}
.vagt-gitter tbody th small{font-weight:400;color:var(--daempet)}
.vagt-gitter .idag{background:color-mix(in srgb,var(--acc) 7%,transparent)}
.vagt-gitter tr.mig th{color:var(--acc)}
.vagt{display:block;margin:0 0 4px;padding:5px 8px;border-radius:7px;background:color-mix(in srgb,var(--acc) 16%,#fff);font-size:13px;font-weight:600;white-space:nowrap}
.vagt-syg{background:#f6dcd9;color:var(--fejl);text-decoration:line-through;text-decoration-thickness:1px}
.vagt-ledig{background:#fff;border:1px dashed var(--acc);color:var(--acc)}
.ledig-raekke th{color:var(--acc)}
.vagt-liste{list-style:none;margin:0;padding:0}
.vagt-liste li{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px solid var(--streg)}
.vagt-liste li:last-child{border-bottom:0}
.vagt-liste form.inline select{margin-left:6px;padding:4px 6px;border-radius:7px;border:1px solid var(--streg);font:inherit;font-size:13px}
.vagt-handling summary{cursor:pointer;font-size:14px;text-decoration:underline}
.vagt-handling[open]{flex-basis:100%;margin-top:8px}
.vagt-liste li:has(.vagt-handling[open]){flex-wrap:wrap}
.to-kol+.to-kol{margin-top:16px}
@media (max-width:800px){.bundnav{overflow-x:auto;justify-content:flex-start;scrollbar-width:none}.bundnav::-webkit-scrollbar{display:none}.bundnav a{flex:1 0 auto;min-width:58px}}

/* Til stede / ikke til stede (v0.14.0) */
.til-stede{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 16px;border:1px solid var(--streg);border-radius:var(--r);background:var(--flade);margin-bottom:16px}
.kort .til-stede{margin:0;border:0;padding:0;background:none}
.til-stede p{margin:0}
.til-stede.er-vaek{background:#fbeceb;border-color:#efc9c5}
.kort .til-stede.er-vaek{background:none}
.til-stede-knapper{display:flex;gap:8px;flex-wrap:wrap}
.prik-her,.prik-vaek{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:8px;background:var(--ok);vertical-align:1px}
.prik-vaek{background:var(--fejl)}
.tid-knapper{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 14px}.flyt-tider{margin-top:14px}
.kalender-link{margin:-6px 0 16px;font-size:14px}.kalender-link summary{cursor:pointer;color:var(--daempet)}.kalender-link[open]{padding:12px 16px;border:1px solid var(--streg);border-radius:var(--r);background:var(--flade)}.kalender-link p{margin:8px 0}.kort .kalender-link{margin:14px 0 0}
.kal-fravaer{justify-content:space-between;gap:6px}.kal-fravaer-fjern .link-knap{font-size:11.5px}
.udebl-maerke{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:var(--fejl);color:#fff;font-size:11px;font-weight:700;vertical-align:1px}
.import-kort summary{cursor:pointer}.import-kort[open] summary{margin-bottom:8px}.import-kort{margin-bottom:16px}

/* Ugevisning (v0.15.0) */
.visning-skift{display:inline-flex;border:1px solid var(--streg);border-radius:10px;overflow:hidden;background:var(--flade)}
.visning-skift a,.visning-skift span{padding:8px 14px;font-size:14px;font-weight:600;text-decoration:none;color:var(--daempet)}
.visning-skift .aktiv{background:var(--side);color:#fff}
.uge-gitter{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}
.uge-dag{background:var(--flade);border:1px solid var(--streg);border-radius:var(--r);padding:10px;min-height:180px}
.uge-dag.idag{border-color:var(--acc);box-shadow:0 0 0 1px var(--acc)}
.uge-dag.fortid{opacity:.7}
.uge-dag-hoved{display:flex;justify-content:space-between;align-items:center;text-decoration:none;font-size:14px;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid var(--streg)}
.uge-dag-hoved span{font-size:12px;color:var(--daempet)}
.uge-booking{display:block;text-decoration:none;padding:7px 8px 7px 10px;margin-bottom:6px;border-radius:8px;background:color-mix(in srgb,var(--m) 14%,#fff);border-left:3px solid var(--m);font-size:12.5px;line-height:1.35}
.uge-booking strong{display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.uge-booking span{color:var(--daempet);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.uge-booking.status-udeblevet{opacity:.55;text-decoration:line-through}
.uge-tom,.uge-lukket{font-size:12.5px;color:var(--daempet);margin:4px 0}
.uge-lukket{color:var(--fejl);font-weight:600}
@media (max-width:900px){.uge-gitter{grid-template-columns:1fr}.uge-dag{min-height:0}}

/* Vagtplan v2 (v0.16.4): alt i ugeoversigten */
.vagt-vaerktoej{display:flex;gap:10px;align-items:flex-start;flex-wrap:wrap;margin-bottom:12px}
.vagt-vaerktoej>form{margin:0}
.vagt-ny{margin:0;padding:0;border:0;background:none;box-shadow:none}
.vagt-ny>summary{list-style:none;cursor:pointer}
.vagt-ny>summary::-webkit-details-marker{display:none}
.vagt-ny[open]{flex-basis:100%;padding:18px;border:1px solid var(--streg);background:var(--flade);border-radius:var(--r)}
.vagt-ny[open]>summary{margin-bottom:14px}
.vagt-hjaelp{margin:0 0 8px}
.ledig-tal{color:var(--acc)}
.vagt-gitter{table-layout:fixed}
.vagt-gitter tbody th{width:120px}
.vagt-gitter th .timer{display:block;font-weight:400;font-size:12px;color:var(--daempet);margin-top:2px}
.vagt-gitter td{height:64px}
.vagt-gitter td.fortid{opacity:.55}
.vagt-boks{position:relative;margin:0 0 4px}
.vagt-boks>summary{list-style:none;cursor:pointer}
.vagt-boks>summary::-webkit-details-marker{display:none}
.vagt-boks>summary.vagt{margin:0}
.vagt-boks[open]>summary{outline:2px solid var(--acc)}
.vagt-egen{box-shadow:inset 3px 0 0 var(--acc)}
.vagt-menu{position:absolute;z-index:30;top:calc(100% + 6px);left:0;min-width:220px;background:#fff;border:1px solid var(--streg);border-radius:12px;box-shadow:0 16px 40px -14px rgba(0,0,0,.3);padding:12px;display:grid;gap:8px}
.vagt-menu form{margin:0}
.vagt-menu select,.vagt-menu input{width:100%;margin-top:4px;padding:8px;border:1px solid var(--streg);border-radius:8px;font:inherit;font-size:14px}
.vagt-syg-form{display:grid;gap:6px}
.vagt-gitter td:nth-last-child(-n+2) .vagt-menu{left:auto;right:0}
.vagt-dage{display:none}
@media (max-width:800px){
  .vagt-gitter-boks{display:none}
  .vagt-dage{display:grid;gap:10px}
  .vagt-dag{margin:0;padding:14px 16px}
  .vagt-dag h3{font-size:16px;margin:0 0 8px}
  .vagt-dag.fortid{opacity:.6}
  .vagt-dag.idag{border-color:var(--acc)}
  .vagt-linje{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:6px 0;border-top:1px solid var(--streg)}
  .vagt-navn{font-weight:600;padding-top:5px}
  .vagt-linje .vagt-menu{left:auto;right:0}
}

/* Sprog for de ansatte (v0.17.0) */
.app-sprog{display:flex;gap:4px;margin:10px 0 6px}
.app-sprog button{background:none;border:1px solid rgba(255,255,255,.15);color:#a59c92;border-radius:7px;padding:4px 8px;font:inherit;font-size:12px;font-weight:600;cursor:pointer}
.app-sprog button.aktiv{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.3)}
[dir=rtl] body{font-family:Inter,"Segoe UI","Noto Sans Arabic","Geeza Pro",Tahoma,system-ui,sans-serif}
[dir=rtl] .kal-booking,[dir=rtl] .vagt,[dir=rtl] .tid-knapper button{direction:rtl}
[dir=rtl] .vagt-menu{left:auto;right:0}
[dir=rtl] .vagt-gitter td:nth-last-child(-n+2) .vagt-menu{right:auto;left:0}
[dir=rtl] .knap-ikon,[dir=rtl] .maaned-skift a[aria-label]{transform:scaleX(-1)}
.mobil-top{display:none}
@media(max-width:860px){
  .mobil-top{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--side);color:#efe9e1;position:sticky;top:0;z-index:25}
  .mobil-salon{font-weight:600;font-size:14px;margin-inline-end:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mobil-top .app-sprog{margin:0}
  .mobil-top .link-knap{color:#cfc7bd;font-size:13px}
}
[dir=rtl] .side{inset:0 0 0 auto}
@media(min-width:861px){[dir=rtl] .hoved{margin-left:0;margin-right:236px}}
/* Fakturaer (0.20.0) */
.fak-ops summary{cursor:pointer;list-style:none;display:flex;gap:8px;align-items:center}
.fak-ops summary::after{content:"Indstillinger ▾";margin-left:auto;font-size:13px;color:#7a716b}
.fak-form{display:flex;flex-direction:column;gap:12px;margin-top:14px}
.fak-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.fak-grid[hidden],.fak-ops [data-s][hidden]{display:none}
.fak-faner{display:flex;gap:6px;flex-wrap:wrap;margin:18px 0 10px}
.fak-faner a{padding:8px 14px;border-radius:999px;background:#fff;border:1px solid #e9e3dc;color:#1f1b18;text-decoration:none;font-size:14px;font-weight:600}
.fak-faner a span{display:inline-block;min-width:20px;padding:0 6px;margin-left:4px;border-radius:999px;background:#f3eee8;font-size:12px;text-align:center}
.fak-faner a.aktiv{background:#1f1b18;color:#fff;border-color:#1f1b18}.fak-faner a.aktiv span{background:#3a332e;color:#fff}
.fak-bulk{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:12px 16px;border-bottom:1px solid #eee6de}
.fak-tabel .tal{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.fak-tabel td:first-child{width:28px}
.knap-lille{padding:6px 12px;font-size:13px;min-height:0}
.fak-note{padding:10px 16px}
@media (max-width:640px){
  .fak-ops summary::after{content:"▾"}
  .fak-tabel thead{display:none}
  .fak-tabel,.fak-tabel tbody{display:block}
  .fak-tabel tr{display:grid;grid-template-columns:28px 1fr auto;column-gap:10px;row-gap:2px;padding:12px 14px;border-bottom:1px solid #eee6de}
  .fak-tabel td{display:block;padding:0;border:0;width:auto!important}
  .fak-tabel td:first-child{grid-row:1/span 3}
  .fak-tabel tr>td:nth-child(2){grid-column:2;font-size:13px;color:#7a716b}
  .fak-tabel tr>td:nth-child(3){grid-column:2;font-weight:600}
  .fak-tabel tr>td:nth-child(4){grid-column:2;font-size:14px}
  .fak-tabel tr>td:nth-child(5){grid-column:3;grid-row:1;font-weight:700}
  .fak-tabel tr>td:nth-child(6){grid-column:3;grid-row:2/span 2;align-self:end;text-align:right}
  .fak-tabel.uden-valg tr{grid-template-columns:1fr auto}
  .fak-tabel.uden-valg tr>td:nth-child(1){grid-column:1;grid-row:auto;font-size:13px;color:#7a716b}
  .fak-tabel.uden-valg tr>td:nth-child(2){grid-column:1;font-size:inherit;color:inherit;font-weight:600}
  .fak-tabel.uden-valg tr>td:nth-child(3){grid-column:1;font-weight:400;font-size:14px}
  .fak-tabel.uden-valg tr>td:nth-child(4){grid-column:2;grid-row:1;font-weight:700}
  .fak-tabel.uden-valg tr>td:nth-child(5){grid-column:1/span 2;grid-row:auto;font-weight:400;text-align:left;font-size:13px}
}
.proev-banner{background:#fff6e5;border:1px solid #f0d9a8;color:#5a4320;border-radius:10px;padding:10px 14px;margin:0 0 14px;font-size:14px}
.proev-banner a{font-weight:600;color:inherit}
.proev-pakker{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:4px 0 2px}
.proev-pakker label{border:1px solid #e1d9cf;border-radius:10px;padding:10px;text-align:center;cursor:pointer;font-size:14px;background:#fff}
.proev-pakker input{position:absolute;opacity:0}
.proev-pakker label:has(input:checked){border-color:#1f1b18;box-shadow:0 0 0 2px #1f1b18 inset}
.proev-pakker strong{display:block;font-size:16px}
.proev-fordele{margin:6px 0 16px;padding:0;list-style:none;font-size:14px;color:#4b443e}
.proev-fordele li::before{content:"✓ ";color:#2f7d4b;font-weight:700}
.tom-boks.bred{max-width:560px}
.skjult-felt{position:absolute;left:-5000px}

/* Hjælp og Kom i gang */
.hjaelp-boks{background:var(--flade);border:1px solid var(--streg);border-radius:var(--r);margin:0 0 18px;font-size:14px}
.hjaelp-boks summary{cursor:pointer;padding:10px 14px;font-weight:600;list-style:none;display:flex;align-items:center;gap:8px}
.hjaelp-boks summary::-webkit-details-marker{display:none}
.hjaelp-vis,.hjaelp-skjul{margin-inline-start:auto;font-weight:500;font-size:12.5px;color:var(--daempet)}.hjaelp-skjul,.hjaelp-boks[open] .hjaelp-vis{display:none}.hjaelp-boks[open] .hjaelp-skjul{display:inline}
.hjaelp-boks ul{margin:0;padding:0 18px 4px 36px;line-height:1.55}.hjaelp-boks li{margin:0 0 6px}
.hjaelp-boks p{margin:6px 14px 12px;color:var(--daempet)}
.hjaelp-ikon{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--acc);color:var(--paa-acc);font:700 12px/1 Inter,sans-serif;flex:none}
.kig-pille{display:inline-block;margin:0 0 12px;padding:7px 14px;border-radius:999px;background:color-mix(in srgb,var(--acc) 14%,var(--flade));color:var(--tekst);font-weight:600;font-size:13.5px;text-decoration:none}
.kig-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.kig-top h2{margin:0}.kig-tal{color:var(--daempet);font-weight:600}
.kig-bar{height:8px;border-radius:99px;background:var(--streg);margin:12px 0 6px;overflow:hidden}.kig-bar span{display:block;height:100%;background:var(--ok)}
.kig-trin{list-style:none;margin:0;padding:0}
.kig-trin li{display:grid;grid-template-columns:32px 1fr auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--streg)}
.kig-trin li:last-child{border-bottom:0}
.kig-nr{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:2px solid var(--streg);font-weight:700;color:var(--daempet)}
.kig-trin li.ok .kig-nr{background:var(--ok);border-color:var(--ok);color:#fff}
.kig-trin li.ok strong{color:var(--daempet);text-decoration:line-through}
.kig-tekst{display:flex;flex-direction:column;gap:2px}
.kig-handling{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.kig-klar{margin:12px 0 0;padding:12px 14px;border-radius:10px;background:color-mix(in srgb,var(--ok) 12%,var(--flade))}
.kopi-felt{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 18px}.kopi-felt input{flex:1 1 260px;min-width:0}
.del-gitter{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-bottom:14px}
.del-gitter>div{border:1px solid var(--streg);border-radius:10px;padding:12px 14px}.del-gitter h3{margin:0 0 4px;font-size:15px}.del-gitter p{margin:0}
.ord-liste{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:4px 24px;margin:0}
.ord-liste div{padding:8px 0;border-bottom:1px solid var(--streg)}.ord-liste dt{font-weight:700}.ord-liste dd{margin:2px 0 0;color:var(--daempet);font-size:14px}
.mobil-hjaelp{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--acc);color:var(--paa-acc);font-weight:700;text-decoration:none;flex:none}
@media(max-width:600px){.kig-trin li{grid-template-columns:32px 1fr}.kig-handling{grid-column:2;align-items:flex-start;flex-direction:row;flex-wrap:wrap}}
.tjek input[type=checkbox]{flex:none;width:18px;height:18px;margin:0}
.proev-vilkaar{align-items:flex-start;gap:12px;padding:12px 14px;border:1px solid #e1d9cf;border-radius:10px;background:#fff;line-height:1.45}
.proev-vilkaar input[type=checkbox]{width:22px;height:22px;margin-top:1px}
.proev-vilkaar:has(input:checked){border-color:#1f1b18}
.skriv-link{display:block;margin-top:8px;color:#b9b0a6;font-weight:500}.skriv-form{max-width:640px}
.guide{margin:6px 0 14px;border:1px solid var(--streg);border-radius:10px;background:var(--bg);font-size:14px}
.guide summary{cursor:pointer;padding:9px 12px;font-weight:600;color:var(--acc)}
.guide ol{margin:0;padding:0 16px 12px 34px;line-height:1.55}.guide li{margin-bottom:4px}
.guide code{background:var(--flade);border:1px solid var(--streg);border-radius:4px;padding:0 4px;font-size:12.5px}
