/* =====================================================================
   DELER MED (handoff 235) - deler-med.js. Kun roller (--m-*) og hudens form (--ss-*, startskaerm.css + public/hud/*.css).
   Arkene bruger husets egne klasser (kreds-bagtaeppe, kreds-boks bp rv-ark, tv-*, rks-*) - her står kun det nye.
   Rød er kun optagelsen. Klasser dm-.
   ===================================================================== */

/* ---------- tegnene og mærket "tegn + ord" ---------- */
.dm-ik{width:13px;height:13px;flex:none;display:inline-block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vertical-align:-2px}
.dm-pub{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;color:var(--ss-acc,var(--m-accent))}
.dm-pub b{font-weight:600}
.dm-pub.dm-mig{color:var(--m-muted)}

/* underlinjerne: kort A (.ss-rs, .ss-vs), forsidens vælger (.fv-vu, .fv-ddu), rækkens hoved (.rks-meta) */
#ss .ss-rs,#ss .ss-vs{display:flex;align-items:center;gap:5px;white-space:nowrap;overflow:hidden}
.fv-vu{display:flex!important;align-items:center;gap:5px}
.rks-meta{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.rks-meta .dm-ik,.fv-vu .dm-ik{width:13px;height:13px}

/* ---------- 1 · arket "Hvilken møderække?": samlinger som husets versalhoved (tv-label) ---------- */
.dm-gr{appearance:none;-webkit-appearance:none;box-sizing:border-box;width:100%;min-height:34px;margin:6px 0 4px;padding:0 2px;
  display:flex;align-items:center;gap:8px;border:0;background:none;cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent}
.dm-gr .dm-ik{width:14px;height:14px;stroke-width:1.8}
.dm-gr.dm-gr-uden{cursor:default}
.dm-gr-n{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dm-gr-t{font:500 11px/1 var(--ss-mono,ui-monospace,Menlo,monospace);letter-spacing:0}
.dm-gr-p{width:14px;text-align:center;font-size:12px}
.dm-gr:focus-visible{outline:2px solid var(--m-accent);outline-offset:2px}
.dm-sq{width:10px;height:10px;flex:none;display:block;border-radius:var(--ss-sq,0)}
.tv-r.dm-r .dm-pub{flex:none;font-size:12px}
.tv-r.dm-r .dm-pub .dm-ik{width:14px;height:14px}
.dm-ck{width:14px;flex:none;text-align:center;color:var(--m-accent)}
.tv-r.dm-her{opacity:.55;cursor:default}
.dm-ark .tv-liste{margin-top:6px}

/* ---------- 1 · computerens rullemenu (fv-dd) ---------- */
.dm-fvgr{appearance:none;-webkit-appearance:none;box-sizing:border-box;width:100%;min-height:36px;display:flex;align-items:center;gap:8px;padding:0 12px;
  border:0;border-top:1px solid var(--m-field);background:var(--m-bg);cursor:pointer;text-align:left;
  font:700 11px/1 Barlow,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--m-muted)}
.fv-ddl > .dm-fvgr:first-child{border-top:0}
.dm-fvgr.dm-gr-uden{cursor:default}
.dm-fvgr .dm-ik{width:13px;height:13px;stroke-width:1.8}
.fv-ddr.dm-ind{padding-left:28px}
.fv-ddr .dm-pub{flex:none;font-size:12px}
.fv-ddr .dm-pub .dm-ik{width:14px;height:14px}

/* ---------- 2 · linjen under optageknappen ---------- */
.dm-linje{-webkit-appearance:none;appearance:none;box-sizing:border-box;margin:14px auto 0;min-height:30px;max-width:300px;display:flex;align-items:center;gap:6px;
  padding:0 6px;border:0;background:none;cursor:pointer;font:400 13px/1.2 var(--ss-body,var(--m-font-body,inherit));color:var(--m-muted);white-space:nowrap;
  -webkit-tap-highlight-color:transparent}
.dm-linje .dm-ik{width:15px;height:15px;stroke-width:1.8;color:var(--ss-acc,var(--m-accent))}
.dm-linje.mig .dm-ik{color:var(--m-muted)}
.dm-linje > span{min-width:0;overflow:hidden;text-overflow:ellipsis}
.dm-linje b{font-weight:600;color:var(--m-text)}
.dm-linje i{font-style:normal;color:var(--ss-acc,var(--m-accent))}
.dm-linje.ink,.dm-linje.ink b,.dm-linje.ink .dm-ik{color:var(--m-incognito)}
.dm-linje:disabled{cursor:default}
.dm-linje:focus-visible{outline:2px solid var(--m-accent);outline-offset:2px}
.dm-timer{margin:2px auto 0;max-width:280px;font:400 12px/1.3 var(--ss-body,var(--m-font-body,inherit));color:var(--m-muted);text-align:center}
.dm-timer[hidden]{display:none}
#view-record.kompakt .dm-linje,#view-record.o3-paa .dm-linje,#view-record.kompakt .dm-timer,#view-record.o3-paa .dm-timer,
#view-record.kompakt .dm-laes,#view-record.o3-paa .dm-laes{display:none}

/* telefonens startskærm (199): samme kolonne som knappen (12 px til højre for margenstregen), mellem knappen og kontakterne.
   .sam-valg og #ink-linje har order 3 - linjen står før dem i DOM'en og har samme order. */
body:not(.sk-paa) #view-record.ss-klar:not(.kompakt):not(.o3-paa) .dm-linje,
body:not(.sk-paa) #view-record.ss-klar:not(.kompakt):not(.o3-paa) .dm-timer,
body:not(.sk-paa) #view-record.ss-klar:not(.kompakt):not(.o3-paa) .dm-laes{order:3;position:relative;left:12px}
body:not(.sk-paa) #view-record.ss-klar:not(.kompakt):not(.o3-paa) .sam-valg{margin-top:6px}

/* computeren (computer.css §5): gitteret får én række mere til linjen og én til timerne */
@media (min-width:900px), (hover:hover) and (pointer:fine){
  html body.sk-paa:not(.samtykke) #view-record:not(.kompakt):not(.o3-paa) .record-area{grid-template-rows:1fr auto auto auto auto auto auto auto 1fr}
  html body.sk-paa:not(.samtykke) #view-record:not(.kompakt):not(.o3-paa) .dm-laes{grid-row:3}
  html body.sk-paa:not(.samtykke) #view-record:not(.kompakt):not(.o3-paa) .dm-linje{grid-row:4}
  html body.sk-paa:not(.samtykke) #view-record:not(.kompakt):not(.o3-paa) .dm-timer{grid-row:5}
  html body.sk-paa:not(.samtykke) #view-record:not(.kompakt):not(.o3-paa) .sam-valg,
  html body.sk-paa:not(.samtykke) #view-record:not(.kompakt):not(.o3-paa) .ink-linje{grid-row:6}
  html body.sk-paa:not(.samtykke) #view-record:not(.kompakt):not(.o3-paa) .kilde-linje{grid-row:7}
  html body.sk-paa:not(.samtykke) #view-record:not(.kompakt):not(.o3-paa) .rec-advarsel,
  html body.sk-paa:not(.samtykke) #view-record:not(.kompakt):not(.o3-paa) #upload-state{grid-row:8}
  /* med samtykke: QR 2 · knap 3 · "N af 6 er med" 4 · linjen 5 · timerne 6 · kontakterne 7 · lydkilden 8 · advarsel 9 */
  html body.sk-paa.samtykke #view-record:not(.kompakt):not(.o3-paa) .record-area{grid-template-rows:1fr auto auto auto auto auto auto auto auto 1fr}
  html body.sk-paa.samtykke #view-record:not(.kompakt):not(.o3-paa) .dm-linje{grid-row:5}
  html body.sk-paa.samtykke #view-record:not(.kompakt):not(.o3-paa) .dm-timer{grid-row:6}
  html body.sk-paa.samtykke #view-record:not(.kompakt):not(.o3-paa) .sam-valg{grid-row:7}
  html body.sk-paa.samtykke #view-record:not(.kompakt):not(.o3-paa) .kilde-linje{grid-row:8}
  html body.sk-paa.samtykke #view-record:not(.kompakt):not(.o3-paa) .rec-advarsel,
  html body.sk-paa.samtykke #view-record:not(.kompakt):not(.o3-paa) #upload-state{grid-row:9}
  body.sk-paa #view-record:not(.kompakt):not(.o3-paa) .dm-linje,
  body.sk-paa #view-record:not(.kompakt):not(.o3-paa) .dm-timer,
  body.sk-paa #view-record:not(.kompakt):not(.o3-paa) .dm-laes{grid-column:1;justify-self:center}
  body.sk-paa .dm-linje{min-height:32px;margin-top:4px;gap:7px;font-size:14px;max-width:560px}
  body.sk-paa .dm-linje .dm-ik{width:16px;height:16px}
  body.sk-paa .dm-timer{font-size:13px;max-width:400px}
}

/* ---------- 2 · mærket i båndet under optagelsen (samme form som .sam-baand) ---------- */
.dm-baand{-webkit-appearance:none;appearance:none;display:flex;align-items:center;gap:6px;flex:0 1 auto;min-width:0;margin:0 0 0 10px;padding:6px 0;border:0;background:none;
  color:inherit;cursor:pointer;font:700 12px/1.2 var(--m-font-body,inherit);opacity:.9;white-space:nowrap;overflow:hidden}
.dm-baand .dm-ik{width:14px;height:14px}
.dm-baand span{overflow:hidden;text-overflow:ellipsis}

/* ---------- 6 · den inviterede: knappen venter (samtykkets vente-form, 205c) · Kan læse ---------- */
#view-record:not(.kompakt):not(.o3-paa) #rec-button.dm-venter{background-color:var(--m-field)!important;border:2.5px dashed var(--m-rec)!important;
  box-sizing:border-box;display:grid;place-items:center;cursor:pointer}
