/* =====================================================================
   MARGIN PÅ COMPUTEREN (v405, handoff 180, Robin 18/10)
   Samme skærme og funktioner. Under 900 px: telefonen præcis som i dag - INTET her gælder dér.
   900-1179 px: skinnen 64 px (tegn + navn under), ark glider ind fra højre (420 px), Esc lukker.
   Fra 1180 px: skinnen 220 px, ark som panel til højre (440 px).
   Skinnens farver (--h-rail m.fl.) er roller fra margin-farver.css (v410, handoff 191): skinnen er --m-dark og
   teksten på den --field-text (Signal sætter den til --m-text i signal.css). Hudene sætter intet her længere.
   ===================================================================== */
:root{--h-rail:var(--m-dark);--h-railFg:var(--field-text);--h-actMuted:var(--m-on-dark);--h-actMuted2:var(--m-faint);--h-skBg:var(--m-bg);--h-skTekst:var(--m-text);--h-skRec:var(--m-rec);--h-skAcc:var(--m-accent)}

.sk{display:none}
/* v405b: computerens lag findes kun, når skinnen er slået til (bredt vindue) - også i Chromes telefonvisning er de væk */
.fs-klar,.fs-rk,.fs-dk-v,.ml,.crk-pc,.crk-knapper,.crk-naeste{display:none}

@media (min-width:900px), (hover:hover) and (pointer:fine){
  /* ---------- 1 · skinnen ---------- */
  body.sk-paa{padding-left:64px}
  body.sk-paa .tabbar{display:none}
  body.sk-paa .view{padding-bottom:24px}
  body.sk-paa .sk{display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;width:64px;z-index:8;
    box-sizing:border-box;padding:14px 6px 12px;background:var(--h-rail);color:var(--h-railFg);overflow-y:auto;
    font-family:Barlow,sans-serif}
  .sk-maerke{display:flex;align-items:center;justify-content:center;gap:10px;padding:2px 0 18px}
  .sk-logo{position:relative;width:20px;height:20px;display:block;flex:none}
  .sk-logo i{position:absolute;height:2px;background:var(--h-railFg)}
  .sk-logo i:nth-child(1){left:3px;top:0;bottom:0;width:2px;height:auto;background:var(--h-skRec)}
  .sk-logo i:nth-child(2){left:9px;top:3px;width:11px}
  .sk-logo i:nth-child(3){left:9px;top:9px;width:11px}
  .sk-logo i:nth-child(4){left:9px;top:15px;width:7px}
  .sk-navn{display:none;font:600 22px/1 'Barlow Condensed',sans-serif;color:var(--h-railFg)}
  .sk-p,.sk-v{appearance:none;border:0;background:none;cursor:pointer;color:var(--h-actMuted);text-align:left;
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:52px;padding:6px 2px;
    font:600 10px/1.1 Barlow,sans-serif;width:100%;box-sizing:border-box}
  .sk-p svg,.sk-v svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
  .sk-p:hover,.sk-v:hover{color:var(--h-railFg);background:rgba(255,255,255,.06)}
  .sk-p:focus-visible,.sk-v:focus-visible{outline:2px solid var(--h-railFg);outline-offset:-2px}
  .sk-p.valgt,.sk-v.valgt{background:var(--h-skBg);color:var(--h-skTekst);font-weight:700}
  .sk-prik{width:9px;height:9px;border-radius:50%;background:var(--h-skRec);flex:none;margin:5px 0}
  .sk-tid{display:none;font:500 11px/1 ui-monospace,Menlo,monospace;color:var(--m-rec)}
  .sk-optag.rec .sk-tid{display:block}
  .sk-optag.rec .sk-prik{animation:sk-puls 1.6s ease-in-out infinite}
  @keyframes sk-puls{50%{opacity:.35}}
  .sk-streg{height:1px;background:rgba(255,255,255,.12);margin:10px 6px}
  .sk-kicker{display:none;font:700 11px/1 Barlow,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--h-actMuted2);padding:0 12px 8px}
  .sk-fyld{flex:1}
  .sk-konto{border-top:1px solid rgba(255,255,255,.12);margin-top:8px;padding-top:10px}
  .sk-av{width:28px;height:28px;display:grid;place-items:center;background:var(--h-skAcc);color:var(--m-ink-fg);font:700 11px/1 Barlow,sans-serif;flex:none}

  /* ---------- 2 · højst 720 px på tekst og formularer ---------- */
  body.sk-paa :is(#view-account,#view-incognito,#view-mennesker,#view-ordbog,#view-recipe-edit,#view-skabelon-ny,#view-skabelon-udkast,#view-skabelon-form)>:not(.tabbar):not(header){
    box-sizing:border-box;width:100%;max-width:720px;margin-left:auto;margin-right:auto}

  /* ---------- 4 · ark → panel til højre ---------- */
  .kreds-bagtaeppe.sk-panel{justify-content:flex-end;align-items:stretch;padding:0;background:rgba(20,24,28,.28)}
  .kreds-bagtaeppe.sk-panel>*{box-sizing:border-box;width:420px;max-width:420px;height:100%;max-height:100%;margin:0;overflow-y:auto;
    border:0;border-left:1px solid var(--m-line);box-shadow:-18px 0 40px rgba(0,0,0,.16);animation:sk-ind .2s ease-out}
  .kreds-bagtaeppe.sk-panel>*>i.tl,.kreds-bagtaeppe.sk-panel>*>i.tr,.kreds-bagtaeppe.sk-panel>*>i.bl,.kreds-bagtaeppe.sk-panel>*>i.br{display:none}
  @keyframes sk-ind{from{transform:translateX(40px);opacity:.4}}
  /* bekræftelser er en dialog midt på skærmen, højst 480 px */
  .kreds-bagtaeppe.dl-bag>.kreds-boks{max-width:480px}
}

@media (min-width:1180px){
  body.sk-paa{padding-left:220px}
  body.sk-paa .sk{width:220px;padding:18px 12px 16px}
  .sk-maerke{justify-content:flex-start;padding:2px 8px 22px}
  .sk-navn{display:block}
  .sk-p,.sk-v{flex-direction:row;justify-content:flex-start;gap:12px;font:600 15px/1.2 Barlow,sans-serif}
  .sk-p{min-height:44px;padding:0 12px}
  .sk-v{min-height:38px;padding:0 12px;font-weight:400;font-size:14px}
  .sk-prik{margin:0}
  .sk-tid{margin-left:auto}
  .sk-kicker{display:block;margin-top:10px}   /* Robin 20/10: en valgt knap (Bordets pille) må ikke røre "Dit værksted" */
  .sk-konto{padding:10px 12px 0;min-height:44px;font-size:14px;font-weight:400}
  .sk-streg{margin:14px 6px}
  .kreds-bagtaeppe.sk-panel>*{width:440px;max-width:440px}
}
@media (min-width:900px) and (max-width:1179px), (max-width:1179px) and (hover:hover) and (pointer:fine){
  .sk-optag.rec .sk-tid{font-size:10px}
  .sk-v .sk-av{width:24px;height:24px;font-size:10px}
}