#rec-button.dm-venter .rec-dot{display:none!important}
.dm-knaptekst{display:none;max-width:88px;font:700 14px/1.15 var(--m-font-body,inherit);text-align:center;color:var(--m-consent);pointer-events:none}
#rec-button.dm-venter .dm-knaptekst{display:block}
body.sk-paa #rec-button.dm-venter .dm-knaptekst{max-width:120px;font-size:16px;line-height:1.2}
.dm-laes{display:none}
#view-record.dm-laeser:not(.kompakt):not(.o3-paa) .dm-laes{display:flex;flex-direction:column;align-items:center;gap:6px;width:280px;max-width:100%;margin:10px auto 0;text-align:center}
#view-record.dm-laeser:not(.kompakt):not(.o3-paa) #rec-button,
#view-record.dm-laeser:not(.kompakt):not(.o3-paa) .sam-valg,
#view-record.dm-laeser:not(.kompakt):not(.o3-paa) .sam-under,
#view-record.dm-laeser:not(.kompakt):not(.o3-paa) #ink-linje,
#view-record.dm-laeser:not(.kompakt):not(.o3-paa) #kilde-linje,
#view-record.dm-laeser:not(.kompakt):not(.o3-paa) .dm-linje{display:none!important}
.dm-laes .dm-ik{width:30px;height:30px;stroke-width:1.5;color:var(--ss-acc,var(--m-accent))}
.dm-laes b{font:700 15px/1.25 var(--m-font-body,inherit);color:var(--m-text)}
.dm-laes span{font:400 13px/1.4 var(--m-font-body,inherit);color:var(--m-muted)}
.dm-laes button{appearance:none;border:0;background:none;min-height:40px;padding:0 6px;font:700 14px/1 var(--m-font-body,inherit);color:var(--ss-acc,var(--m-accent));cursor:pointer}
body.sk-paa .dm-laes .dm-ik{width:36px;height:36px}
body.sk-paa .dm-laes b{font-size:17px}
body.sk-paa .dm-laes span{font-size:14px}
body.sk-paa #view-record.dm-laeser:not(.kompakt):not(.o3-paa) .dm-laes{width:360px}