/* ---------- 5 · forsiden før optagelse i to zoner (180b) ----------
   Venstre: scenen - knappen 180 px midt i, Inkognito og lydkilden under. Højre (480 px): møderække, dagsorden og
   mødeskabelon står åbne. DOM'en er urørt - kun placeringen, så telefonen og kompakt-båndet virker som før. */
@media (min-width:900px), (hover:hover) and (pointer:fine){
  body.sk-paa #view-record:not(.kompakt):not(.o3-paa){height:100vh;height:100dvh;min-height:0;padding-bottom:0;overflow:hidden}
  body.sk-paa #view-record:not(.kompakt):not(.o3-paa) .record-area{flex:1;min-height:0;display:grid;
    grid-template-columns:minmax(0,1fr) 400px;grid-template-rows:1fr auto auto auto auto auto 1fr;align-items:center;
    padding:0;gap:0;overflow:hidden}
  body.sk-paa #view-record:not(.kompakt):not(.o3-paa) .record-area>*{grid-column:1;justify-self:center}
  body.sk-paa #view-record:not(.kompakt):not(.o3-paa) #opt-rul{grid-column:2;grid-row:1/-1;align-self:stretch;justify-self:stretch;
    margin:0;padding:22px 22px 24px;background:var(--m-surface);border-left:1px solid var(--m-line);overflow-y:auto;box-sizing:border-box}
  body.sk-paa #view-record:not(.kompakt):not(.o3-paa) .rec-button{grid-row:3;width:180px;height:180px;margin:18px auto 16px;
    box-shadow:0 0 0 10px var(--m-bg),0 0 0 13px var(--m-line),0 14px 30px rgba(229,72,77,.35)}
  body.sk-paa #view-record:not(.kompakt):not(.o3-paa) .ink-linje{grid-row:4}
  body.sk-paa #view-record:not(.kompakt):not(.o3-paa) .kilde-linje{grid-row:5;max-width:560px}
  body.sk-paa #view-record:not(.kompakt):not(.o3-paa) .rec-advarsel{grid-row:6}
  body.sk-paa #view-record:not(.kompakt):not(.o3-paa) #upload-state{grid-row:6}
  .fs-klar{grid-row:2;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
  .fs-klar-k{font:700 11px/1 Barlow,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--m-muted)}
  .fs-klar-t{font:600 34px/1.1 'Barlow Condensed',sans-serif;color:var(--m-text);max-width:560px}
  .fs-klar-t:empty{display:none}
  body:not(.sk-paa) .fs-klar,#view-record.kompakt .fs-klar,#view-record.o3-paa .fs-klar{display:none}
}
@media (min-width:1180px){
  body.sk-paa #view-record:not(.kompakt):not(.o3-paa) .record-area{grid-template-columns:minmax(0,1fr) 480px}
}
@media (min-width:900px), (hover:hover) and (pointer:fine){
  /* møderækken som liste i højre zone - telefonens række (tk-raek) træder til side */
  .fs-rk{display:none}
  body.sk-paa #view-record:not(.kompakt):not(.o3-paa) .fs-rk{display:block;margin:0 0 18px}
  body.sk-paa #view-record:not(.kompakt):not(.o3-paa) #team-kort .tk-raek{display:none}
  body.sk-paa #view-record:not(.kompakt):not(.o3-paa) #team-kort:not(:has(.tk-raek ~ *)){display:none}
  .fs-hd{display:flex;align-items:baseline;margin-bottom:8px}
  .fs-k{flex:1;font:700 11px/1 Barlow,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--m-muted)}
  .fs-rk-alle{appearance:none;border:0;background:none;padding:4px 0;cursor:pointer;font:600 13px/1 Barlow,sans-serif;color:var(--m-accent)}
  .fs-rk-liste{border:1px solid var(--m-line);background:var(--m-surface)}
  .fs-rk-r{appearance:none;width:100%;min-height:46px;display:flex;align-items:center;gap:10px;padding:0 12px;border:0;
    border-top:1px solid var(--m-field);background:var(--m-surface);cursor:pointer;text-align:left;font:400 15px/1.2 Barlow,sans-serif;color:var(--m-text)}
  .fs-rk-r:first-child{border-top:0}
  .fs-rk-r:hover{background:var(--m-bg)}
  .fs-rk-r.valgt{background:var(--m-tint);box-shadow:inset 3px 0 0 var(--m-accent);font-weight:700}
  .fs-rk-r .ra-aftryk{width:20px;height:20px;flex:none}
  .fs-rk-m{width:10px;height:10px;flex:none}
  .fs-rk-r.ingen{color:var(--m-muted)}
  .fs-rk-r.ingen .fs-rk-m{box-sizing:border-box;border:1.5px dashed var(--m-faint);margin:0 5px}
  .fs-rk-n{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .fs-rk-t{font:500 12px/1 ui-monospace,Menlo,monospace;color:var(--m-muted);flex:none}
  .fs-rk-t.kal{color:var(--m-accent)}
}

/* ---------- 3 · under mødet i tre spalter (180a) ----------
   Dagsorden 300 · mødefladen i midten · svaret 360 (440 fra 1600) i sin egen spalte (moedeflade.js: FAST/tegnSpalte).
   900-1179: dagsorden + flade; svaret glider ind over højre side som før. */
@media (min-width:900px), (hover:hover) and (pointer:fine){
  body.sk-paa #view-record.o3-paa .o3{max-width:none;margin:0}
  body.sk-paa #view-record.o3-paa .o3-flade:has(> #dk){display:grid;grid-template-columns:300px minmax(0,1fr);align-items:start;
    padding:0;overflow:hidden}
  body.sk-paa #view-record.o3-paa .o3-flade > #dk{grid-column:1;grid-row:1;align-self:stretch;margin:0;box-sizing:border-box;
    height:100%;overflow-y:auto;padding:18px 18px 24px;border-right:1px solid var(--m-line)}
  body.sk-paa #view-record.o3-paa .o3-flade > #mf{grid-column:2;grid-row:1;align-self:stretch;min-width:0;height:100%;overflow-y:auto;padding:4px 10px 0}
  body.sk-paa #view-record.o3-paa .o3:has(#dk) .o3-felt-r{margin-left:300px}
  /* genvejsrækken som én linje med små felter (32 px) */
  body.sk-paa #view-record.o3-paa.mf-paa .record-area > #gvs.gvs{display:flex !important;align-items:center;gap:6px;min-height:48px;padding:0 24px;flex-wrap:wrap}
  body.sk-paa #view-record.o3-paa #gvs > *{flex:none;min-height:32px;height:auto;width:auto;padding:4px 10px;border:1px solid var(--m-line);
    flex-direction:row;align-items:center;gap:7px}
}
@media (min-width:1180px){
  body.sk-paa #view-record.o3-paa .o3{padding-right:360px}
}
@media (min-width:1600px){
  body.sk-paa #view-record.o3-paa .o3{padding-right:440px}
}