/* ---------- arkene (kreds-boks bp rv-ark) ---------- */
.dm-ark{border-radius:var(--ss-r,0)}
.dm-under{flex:none;margin:0 0 6px;font:400 13px/1.4 var(--m-font-body,Barlow,sans-serif);color:var(--m-muted)}
.dm-krop{flex:0 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.dm-boks{display:flex;gap:10px;align-items:flex-start;margin-top:8px;padding:12px;border-radius:var(--ss-fr,0);background:var(--m-consent-tint);
  font:400 14px/1.45 var(--m-font-body,Barlow,sans-serif);color:var(--m-text)}
.dm-boks .dm-ik{width:20px;height:20px;stroke-width:1.8;color:var(--m-consent)}
.dm-av{display:flex;align-items:center;gap:4px;margin-top:12px;font-size:12px;color:var(--m-muted)}
.dm-av i{width:26px;height:26px;display:grid;place-items:center;border-radius:var(--ss-ir,0);color:var(--m-ink-fg);font:700 10px/1 var(--m-font-body,Barlow,sans-serif);font-style:normal}
.dm-av span{margin-left:6px}
.dm-knapper{display:flex;flex-direction:column;gap:6px;margin-top:16px}
.dm-ja{appearance:none;-webkit-appearance:none;border:0;width:100%;min-height:52px;border-radius:var(--ss-br,0);background:var(--m-ink);color:var(--m-ink-fg);
  font:700 16px/1 var(--m-font-body,Barlow,sans-serif);cursor:pointer}
.dm-ja:disabled{opacity:.6}
.dm-nej{appearance:none;-webkit-appearance:none;border:0;background:none;min-height:46px;font:700 15px/1 var(--m-font-body,Barlow,sans-serif);color:var(--m-accent);cursor:pointer}
.dm-send{margin-top:14px}
.dm-in{display:block;width:100%;box-sizing:border-box;height:46px;margin:8px 0 0;padding:0 12px;border:1.5px solid var(--ss-acc,var(--m-accent));border-radius:var(--ss-fr,0);
  background:var(--m-bg);color:var(--m-text);font:400 16px/1 var(--m-font-body,Barlow,sans-serif);outline:none;box-shadow:none}
.dm-k{margin:16px 0 8px;font:700 12px/1 var(--m-font-body,Barlow,sans-serif);letter-spacing:.12em;text-transform:uppercase;color:var(--m-muted)}
.dm-gave{margin-top:10px;padding:12px;border-radius:var(--ss-fr,0);background:var(--m-ok-tint);font:400 14px/1.45 var(--m-font-body,Barlow,sans-serif);color:var(--m-text)}
.dm-gave[hidden]{display:none}
.dm-fod{margin:8px 0 0;font:400 12px/1.4 var(--m-font-body,Barlow,sans-serif);color:var(--m-muted)}
.rks-r.dm-fra{opacity:.45;cursor:default}
.dm-hv{cursor:default}
.dm-hv .dm-p-av{width:26px;height:26px;font-size:10px}
.dm-ark .tv-intetp{margin-top:6px}
@media (min-width:900px), (hover:hover) and (pointer:fine){
  .dl-bag .dm-knapper{flex-direction:row-reverse;justify-content:flex-start;gap:10px;margin-top:18px}
  .dl-bag .dm-ja{width:auto;min-height:44px;padding:0 18px;font-size:15px}
  .dl-bag .dm-nej{min-height:44px;padding:0 16px}
  .sk-panel .dm-in{height:44px;font-size:15px}
  .sk-panel .dm-send{min-height:48px;font-size:15px}
}

/* ---------- 5 · "Deler med" på rækkens side (rks-) ---------- */
.dm-blok .rks-bh .rks-k{margin:0}
.dm-kort{background:var(--m-surface);border:1px solid var(--m-line);overflow:hidden}
.dm-top{min-height:64px;display:flex;align-items:center;gap:12px;padding:10px 14px;box-sizing:border-box}
.dm-top-ik{width:34px;height:34px;flex:none;display:grid;place-items:center;background:var(--m-tint)}
.dm-top-ik .dm-ik{width:18px;height:18px;stroke-width:1.8;color:var(--m-accent)}
.dm-top.mig .dm-top-ik .dm-ik{color:var(--m-muted)}
.dm-top-m{flex:1;min-width:0}
.dm-top-m b{display:block;font:700 15px/1.2 Barlow,sans-serif;color:var(--m-text)}
.dm-top-m span{display:block;margin-top:2px;font:400 12px/1.35 Barlow,sans-serif;color:var(--m-muted)}
.dm-ret{appearance:none;-webkit-appearance:none;border:0;background:none;min-height:36px;padding:0 4px;font:700 13px/1 Barlow,sans-serif;color:var(--m-accent);cursor:pointer;white-space:nowrap}
.rks-bh .dm-ret{font-size:14px;min-height:32px}
.dm-dato{min-height:36px;box-sizing:border-box;border:1px solid var(--m-line);background:var(--m-surface);padding:0 8px;font:400 14px/1 Barlow,sans-serif;color:var(--m-text)}
.dm-anm{min-height:56px;display:flex;align-items:center;gap:10px;padding:8px 14px;border-top:1px solid var(--m-field);background:var(--m-wait-tint);box-sizing:border-box}
.dm-anm-t{flex:1;min-width:0;font:400 13px/1.35 Barlow,sans-serif;color:var(--m-text)}
.dm-anm-t span{color:var(--m-muted)}
.dm-afvis{appearance:none;border:0;background:none;min-height:34px;padding:0 8px;font:700 13px/1 Barlow,sans-serif;color:var(--m-accent);cursor:pointer}
.dm-godkend{appearance:none;border:0;min-height:34px;padding:0 12px;background:var(--m-ink);color:var(--m-ink-fg);font:700 13px/1 Barlow,sans-serif;cursor:pointer}
.dm-p{appearance:none;-webkit-appearance:none;width:100%;min-height:60px;display:flex;align-items:center;gap:10px;padding:8px 12px 8px 14px;margin:0;
  border:0;border-top:1px solid var(--m-field);background:var(--m-surface);text-align:left;cursor:pointer;color:var(--m-text);box-sizing:border-box;font:inherit}
.dm-p:disabled{cursor:default;opacity:1}
.dm-p.aaben{background:var(--m-tint)}
.dm-p:focus-visible{outline:2px solid var(--m-accent);outline-offset:-2px}
.dm-p-av{width:28px;height:28px;flex:none;display:grid;place-items:center;color:var(--m-ink-fg);font:700 11px/1 Barlow,sans-serif;font-style:normal}
.dm-p-m{flex:1;min-width:0}
.dm-p-n{display:block;font:700 14px/1.2 Barlow,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dm-p-s{display:block;margin-top:2px;font:400 12px/1.3 Barlow,sans-serif;color:var(--m-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dm-p-k{display:block;margin-top:2px;font:400 12px/1.3 Barlow,sans-serif;color:var(--m-ok)}
.dm-rolle{flex:none;min-height:28px;display:flex;align-items:center;padding:0 9px;font:700 12px/1 Barlow,sans-serif;white-space:nowrap;background:var(--m-field);color:var(--m-muted)}
.dm-rolle.ejer{background:var(--m-ink);color:var(--m-ink-fg)}
.dm-rolle.opt{background:var(--m-ok-tint);color:var(--m-ok)}
.dm-ret-p{padding:4px 14px 12px 52px;background:var(--m-tint);display:flex;flex-direction:column;gap:8px}
.dm-ret-p > span{font:400 12px/1.4 Barlow,sans-serif;color:var(--m-muted)}
.dm-seg{display:flex;border:1.5px solid var(--m-ink)}
.dm-seg button{appearance:none;flex:1;min-height:38px;border:0;background:var(--m-surface);color:var(--m-text);font:700 13px/1 Barlow,sans-serif;cursor:pointer}
.dm-seg button.on{background:var(--m-ink);color:var(--m-ink-fg)}
.dm-seg button:disabled{opacity:.4;cursor:default}
.dm-fjern{appearance:none;align-self:flex-start;border:0;background:none;min-height:32px;padding:0;font:700 13px/1 Barlow,sans-serif;color:var(--m-text);cursor:pointer}
.dm-flere{appearance:none;width:100%;min-height:44px;border:0;border-top:1px solid var(--m-field);background:var(--m-surface);padding:0 16px;text-align:left;
  font:700 13px/1 Barlow,sans-serif;color:var(--m-accent);cursor:pointer}
.dm-blok > .rks-fk{margin:8px 0 0}
/* Møder i rækken: ⋯ i stedet for pilen · møder før rummets start */
.rks-mo-r .dm-mo-x{width:40px;height:40px;flex:none;display:grid;place-items:center;margin-right:-6px;font-size:18px;color:var(--m-muted);cursor:pointer}
.rks-mo-r .dm-mo-x:hover{color:var(--m-text)}
.dm-foer{display:inline-flex;align-items:center;gap:4px}
.dm-foer .dm-ik{width:12px;height:12px}
.dm-delrum{display:flex;min-height:30px;align-items:center;font:700 13px/1 Barlow,sans-serif;color:var(--m-accent);cursor:pointer}
.rks-mo-u:has(.dm-delrum){display:flex;flex-wrap:wrap;align-items:center;column-gap:4px}
.rks-mo-u .dm-delrum{flex-basis:100%}
/* det gamle bag ved det nye: Deltagere og Møderum med login er nu "Deler med" (skjult, ikke slettet) */
.rks.dm-paa .rks-blok:has(> #rks-del){display:none}
.rks.dm-paa #rks-rum,.rks.dm-paa #rks-rum-p{display:none!important}
@media (min-width:900px), (hover:hover) and (pointer:fine){
  body.sk-paa .dm-p{min-height:56px}
  body.sk-paa .dm-p-av{width:30px;height:30px}
  body.sk-paa .dm-blok > .rks-fk{font-size:12px}
}

@media (prefers-reduced-motion:reduce){.dm-linje,.dm-baand{transition:none}}

/* =====================================================================
   v454 · handoff 235b (Robin 26-27/10): kort A viser alle rækker med ét tryk · + Ny møderække øverst som én smal linje ·
   navnet + ▾ er vælgeren (valget står) · ✕ fjerner valget · Dagsorden først, når en række er valgt
   ===================================================================== */
/* listen: + Ny øverst, samlingernes hoved, ✓ */
#ss .ss-ny1{appearance:none;-webkit-appearance:none;box-sizing:border-box;width:100%;min-height:40px;margin:0;padding:0 14px;display:flex;align-items:center;gap:8px;
  border:0;border-top:1px solid var(--m-line-soft);background:none;cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;
  font:600 14px/1 var(--ss-body,var(--m-font-body,inherit));color:var(--ss-acc,var(--m-accent))}
#ss .ss-ny1 span{width:12px;text-align:center;font-size:16px;line-height:1}
#ss .ss-gr{appearance:none;-webkit-appearance:none;box-sizing:border-box;width:100%;min-height:34px;margin:0;padding:0 14px;display:flex;align-items:center;gap:8px;
  border:0;border-top:1px solid var(--m-line-soft);background:none;cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;
  font:600 11px/1 var(--ss-kick,'Barlow Condensed',sans-serif);letter-spacing:.12em;text-transform:uppercase;color:var(--m-muted)}
#ss .ss-gr.ss-gr-uden{cursor:default}
#ss .ss-gr svg{width:14px;height:14px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}
#ss .ss-gr-n{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#ss .ss-gr-t{font:500 11px/1 var(--ss-mono,ui-monospace,Menlo,monospace);letter-spacing:0}
#ss .ss-gr-p{width:14px;text-align:center;font-size:12px}
#ss .ss-r .ss-ck{width:14px;flex:none;margin-left:auto;text-align:center;color:var(--ss-acc,var(--m-accent))}
#ss .ss-vliste{border-top:1px solid var(--m-line-soft)}
/* rækkens kort: navnet + ▾ er vælgeren, samlingen som kicker, ⚙ og ✕ */
#ss .ss-vbtn{appearance:none;-webkit-appearance:none;flex:1;min-width:0;min-height:52px;margin:0;padding:0;border:0;background:none;color:inherit;text-align:left;cursor:pointer;
  display:flex;flex-direction:column;justify-content:center;font:inherit;-webkit-tap-highlight-color:transparent}
#ss .ss-valgt .ss-vn{display:flex;align-items:center;gap:6px;min-width:0}
#ss .ss-vnt{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#ss .ss-vpil{flex:none;font-size:13px;color:var(--ss-acc,var(--m-accent));transition:transform 200ms}
#ss .ss-vbtn[aria-expanded="true"] .ss-vpil{transform:rotate(180deg)}
#ss .ss-vk{display:block;margin-bottom:3px;font:600 11px/1 var(--ss-kick,'Barlow Condensed',sans-serif);letter-spacing:.12em;text-transform:uppercase;color:var(--m-muted);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#ss .ss-tand{width:36px;height:44px}
#ss .ss-fjern{appearance:none;-webkit-appearance:none;width:36px;height:44px;flex:none;margin-right:-6px;padding:0;border:0;background:none;display:grid;place-items:center;
  font-size:15px;line-height:1;color:var(--m-muted);cursor:pointer;-webkit-tap-highlight-color:transparent}
#ss .ss-ny1:focus-visible,#ss .ss-gr:focus-visible,#ss .ss-vbtn:focus-visible,#ss .ss-fjern:focus-visible,.dm-fv-x:focus-visible{outline:2px solid var(--m-accent);outline-offset:-2px}
/* Dagsorden: kun med en valgt række - glider ind under rækkens kort */
#ss #ss-b[hidden]{display:none!important}
@keyframes dm-dag-ind{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
#ss #ss-b.dm-ind{animation:dm-dag-ind 320ms cubic-bezier(.2,.7,.2,1) 120ms both}
/* computeren: låsen ved Ingen, + Ny nederst i rullemenuen, ✕ i feltet */
.fv-ddi.dm-ingen{gap:10px}
.fv-ddi.dm-ingen .dm-ik{color:var(--m-muted)}
.fv-ddi.dm-ny{font-weight:600;color:var(--m-accent)}
.dm-fv-x{width:32px;height:32px;flex:none;margin-right:-4px;display:grid;place-items:center;font-size:14px;line-height:1;color:var(--m-muted);cursor:pointer}
.dm-fv-x:hover{color:var(--m-text)}
@media (prefers-reduced-motion:reduce){#ss #ss-b.dm-ind{animation:none}#ss .ss-vpil{transition:none}}

/* v487: Send invitationen (igen) · Kopiér linket - under personen, når de ikke er aktive endnu */
.dm-inv{display:flex;flex-wrap:wrap;gap:6px 18px}