/* ---------- 8 · mødelisten med filtre og forhåndsvisning (180c, computer-liste.js) ---------- */
.ml{display:none}
@media (min-width:900px), (hover:hover) and (pointer:fine){
  body.sk-paa #view-list{height:100vh;height:100dvh;min-height:0;overflow:hidden;padding-bottom:0}
  body.sk-paa #view-list > :not(header):not(.ml):not(#vaelg-bar):not(.tabbar){display:none !important}
  body.sk-paa #view-list .ml{flex:1;min-height:0;display:grid;grid-template-columns:220px minmax(0,1fr);border-top:1px solid var(--m-line)}
  .ml-filter{border-right:1px solid var(--m-line);padding:20px 14px;display:flex;flex-direction:column;gap:6px;overflow-y:auto;min-height:0;box-sizing:border-box}
  .ml-soeg{min-height:40px;display:flex;align-items:center;gap:8px;padding:0 10px;background:var(--m-surface);border:1px solid var(--m-line)}
  .ml-soeg svg{width:16px;height:16px;fill:none;stroke:var(--m-faint);stroke-width:1.8;stroke-linecap:round;flex:none}
  .ml-soeg input{flex:1;min-width:0;border:0;outline:0;background:none;font:400 14px/1 Barlow,sans-serif;color:var(--m-text)}
  .ml-k{font:700 11px/1 Barlow,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--m-muted);margin:14px 4px 4px}
  .ml-rk{display:flex;flex-direction:column}
  .ml-rr{appearance:none;border:0;background:none;min-height:36px;display:flex;align-items:center;gap:8px;padding:0 10px;cursor:pointer;
    font:400 14px/1.2 Barlow,sans-serif;color:var(--m-text);text-align:left;width:100%;box-sizing:border-box}
  .ml-rr:hover{background:var(--m-field)}
  .ml-rr.on{background:var(--m-ink);color:var(--m-ink-fg);font-weight:700}
  .ml-rr .ra-aftryk{width:20px;height:20px;flex:none}
  .ml-rr.on .ra-aftryk{filter:brightness(1.8)}
  .ml-rm{width:9px;height:9px;flex:none}
  .ml-rr.uden{color:var(--m-muted)}
  .ml-rr.uden .ml-rm{box-sizing:border-box;border:1.5px dashed var(--m-faint)}
  .ml-rr.uden.on{color:var(--m-surface)}
  .ml-rr.mere{color:var(--m-accent);font-weight:600}
  .ml-rn{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .ml-rt{font:500 12px/1 ui-monospace,Menlo,monospace;color:inherit;opacity:.75;flex:none}
  .ml-kilde{display:flex;gap:4px;flex-wrap:wrap}
  .ml-chip{appearance:none;min-height:30px;padding:0 9px;border:1px solid var(--m-line);background:var(--m-surface);font:400 12px/1 Barlow,sans-serif;color:var(--m-text);cursor:pointer}
  .ml-chip.on{background:var(--m-ink);border-color:var(--m-ink);color:var(--m-ink-fg);font-weight:700}
  .ml-fyld{flex:1;min-height:12px}
  .ml-ind{appearance:none;min-height:44px;display:flex;align-items:center;justify-content:center;gap:8px;border:1.5px solid var(--m-accent);background:none;
    color:var(--m-accent);font:700 14px/1 Barlow,sans-serif;cursor:pointer;flex:none}
  .ml-ind svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .ml-midte{display:flex;flex-direction:column;min-width:0;min-height:0}
  .ml-hoved{flex:none;display:flex;align-items:baseline;gap:12px;padding:20px 24px 12px}
  .ml-titel{font:600 30px/1 'Barlow Condensed',sans-serif;color:var(--m-text)}
  .ml-tal{font-size:14px;color:var(--m-muted)}
  .ml-kol,.ml-r{display:grid;grid-template-columns:40px minmax(0,1fr) 140px 64px 60px 16px;gap:10px;align-items:center}
  .ml-kol{flex:none;padding:0 24px 8px;font:700 11px/1 Barlow,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--m-faint)}
  .ml-rul{flex:1;min-height:0;overflow-y:auto;padding:0 24px 24px}
  .ml-g{font:700 11px/1 Barlow,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--m-muted);padding:14px 0 8px}
  .ml-r{min-height:62px;border-bottom:1px solid var(--m-field);cursor:pointer;padding-right:8px}
  .ml-r:hover{background:var(--m-bg)}
  .ml-r:focus-visible{outline:2px solid var(--m-accent);outline-offset:-2px}
  .ml-r.valgt{background:var(--m-tint);box-shadow:inset 3px 0 0 var(--m-accent)}
  .ml-nr{font:500 12px/1 ui-monospace,Menlo,monospace;color:var(--m-accent);padding-left:10px}
  .ml-m{min-width:0;display:flex;flex-direction:column;gap:4px;padding:8px 0}
  .ml-t{display:flex;align-items:center;gap:8px;min-width:0}
  .ml-tt{min-width:0;font-size:15px;font-weight:700;color:var(--m-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .ml-l{font-size:13px;color:var(--m-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .ml-teams{flex:none;font-size:11px;font-weight:700;padding:3px 6px;background:var(--m-accent);color:var(--m-ink-fg)}
  .ml-tag{flex:none;font-size:11px;font-weight:700;padding:3px 6px;background:var(--m-tint);color:var(--m-accent)}
  .ml-rk-c{display:flex;align-items:center;gap:6px;font-size:13px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--m-text)}
  .ml-rk-c .ra-aftryk{width:18px;height:18px;flex:none}
  .ml-ingen{color:var(--m-faint)}
  .ml-h{font:500 12px/1 ui-monospace,Menlo,monospace;color:var(--m-muted)}
  .ml-r .sq{width:12px;height:12px;display:block}
  .ml-r.incog .ml-tt::before{content:'Inkognito · ';font-weight:400;color:var(--m-incognito)}
  .ml-tom{margin:24px 0;font-size:14px;color:var(--m-muted)}
  .ml-forh{display:none}
}
@media (min-width:1180px){
  body.sk-paa #view-list .ml{grid-template-columns:220px minmax(0,1fr) 330px}
  .ml-forh{display:flex;flex-direction:column;gap:12px;border-left:1px solid var(--m-line);background:var(--m-surface);padding:20px 22px;overflow-y:auto;min-height:0;box-sizing:border-box}
  .ml-fk{font:700 11px/1 Barlow,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--m-muted)}
  .ml-ft{font:600 26px/1.1 'Barlow Condensed',sans-serif;color:var(--m-text)}
  .ml-fm{font-size:13px;color:var(--m-muted);line-height:1.5}
  .ml-fr{appearance:none;border:0;background:none;padding:0;font:600 13px/1.5 Barlow,sans-serif;color:var(--m-accent);cursor:pointer}
  .ml-papir{background:var(--m-paper);border:1px solid var(--m-paper-line);padding:14px 16px;font-family:Georgia,serif;font-size:15px;line-height:1.55;color:var(--m-paper-text)}
  .ml-papir.tom{color:var(--m-paper-muted);font-style:italic}
  .ml-pk{font:700 11px/1 Barlow,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--m-paper-muted);margin-bottom:8px;font-style:normal}
  .ml-svar{display:flex;gap:6px;flex-wrap:wrap}
  .ml-svar .ml-tag{font-size:12px;padding:5px 8px}
  .ml-fknap{display:flex;gap:8px;flex:none}
  .ml-fknap button{appearance:none;min-height:48px;cursor:pointer;font:700 15px/1 Barlow,sans-serif}
  .ml-aabn{flex:1;background:var(--m-ink);border:0;color:var(--m-ink-fg)}
  .ml-tr{padding:0 14px;border:1px solid var(--m-line);background:var(--m-surface);color:var(--m-text);font-weight:400 !important;font-size:14px !important}
  .ml-mere{width:48px;border:1px solid var(--m-line);background:var(--m-surface);color:var(--m-text);font-size:18px !important}
}

/* ---------- 7 · møderækken i to spalter (180d, computer-raekke.js) ---------- */
.crk-pc,.crk-knapper,.crk-naeste{display:none}
@media (min-width:900px), (hover:hover) and (pointer:fine){
  body.sk-paa #view-raekke .ra-hoved{display:flex;align-items:center;gap:12px}
  body.sk-paa #view-raekke .crk-knapper:not([hidden]){display:flex;align-items:center;gap:8px;margin-left:auto;position:relative}
  body.sk-paa #view-raekke .crk-naeste:not([hidden]){display:block;margin:-4px 0 0;padding:0 16px;font-size:14px;color:var(--m-accent);font-weight:600}
  .crk-optag{appearance:none;min-height:48px;display:flex;align-items:center;gap:10px;padding:0 18px;border:0;background:var(--m-ink);color:var(--m-ink-fg);
    font:700 15px/1 Barlow,sans-serif;cursor:pointer}
  .crk-optag i{width:10px;height:10px;border-radius:50%;background:var(--m-rec)}
  .crk-mere{appearance:none;width:48px;height:48px;border:1px solid var(--m-line);background:var(--m-surface);font-size:18px;cursor:pointer;color:var(--m-text)}
  .crk-menu{position:absolute;right:0;top:54px;z-index:20;min-width:180px;background:var(--m-surface);border:1px solid var(--m-ink);box-shadow:0 10px 26px rgba(29,31,32,.22);display:flex;flex-direction:column}
  .crk-menu[hidden]{display:none}
  .crk-menu button{appearance:none;border:0;border-top:1px solid var(--m-field);background:none;min-height:44px;padding:0 14px;text-align:left;font:400 15px/1 Barlow,sans-serif;color:var(--m-text);cursor:pointer}
  .crk-menu button:first-child{border-top:0}
  .crk-menu button.roed{color:var(--m-text)}
  .crk-menu button:hover{background:var(--m-bg)}
  body.sk-paa #view-raekke .crk-pc{display:grid;grid-template-columns:minmax(0,1fr) 420px;align-items:start;border-top:1px solid var(--m-line);margin-top:14px}
  .crk-pc-v{padding:20px 28px 28px;display:flex;flex-direction:column;gap:14px;min-width:0}
  .crk-pc-v > #ra-moedet{margin:0}
  .crk-pc-h{border-left:1px solid var(--m-line);background:var(--m-surface);padding:20px 22px 24px;display:flex;flex-direction:column;gap:12px;min-height:calc(100vh - 180px);box-sizing:border-box}
  .crk-pc-h > *{margin-left:0;margin-right:0}
  .crk-pc-h > #ra-fod{margin-top:auto;padding:12px 0 0}
  body.sk-paa #view-raekke .crk-pc-h #ra-fod{display:none}
  .crk-hd{display:flex;align-items:baseline;gap:10px;margin-bottom:8px}
  .crk-k{flex:1;font:700 11px/1 Barlow,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--m-muted)}
  .crk-hj{font-size:12px;color:var(--m-muted)}
  .crk-dg{margin-top:6px}
  .crk-dg-liste{background:var(--m-surface);border:1px solid var(--m-line)}
  .crk-dg-r{min-height:46px;display:flex;align-items:center;gap:10px;padding:0 6px 0 14px;border-bottom:1px solid var(--m-field)}
  .crk-dg-t{flex:1;min-width:0;font-size:15px;color:var(--m-text)}
  .crk-dg-u{font-size:12px;color:var(--m-muted);flex:none}
  .crk-dg-x{appearance:none;width:32px;height:32px;border:0;background:none;color:var(--m-faint);cursor:pointer;font-size:13px;flex:none}
  .crk-dg-x:hover{color:var(--m-text)}
  .crk-dg-ny{display:block;width:100%;box-sizing:border-box;min-height:46px;border:0;padding:0 14px;font:400 15px/1 Barlow,sans-serif;color:var(--m-text);background:var(--m-surface);outline:0}
  .crk-dg-ny:focus{box-shadow:inset 0 0 0 1.5px var(--m-accent)}
  .crk-mo{margin-top:8px}
  .crk-mo-liste{border:1px solid var(--m-line)}
  .crk-mo-r{appearance:none;width:100%;min-height:56px;display:flex;align-items:center;gap:12px;padding:0 12px;border:0;border-top:1px solid var(--m-field);
    background:var(--m-surface);cursor:pointer;text-align:left;font-family:Barlow,sans-serif;color:var(--m-text)}
  .crk-mo-r:first-child{border-top:0}
  .crk-mo-r:hover{background:var(--m-bg)}
  .crk-mo-d{width:52px;flex:none;font:500 12px/1 ui-monospace,Menlo,monospace;color:var(--m-muted)}
  .crk-mo-m{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
  .crk-mo-t{font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .crk-mo-u{font-size:12px;color:var(--m-muted)}
  .crk-mo-pil{color:var(--m-muted)}
  .crk-tom{font-size:14px;color:var(--m-muted);margin:0}
  /* "Se tidligere møder" forsvinder på computeren - møderne står direkte på siden */
  body.sk-paa #view-raekke > .ra-stak.ra-smal{display:none}
}
/* feedbackpennen (administratorer) står til højre for skinnen, ikke oven på den */
@media (min-width:900px), (hover:hover) and (pointer:fine){ body.sk-paa #fbk-knap{left:76px !important} }
@media (min-width:1180px){ body.sk-paa #fbk-knap{left:232px !important} }

/* ================= v405b (Robins gennemgang 18/10) ================= */
@media (min-width:900px), (hover:hover) and (pointer:fine){
  /* skinnen: tegn i alle bredder (også 220 px), prikken på Optag i samme felt som tegnene */
  .sk-ik{width:20px;height:20px;display:grid;place-items:center;flex:none}
  .sk-v .sk-av{flex:none}
  .sk-v svg [fill]{fill:currentColor}
  .sk-p svg,.sk-v svg{display:block}
  /* ☰-menuens punkter står skrevet ud i skinnen (v405c) - sidernes ☰ er væk på computeren */
  /* sidernes egne ☰ og Margin-mærket i hovedet træder til side - skinnen har dem */
  body.sk-paa .view .btn-menu{display:none !important}
  body.sk-paa .view header .mk-m{display:none}
  body.sk-paa #view-record > header.topbar{display:none}
  /* de tre i højre zone: samme hoved og samme åbne liste */
  body.sk-paa #view-record:not(.kompakt):not(.o3-paa) .fs-sk{display:block;margin:18px 0 0}
  body.sk-paa #view-record:not(.kompakt):not(.o3-paa) #byg-moede{display:none}
  .fs-sk-r{min-height:52px;padding:6px 12px}
  .fs-sk-m{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
  .fs-sk-h{font-size:12px;color:var(--m-muted);font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body.sk-paa #view-record:not(.o3-paa) #dk{margin:0}
  body.sk-paa #dk{position:relative}
  body.sk-paa #dk > #dk-top{min-height:0;padding:0 0 8px;border:0;background:none;box-shadow:none;cursor:default;pointer-events:none}
  body.sk-paa #dk > #dk-top .bm-ik,body.sk-paa #dk > #dk-top .bm-pil{display:none}
  body.sk-paa #dk > #dk-top .bm-t{font:700 11px/1 Barlow,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--m-muted)}
  body.sk-paa #dk > #dk-top .bm-u{font-size:12px;color:var(--m-muted)}
  body.sk-paa .fs-dk-v{display:block;position:absolute;right:0;top:0}
  /* dagsordenen under mødet: ingen vandret rulning i spalten */
  body.sk-paa #view-record.o3-paa .o3-flade > #dk{overflow-x:hidden}
  body.sk-paa #view-record.o3-paa .o3-flade > #dk .fs-dk-v{top:18px;right:18px}
}
/* v405c (Robin 18/10): båndet "● 03:04 · mødet · Til mødet ›" over de andre sider under en optagelse er telefonens vej tilbage -
   på computeren står uret ved Optag i skinnen, så båndet (og pladsen til det) træder til side */
@media (min-width:900px), (hover:hover) and (pointer:fine){
  body.sk-paa .opt-baand{display:none !important}
  body.sk-paa.rec-baand{padding-top:0}
  body.sk-paa.rec-baand .field-head,body.sk-paa.rec-baand .topbar,body.sk-paa.rec-baand .view > header.hoved,body.sk-paa.rec-baand #mh-head.hoved{top:0}
}
/* v405e: Min konto uden egen kant (stregen står for sig) og versionen under */
@media (min-width:900px), (hover:hover) and (pointer:fine){
  body.sk-paa .sk .sk-konto{border-top:0;margin-top:0;padding-top:0;border-radius:0}
  .sk-streg-k{margin:8px 6px 6px}
  .sk-ver{display:none}
}
@media (min-width:1180px){
  body.sk-paa .sk .sk-ver{display:block;padding:6px 12px 0;font:400 11px/1.3 Barlow,sans-serif;color:var(--h-actMuted2)}
}
@media (min-width:900px), (hover:hover) and (pointer:fine){ body.sk-paa .sk{overflow-x:hidden} .sk-p span,.sk-v span{max-width:100%;overflow:hidden;text-overflow:ellipsis} }

/* ---------- handoff 182b §5 · mødelisten: VIS-filtrene og forhåndsvisningen er referatet (v405f, Robin 19/10) ---------- */
@media (min-width:900px), (hover:hover) and (pointer:fine){
  .ml-vis{display:flex;flex-direction:column}
  .ml-vv{appearance:none;border:0;background:transparent;min-height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;
    font:500 14px/1 Barlow,sans-serif;color:var(--m-text);cursor:pointer;width:100%;box-sizing:border-box;text-align:left}
  .ml-vv:hover{background:var(--m-field)}
  .ml-vv.on{background:var(--m-tint);box-shadow:inset 3px 0 0 var(--m-accent);color:var(--m-text);font-weight:700}   /* v410 (191 §0.4): markering i lister er tint + stribe, aldrig mørk */
  .ml-vt{font:500 12px/1 ui-monospace,Menlo,monospace;opacity:.8}
  .ml-tag.ml-delt{background:var(--m-ink);color:var(--m-ink-fg)}
}
@media (min-width:1180px){
  body.sk-paa #view-list .ml{grid-template-columns:220px minmax(0,1fr) 440px}
  body.sk-paa .ml-forh{display:flex;flex-direction:column;gap:0;padding:0;overflow:hidden;background:var(--m-surface);border-left:1px solid var(--m-line)}
  .mlp-hd{flex:none;padding:18px 22px 12px}
  .mlp-hd .ml-ft{font:600 26px/1.05 'Barlow Condensed',sans-serif;margin-top:6px}
  .mlp-hd .ml-fm{margin-top:6px;display:flex;gap:6px;align-items:center;flex-wrap:wrap}
  .mlp-hd .ml-fm .ra-aftryk{width:14px;height:14px;flex:none}
  .mlp-rk{color:var(--m-accent);font-weight:700}
  .mlp-seg{display:flex;margin-top:12px;border:1.5px solid var(--m-accent);width:max-content}
  .mlp-seg button{appearance:none;border:0;min-height:34px;display:flex;align-items:center;padding:0 14px;font:700 13px/1 Barlow,sans-serif;cursor:pointer;background:var(--m-surface);color:var(--m-accent)}
  .mlp-seg button.on{background:var(--m-accent);color:var(--m-ink-fg)}
  .mlp-seg button.graa{color:var(--m-faint);cursor:default}
  .mlp-vl{flex:none;display:flex;align-items:center;gap:2px;padding:0 10px 0 16px;height:44px;background:var(--m-bg);border-top:1px solid var(--m-line);border-bottom:1px solid var(--m-line)}
  .mlp-vl[hidden]{display:none!important}
  .mlp-vl button{appearance:none;border:0;background:none;width:36px;height:36px;display:grid;place-items:center;font:500 15px/1 Barlow,sans-serif;color:var(--m-text);cursor:pointer}
  .mlp-vl button:hover{background:var(--m-field)}
  .mlp-vl b{font-weight:800}
  .mlp-vl i{font-family:Georgia,serif}
  .mlp-vl .mlp-fortryd{color:var(--m-accent)}
  .mlp-fy{flex:1}
  .mlp-vl .mlp-faerdig{width:auto;min-height:34px;height:auto;display:flex;align-items:center;padding:0 14px;background:var(--m-ink);color:var(--m-ink-fg);font:700 13px/1 Barlow,sans-serif}
  .mlp-vl .mlp-faerdig:hover{background:var(--m-ink)}
  .mlp-krop{flex:1;min-height:0;overflow-y:auto;background:var(--m-bg);padding:12px}
  .mlp-papir{background:var(--m-paper);box-shadow:0 1px 2px rgba(0,0,0,.08),0 6px 18px rgba(0,0,0,.06);padding:20px 22px;font-family:Newsreader,Georgia,serif;color:var(--m-paper-text)}
  .mlp-papir.ret{outline:2px solid var(--m-accent);outline-offset:-2px}
  .mlp-rettet{display:flex;align-items:center;gap:6px;font:500 12px/1 Barlow,sans-serif;color:var(--m-muted);margin-bottom:10px}
  .mlp-rettet i{width:7px;height:7px;background:var(--m-ok);display:block}
  .mlp-tekst{outline:none}
  .mlp-tekst h2,.mlp-tekst h3{font:600 18px/1.3 Newsreader,Georgia,serif;margin:14px 0 6px;color:var(--m-paper-text)}
  .mlp-tekst h2:first-child,.mlp-tekst h3:first-child{margin-top:0}
  .mlp-tekst p{font-size:15px;line-height:1.55;margin:0 0 8px}
  .mlp-tekst ul,.mlp-tekst ol{font-size:15px;line-height:1.55;margin:0 0 8px;padding-left:20px}
  .mlp-tekst li{margin-bottom:3px}
  .mlp-tekst table{border-collapse:collapse;font-size:13px;margin:0 0 8px;width:100%}
  .mlp-tekst td,.mlp-tekst th{border:1px solid var(--m-paper-line);padding:4px 6px;text-align:left;vertical-align:top}
  .mlp-intet{background:var(--m-surface);border:1.5px dashed var(--m-accent);padding:14px;margin-bottom:10px;font-family:Barlow,sans-serif;display:flex;flex-direction:column;align-items:flex-start}
  .mlp-intet b{font-size:15px;font-weight:700;color:var(--m-text)}
  .mlp-intet span{font-size:13px;line-height:1.45;color:var(--m-text);margin-top:4px}
  .mlp-skriv{appearance:none;border:0;margin-top:10px;min-height:44px;display:inline-flex;align-items:center;padding:0 16px;background:var(--m-ink);color:var(--m-ink-fg);font:700 14px/1 Barlow,sans-serif;cursor:pointer}
  .mlp-skriver{display:flex;align-items:center;gap:8px;margin-top:10px;font:700 13px/1 Barlow,sans-serif;color:var(--m-accent)}
  .mlp-pr{display:flex;gap:3px}
  .mlp-pr i{width:5px;height:5px;background:var(--m-accent);display:block;animation:mlp-puls 1s infinite}
  .mlp-pr i:nth-child(2){animation-delay:.2s}
  .mlp-pr i:nth-child(3){animation-delay:.4s}
  @keyframes mlp-puls{0%,100%{opacity:.25}50%{opacity:1}}
  @media (prefers-reduced-motion:reduce){.mlp-pr i{animation:none}}
  .mlp-trs{background:var(--m-surface);padding:12px 14px;font-family:Barlow,sans-serif}
  .mlp-tr{display:grid;grid-template-columns:40px 1fr;gap:8px;padding:6px 0;border-bottom:1px solid var(--m-field)}
  .mlp-tr:last-child{border-bottom:0}
  .mlp-tt{font:500 11px/1.7 ui-monospace,Menlo,monospace;color:var(--m-muted)}
  .mlp-tx{font-size:14px;line-height:1.45;color:var(--m-text)}
  .mlp-tx b{color:var(--m-accent)}
  .mlp-hent,.mlp-ikke{font:400 14px/1.4 Barlow,sans-serif;color:var(--m-muted);padding:8px 4px}
  .mlp-bund{flex:none;display:flex;gap:8px;padding:12px 16px 16px;border-top:1px solid var(--m-line);background:var(--m-surface)}
  .mlp-bund button{appearance:none;cursor:pointer;min-height:48px;font:600 14px/1 Barlow,sans-serif}
  .mlp-aabn{flex:1;border:0;background:var(--m-ink);color:var(--m-ink-fg);font-size:15px!important;font-weight:700!important}
  .mlp-word{padding:0 14px;border:1px solid var(--m-line);background:var(--m-surface);color:var(--m-text)}
  .mlp-word:disabled{opacity:.4;cursor:default}
  .mlp-mere{width:48px;border:1px solid var(--m-line);background:var(--m-surface);color:var(--m-text);font-size:18px!important}
}

/* ---------- handoff 181a §2 · forsidens zone som harmonika (v405f) ----------
   420 px, hvid. Tre rækker i samme form; præcis én åben, den fylder resten og ruller indeni. De gamle lister (#fs-rk, #dk,
   #fs-sk, #team-kort, telefonkortet …) bor stadig i #opt-rul til telefonen og mødet - på computerens forside er de skjult. */
@media (min-width:900px), (hover:hover) and (pointer:fine){
  .fz{display:none}
  body.sk-paa #view-record:not(.kompakt):not(.o3-paa) #opt-rul{padding:0;display:flex;flex-direction:column;overflow:hidden}
  body.sk-paa #view-record:not(.kompakt):not(.o3-paa) #opt-rul > :not(#fz){display:none!important}
  body.sk-paa #view-record:not(.kompakt):not(.o3-paa) .fz{display:flex;flex-direction:column;flex:1;min-height:0}
  .fz-s{flex:0 0 auto;min-height:0;display:flex;flex-direction:column;border-bottom:1px solid var(--m-line)}
  .fz-s.aaben{flex:1 1 0}
  .fz-h{flex:none;min-height:64px;display:flex;align-items:center;gap:12px;padding:0 16px 0 18px;cursor:pointer;background:var(--m-bg);box-sizing:border-box}
  .fz-s.aaben .fz-h{background:var(--m-surface)}
  .fz-h:focus-visible{outline:2px solid var(--m-accent);outline-offset:-2px}
  .fz-hm{flex:1;min-width:0}
  .fz-k{display:block;font:700 11px/1 Barlow,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--m-muted)}
  .fz-v{display:flex;align-items:center;gap:8px;margin-top:6px;font:700 16px/1.2 Barlow,sans-serif;color:var(--m-text);white-space:nowrap;overflow:hidden}
  .fz-sq{width:10px;height:10px;flex:none;display:block;overflow:hidden}
  .fz-sq[hidden]{display:none}
  .fz-sq.ingen{background:var(--m-line)}
  .fz-sq .ra-aftryk{width:10px;height:10px}
  .fz-vn{overflow:hidden;text-overflow:ellipsis;min-width:0}
  .fz-vm{flex:none;font-size:13px;font-weight:500;color:var(--m-muted)}
  .fz-a{appearance:none;border:0;background:none;padding:0;flex:none;white-space:nowrap;font:700 13px/1 Barlow,sans-serif;color:var(--m-accent);cursor:pointer;visibility:hidden}
  .fz-s.aaben .fz-a{visibility:visible}
  .fz-pil{flex:none;width:20px;text-align:center;font-size:14px;color:var(--m-muted);transition:transform .2s}
  .fz-s.aaben .fz-pil{transform:rotate(180deg)}
  @media (prefers-reduced-motion:reduce){.fz-pil{transition:none}}
  .fz-b{display:none}
  .fz-s.aaben .fz-b{display:block;flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;padding:0 0 10px}
  .fz-r{min-height:44px;display:flex;align-items:center;gap:10px;padding:0 16px 0 18px;border-top:1px solid var(--m-field);cursor:pointer;box-sizing:border-box}
  .fz-r:hover{background:var(--m-bg)}
  .fz-r.valgt{background:var(--m-tint)}
  .fz-r:focus-visible{outline:2px solid var(--m-accent);outline-offset:-2px}
  .fz-rsq{width:10px;height:10px;flex:none;display:block}
  .fz-rsq.ingen{background:var(--m-line)}
  .fz-r .ra-aftryk{width:10px;height:10px;flex:none}
  .fz-t{width:42px;flex:none;font:500 12px/1 ui-monospace,Menlo,monospace;color:var(--m-muted)}
  .fz-n{flex:1;min-width:0;font:500 14px/1.3 Barlow,sans-serif;color:var(--m-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .fz-r.valgt .fz-n{font-weight:700}
  .fz-d .fz-n{font-weight:600;cursor:text}
  .fz-dn{outline:none}
  .fz-dn[contenteditable="true"]{box-shadow:inset 0 -1.5px 0 var(--m-accent);white-space:normal}
  .fz-u{font-weight:400;color:var(--m-muted);margin-left:6px}
  .fz-r.ingen .fz-n{color:var(--m-muted)}
  .fz-m{flex:none;font:400 12px/1 Barlow,sans-serif;color:var(--m-muted)}
  .fz-ck{flex:none;width:16px;font-size:14px;color:var(--m-accent);text-align:center}
  .fz-x{appearance:none;border:0;background:none;flex:none;width:24px;height:24px;display:grid;place-items:center;padding:0;color:var(--m-muted);font-size:13px;cursor:pointer;visibility:hidden}
  .fz-d:hover .fz-x,.fz-x:focus-visible{visibility:visible}
  .fz-x:hover{color:var(--m-text)}
  .fz-tom{padding:14px 18px;font:400 14px/1.4 Barlow,sans-serif;color:var(--m-muted);border-top:1px solid var(--m-field)}
  .fz-nyt{margin:8px 16px 0 18px;min-height:40px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1.5px solid var(--m-accent);background:var(--m-surface);box-sizing:border-box}
  .fz-nyt[hidden]{display:none}
  .fz-nyt input{flex:1;min-width:0;border:0;outline:0;background:none;padding:0;margin:0;font:400 14px/1 Barlow,sans-serif;color:var(--m-text);min-height:0;height:auto}
  .fz-nyt span{flex:none;font:400 12px/1 Barlow,sans-serif;color:var(--m-faint)}
  .fz-mere{appearance:none;border:0;background:none;width:100%;min-height:40px;display:flex;align-items:center;padding:0 18px;font:700 13px/1 Barlow,sans-serif;color:var(--m-accent);cursor:pointer;text-align:left}
  .fz-mere[hidden]{display:none}
  .fz-ws{display:flex;gap:8px;padding:10px 16px 0 18px}
  .fz-ws[hidden]{display:none}
  .fz-ws button{appearance:none;cursor:pointer;min-height:44px;font:700 14px/1 Barlow,sans-serif;white-space:nowrap}
  .fz-ws-aabn{flex:1;border:0;background:var(--m-ink);color:var(--m-ink-fg)}
  .fz-ws-sl{padding:0 12px;border:1px solid var(--m-on-dark);background:var(--m-surface);color:var(--m-accent)}
}
@media (min-width:1180px){
  body.sk-paa #view-record:not(.kompakt):not(.o3-paa) .record-area{grid-template-columns:minmax(0,1fr) 420px}
}

/* handoff 181a §2.5: telefonen optager → en tynd linje over scenen (kun mens den optager) */
.fs-tlf{display:none}
@media (min-width:900px), (hover:hover) and (pointer:fine){
  body.sk-paa #view-record:not(.kompakt):not(.o3-paa) .record-area{position:relative}
  body.sk-paa #view-record:not(.kompakt):not(.o3-paa) .fs-tlf{position:absolute;left:24px;right:24px;top:20px;z-index:2;min-height:44px;display:flex;align-items:center;gap:10px;
    padding:0 8px 0 14px;background:var(--m-ink);color:var(--m-ink-fg);font:400 14px/1.2 Barlow,sans-serif;box-sizing:border-box;grid-column:1}
  body.sk-paa #view-record:not(.kompakt):not(.o3-paa) .record-area:has(#opt-rul) .fs-tlf{right:calc(420px + 24px)}
  .fs-tlf-p{width:8px;height:8px;border-radius:50%;background:var(--m-rec);flex:none}
  .fs-tlf b{font-weight:700}
  .fs-tlf-u{font:500 13px/1 ui-monospace,Menlo,monospace;color:var(--m-on-dark)}
  .fs-tlf-f{flex:1}
  .fs-tlf-k{appearance:none;min-height:32px;display:flex;align-items:center;padding:0 12px;border:1px solid rgba(242,242,243,.4);background:none;color:var(--m-bg);font:700 13px/1 Barlow,sans-serif;cursor:pointer}
}
@media (min-width:900px) and (max-width:1179px), (max-width:1179px) and (hover:hover) and (pointer:fine){
  body.sk-paa #view-record:not(.kompakt):not(.o3-paa) .record-area:has(#opt-rul) .fs-tlf{right:calc(400px + 24px)}
}


/* ---------- handoff 181 §1.1 · skinnens nederste punkter (v405f) - + Byg er taget ud igen i 186 §1 ---------- */
@media (min-width:900px), (hover:hover) and (pointer:fine){
  .sk-u{appearance:none;border:0;background:none;cursor:pointer;color:var(--h-actMuted2);text-align:left;
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:48px;padding:6px 2px;
    font:500 10px/1.1 Barlow,sans-serif;width:100%;box-sizing:border-box;position:relative}
  .sk-u svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
  .sk-u:hover{color:var(--h-railFg);background:rgba(255,255,255,.06)}
  .sk-u:focus-visible{outline:2px solid var(--h-railFg);outline-offset:-2px}
  .sk-v{position:relative}
  .sk-tal{display:none;font:500 12px/1 Barlow,sans-serif;color:var(--h-actMuted2)}
  .sk-p.pn-paa,.sk-v.pn-paa,.sk-u.pn-paa{background:rgba(242,242,243,.14);color:var(--m-surface);font-weight:700}
}
@media (min-width:1180px){
  .sk-u{flex-direction:row;justify-content:flex-start;gap:12px;min-height:34px;padding:0 12px;font:400 13px/1.2 Barlow,sans-serif}
  .sk-u svg{width:16px;height:16px}
  .sk-tal{display:block;margin-left:auto}
}

/* ---------- handoff 182a §4 · panelet fra højre (computer-panel.js) ---------- */
.pn-bag{display:none}
@media (min-width:900px), (hover:hover) and (pointer:fine){
  body.sk-paa .pn-bag{display:block;position:fixed;top:0;right:0;bottom:0;left:64px;z-index:50;background:rgba(0,0,0,0);transition:background .3s}
  body.sk-paa .pn-bag[hidden]{display:none}
  body.sk-paa .pn-bag.ind{background:rgba(0,0,0,.28)}
  .pn{position:absolute;top:0;right:0;bottom:0;width:440px;max-width:100%;background:var(--m-surface);box-shadow:-14px 0 34px rgba(0,0,0,.16);
    display:flex;flex-direction:column;transform:translateX(105%);transition:transform .3s cubic-bezier(.2,.8,.2,1);font-family:Barlow,sans-serif;color:var(--m-text)}
  .pn-bag.ind .pn{transform:none}
  .pn-hd{flex:none;height:64px;display:flex;align-items:center;padding:0 10px 0 22px;border-bottom:1px solid var(--m-field)}
  .pn-t{flex:1;font:600 24px/1 'Barlow Condensed',sans-serif}
  .pn-x{appearance:none;border:0;background:none;width:44px;height:44px;display:grid;place-items:center;font-size:18px;color:var(--m-text);cursor:pointer}
  .pn-rul{flex:1;min-height:0;overflow-y:auto}
  .pn-intro{font:400 13px/1.45 Barlow,sans-serif;color:var(--m-muted);padding:12px 22px 0}
  .pn-soeg{margin:12px 22px 0;min-height:44px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--m-line);box-sizing:border-box;color:var(--m-faint)}
  .pn-soeg input{flex:1;min-width:0;border:0;outline:0;background:none;padding:0;margin:0;font:400 14px/1 Barlow,sans-serif;color:var(--m-text);min-height:0;height:auto}
  .pn-k{font:700 11px/1 Barlow,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--m-muted);padding:16px 22px 8px}
  .pn-r{min-height:52px;display:flex;align-items:center;gap:12px;padding:0 16px 0 22px;border-top:1px solid var(--m-field);box-sizing:border-box}
  .pn-r.kan{cursor:pointer}
  .pn-r.kan:hover{background:var(--m-bg)}
  .pn-r.valgt{background:var(--m-tint)}
  .pn-r:focus-visible{outline:2px solid var(--m-accent);outline-offset:-2px}
  .pn-sq{width:12px;height:12px;flex:none;display:block}
  .pn-r .ra-aftryk{width:12px;height:12px;flex:none}
  .pn-rm{flex:1;min-width:0}
  .pn-rn{display:block;font:400 15px/1.25 Barlow,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .pn-r.valgt .pn-rn{font-weight:700}
  .pn-ru{display:block;font:400 12px/1.3 Barlow,sans-serif;color:var(--m-muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .pn-rh{flex:none;font:400 12px/1 Barlow,sans-serif;color:var(--m-muted)}
  .pn-ck{flex:none;width:16px;text-align:center;color:var(--m-accent);font-size:14px}
  .pn-ex{appearance:none;border:0;background:none;flex:none;width:36px;height:36px;display:grid;place-items:center;color:var(--m-muted);font-size:15px;cursor:pointer}
  .pn-ex:hover{color:var(--m-text);background:var(--m-field)}
  .pn-tom,.pn-note{font:400 13px/1.45 Barlow,sans-serif;color:var(--m-muted);padding:10px 22px;border-top:1px solid var(--m-field)}
  .pn-note{border-top:0;padding-top:14px}
  .pn-link{appearance:none;border:0;background:none;display:block;width:100%;text-align:left;padding:16px 22px;font:700 13px/1 Barlow,sans-serif;color:var(--m-accent);cursor:pointer}
  .pn-kontakt{appearance:none;margin:12px 22px 4px;width:calc(100% - 44px);min-height:64px;display:flex;align-items:center;gap:12px;padding:10px 14px;border:1.5px solid var(--m-line);background:var(--m-surface);cursor:pointer;text-align:left;box-sizing:border-box}
  .pn-kontakt.til{background:var(--m-bg);border-color:var(--m-muted)}
  .pn-km{flex:1;min-width:0}
  .pn-km b{display:block;font:700 16px/1.2 Barlow,sans-serif;color:var(--m-text)}
  .pn-km span{display:block;font:400 13px/1.3 Barlow,sans-serif;color:var(--m-muted);margin-top:2px}
  .pn-sw{width:48px;height:28px;flex:none;background:var(--m-line);border-radius:14px;position:relative;transition:background .2s}
  .pn-sw i{position:absolute;left:3px;top:3px;width:22px;height:22px;border-radius:50%;background:var(--m-surface);transition:transform .2s}
  .pn-kontakt.til .pn-sw{background:var(--m-muted)}
  .pn-kontakt.til .pn-sw i{transform:translateX(20px)}
  .pn-fod{flex:none;padding:12px 22px 20px;border-top:1px solid var(--m-field)}
  .pn-fod[hidden]{display:none}
  .pn-knap{appearance:none;border:0;width:100%;min-height:52px;background:var(--m-ink);color:var(--m-ink-fg);font:700 15px/1 Barlow,sans-serif;cursor:pointer}
}
@media (min-width:1180px){
  body.sk-paa .pn-bag{left:220px}
}
@media (prefers-reduced-motion:reduce){.pn,.pn-bag,.pn-sw,.pn-sw i{transition:none!important}}

/* ---------- handoff 184 §3 · ⚙ ved rækken i zonen og panelet ---------- */
@media (min-width:900px), (hover:hover) and (pointer:fine){
  .fz-gear,.pn-ex{appearance:none;border:0;background:none;flex:none;display:grid;place-items:center;padding:0;cursor:pointer;opacity:.3;transition:opacity .15s}
  .fz-gear{width:36px;height:36px;margin-right:-8px}
  .pn-ex{width:40px;height:40px}
  .fz-gear svg,.pn-ex svg{width:18px;height:18px;fill:none;stroke:var(--m-accent);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
  .fz-r:hover .fz-gear,.fz-r.valgt .fz-gear,.pn-r:hover .pn-ex,.pn-r.valgt .pn-ex,.fz-gear:focus-visible,.pn-ex:focus-visible{opacity:1}
  .pn-ex:hover{background:none}
  .fz-r:hover,.pn-r.kan:hover{background:var(--m-bg)}
  .fz-r.valgt,.pn-r.valgt{background:var(--m-tint)}
}
@media (prefers-reduced-motion:reduce){.fz-gear,.pn-ex{transition:none}}


/* v412c (Robin 21/10: "når jeg gør den smal, skifter den ikke, men til gengæld er det ikke pænt"): computerudgaven i et smalt
   vindue (under 900 px med mus). Optagesiden: højre spalte (#opt-rul, næste møde) lægger sig under optageren i stedet for at
   klemme den, og siden ruller. Over 900 px er intet ændret. */
@media (max-width:899px) and (hover:hover) and (pointer:fine){
  body.sk-paa #view-record:not(.kompakt):not(.o3-paa){height:auto;min-height:100vh;overflow:visible}
  body.sk-paa #view-record:not(.kompakt):not(.o3-paa) .record-area{grid-template-columns:minmax(0,1fr);overflow:visible;padding-top:28px}
  body.sk-paa #view-record:not(.kompakt):not(.o3-paa) #opt-rul{grid-column:1;grid-row:8;align-self:start;margin-top:22px;border-left:0;border-top:1px solid var(--m-line);overflow:visible}
  body.sk-paa #view-record:not(.kompakt):not(.o3-paa) .kilde-linje{max-width:calc(100% - 24px)}
  body.sk-paa #view-record:not(.kompakt):not(.o3-paa) .record-area:has(#opt-rul) .fs-tlf{right:24px}
}
/* v480 (Robin 8/11): rækkeforslaget i mødelistens rækkecelle - Hører til X · Måske X · X eller Y, og ✕ */
@media (min-width:900px), (hover:hover) and (pointer:fine){
  .ml-rk-c:has(.ml-rf){white-space:normal;overflow:visible}
  .ml-rf{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;min-width:0;padding:4px 6px;border:1px dashed var(--m-accent);border-radius:8px;font-size:12px;line-height:1.25}
  .ml-rf.maaske{border-color:var(--m-faint)}
  .ml-rf-t{color:var(--m-muted)}
  .ml-rf-ja{appearance:none;max-width:100%;padding:2px 8px;border:0;border-radius:999px;background:var(--m-tint);color:var(--m-accent);font:600 12px/1.4 var(--m-font-body);cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .ml-rf-ja:hover{background:var(--m-accent);color:var(--m-ink-fg)}
  .ml-rf-nej{appearance:none;width:20px;height:20px;border:0;border-radius:50%;background:none;color:var(--m-faint);font-size:11px;cursor:pointer}
  .ml-rf-nej:hover{background:var(--m-field);color:var(--m-text)}
}