/* =====================================================================
   v470 · handoff 260–263 · computer-moede.js + del-og-oversigt.js. Kun roller (--m-*) og hudens form (--ss-*).
   Værdier efter komma = Bordet. Margen sætter selv --ss-r 14 / --ss-pr 10 / papirkant som skygge.
   ===================================================================== */
.cm,.da-bag,.mo-menu,.mo-ark,.cm-ghost{--c-bg:var(--m-bg);--c-kort:var(--m-surface);--c-ink:var(--m-text);--c-mut:var(--m-muted);--c-svag:var(--m-faint);
  --c-linje:var(--m-line);--c-felt:var(--m-field);--c-acc:var(--ss-acc,var(--m-accent));--c-tint:var(--m-tint);--c-ok:var(--m-ok);--c-oktint:var(--m-ok-tint);
  --c-amb:var(--m-wait);--c-ambtint:var(--m-wait-tint);--c-rec:var(--m-rec);--c-hl:var(--m-wait-tint);--c-R:var(--ss-r,22px);--c-r:14px;--c-rs:10px;--c-pr:var(--ss-pr,999px);
  --c-sh:var(--ss-card-sh,0 1px 2px rgba(24,34,46,.05),0 6px 18px rgba(24,34,46,.06));--c-head:var(--ss-head,'Bricolage Grotesque',sans-serif);--c-hw:var(--ss-hw,800);--c-ease:cubic-bezier(.2,.8,.2,1);font-family:var(--ss-body,inherit);color:var(--c-ink)}
.cm button,.da-bag button,.mo-menu button,.mo-ark button{font:inherit;color:inherit;cursor:pointer}
.cm-kick,.da-kick,.mo-kick{font-size:10px;font-weight:700;letter-spacing:.12em;color:var(--c-mut)}
.cm-hint{font-size:11px;color:var(--c-svag)}
.cm-fyld,.re-fyld{flex:1}
.cm-btn{min-height:34px;padding:0 14px;border:0;border-radius:var(--c-pr);background:var(--c-felt);font-size:12px;font-weight:700;white-space:nowrap}
.cm-btn.mork{background:var(--c-ink);color:var(--c-kort)}.cm-btn.blaa{background:var(--c-acc);color:var(--m-ink-fg);min-height:40px;padding:0 22px}.cm-btn.lys{background:rgba(255,255,255,.14);color:var(--c-kort)}.cm-btn.hvid{background:var(--c-kort);color:var(--c-ink)}
.cm-tile{width:var(--px);height:var(--px);flex:none;border-radius:calc(var(--px)*.3);display:grid;place-items:center;font-weight:700;font-size:calc(var(--px)*.42)}
/* .t-* (reservefliserne) er fjernet - fliserne er knappernes egne (Knapper.ikon) */
.mk-vigtigt{color:var(--m-wait)}.mk-citat{color:var(--m-accent)}.mk-indsigt{color:var(--m-ok)}.mk-husk{color:var(--m-ai)}

/* ---------- mødefladen ---------- */
.cm{position:relative;display:flex;flex-direction:column;height:100%;background:var(--c-bg)}
.cm[hidden]{display:none}
.cm-baand{flex:none;display:flex;align-items:center;gap:12px;height:56px;padding:0 18px;background:var(--c-ink);color:var(--c-kort);font-size:14px}
.cm-rec{width:9px;height:9px;border-radius:50%;background:var(--c-rec);animation:cm-puls 1.4s infinite}
.cm-ur{font-size:17px;font-variant-numeric:tabular-nums}.cm-baand-u{font-size:12px;opacity:.75}.cm-baand-t{flex:1;text-align:center;font:var(--c-hw) 16px/1 var(--c-head)}
/* fanelinjen - 262: fanerne må IKKE ligne browserens faneblade for meget. Kortere hjørner end browseren, intet ✕ på byggede faner. */
.cm-faner{flex:none;display:flex;align-items:flex-end;gap:2px;padding:12px 18px 0;border-bottom:1px solid var(--c-linje);overflow-x:auto;scrollbar-width:none}
.cm-tab{display:flex;align-items:center;gap:6px;height:38px;padding:0 14px;border-radius:var(--c-r) var(--c-r) 0 0;margin-bottom:-1px;font-size:13px;color:var(--c-mut);white-space:nowrap;cursor:pointer;user-select:none;touch-action:none}
.cm-tab.paa{background:var(--c-kort);box-shadow:inset 0 0 0 1px var(--c-linje),0 1px 0 var(--c-kort);color:var(--c-ink);font-weight:700}
.cm-tab.svar{animation:cm-pop .35s cubic-bezier(.2,.9,.3,1.3) both}.cm-tab.ude{opacity:.5}
.cm-tab-ik{font-weight:700}.cm-lock{font-size:10px}.cm-tab-x{border:0;background:none;padding:0 0 0 2px;color:var(--c-svag);font-size:12px;font-weight:700}
.cm-load{width:6px;height:6px;border-radius:50%;background:var(--c-acc);animation:cm-puls 1s infinite}
.cm-tabsep{width:1px;height:20px;background:var(--c-linje);margin:0 8px 9px}
.cm-krop{flex:1;min-height:0;display:flex}
.cm-side{flex:1;min-width:0;overflow-y:auto;padding:20px 26px}
.cm-ws{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.cm-ks{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px 8px;margin-top:8px}
.cm-kick+.cm-ks{margin-top:8px}.cm-ws+.cm-kick{display:block;margin-top:16px}
.cm-item{position:relative;transition:transform .2s cubic-bezier(.2,.9,.3,1.3)}
.cm-item.flytter{opacity:.45;transform:scale(1.06)}
.cm-w{background:var(--c-kort);box-shadow:var(--c-sh);border-radius:var(--c-R);padding:14px 16px;min-height:150px;box-sizing:border-box}
.cm-knap{border:0;background:none;padding:0;display:flex;flex-direction:column;align-items:center;gap:5px;width:100%}
.cm-knap>span:last-child{font-size:11px;font-weight:700;max-width:96px;text-align:center;text-wrap:balance}
.cm-minus{position:absolute;left:-7px;top:-7px;z-index:2;width:22px;height:22px;border:0;border-radius:50%;background:var(--c-mut);color:var(--m-ink-fg)!important;font-size:14px;font-weight:700;display:grid;place-items:center;box-shadow:0 2px 6px rgba(24,34,46,.25)}
.cm-k .cm-minus{left:calc(50% - 33px)}
.cm-tom{min-height:220px;border:2px dashed var(--c-linje);border-radius:var(--c-R);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;padding:20px;font-size:14px;line-height:1.45;color:var(--c-mut)}
.cm-tom b{font-size:15px;color:var(--c-ink)}
/* notesblokken */
.cm-noter{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--c-kort);position:relative}
.cm-noter::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--c-acc);opacity:.55}
.cm-noter-tb{flex:none;display:flex;align-items:center;gap:2px;padding:8px 22px;border-bottom:1px solid var(--c-felt);flex-wrap:wrap}
.cm-tb{min-width:32px;height:30px;padding:0 8px;border:0;border-radius:var(--c-rs);background:transparent;font-size:13px;font-weight:700;display:flex;align-items:center;gap:5px}
.cm-tb span{font-size:11px;font-weight:400;opacity:.8}.cm-tb.paa{background:var(--c-ink);color:var(--c-kort)!important}
.cm-sep,.re-sep{width:1px;height:20px;background:var(--c-linje);margin:0 4px}
.cm-kundig{padding:2px 8px;border-radius:var(--c-pr);background:var(--c-tint);color:var(--c-acc);font-size:10px;font-weight:700}
.cm-noter-l{flex:1;min-height:0;overflow-y:auto;padding:16px 34px 10px}
.cm-linje,.cm-ny{display:grid;grid-template-columns:52px 18px minmax(0,1fr);gap:6px;align-items:baseline;padding:3px 10px;margin:0 -10px;border-radius:var(--c-rs);cursor:text}
.cm-linje.valgt{box-shadow:inset 0 0 0 1.5px var(--c-acc)}
.cm-t{font-size:11px;font-weight:700;color:var(--c-svag);font-variant-numeric:tabular-nums}.cm-t.sat{color:var(--c-acc)}
.cm-m{font-size:13px;font-weight:700}
.cm-x,.cm-ny input{font-size:15px;line-height:1.55;text-wrap:pretty}
.f-h .cm-x,.cm-ny.f-h input{font:var(--c-hw) 19px/1.3 var(--c-head)}.cm-linje.f-h{padding-top:14px}
.f-li .cm-x::before{content:'•';margin-right:8px;color:var(--c-mut)}
.cm-linje.fed .cm-x{font-weight:700}.cm-linje.hl .cm-x{background:var(--c-hl);padding:1px 4px;border-radius:4px}
.cm-ny{margin-top:6px;background:var(--c-bg);align-items:center}
.cm-ny input{border:0;background:transparent;outline:none;color:var(--c-ink);width:100%}
.cm-noter .cm-hint{display:block;padding:8px 0 0 76px}
.cm-rail{width:290px;flex:none;border-left:1px solid var(--c-linje);background:var(--c-bg);padding:14px;display:flex;flex-direction:column;gap:12px;overflow-y:auto}
.cm-rail .cm-ws{grid-template-columns:1fr}.cm-rail .cm-ks{grid-template-columns:repeat(3,minmax(0,1fr))}.cm-rail .cm-w{min-height:70px;padding:10px 12px}
.cm-rail-h{display:flex;align-items:center}.cm-rail-h .cm-kick{flex:1}.cm-rail-h button{border:0;background:none;font-size:11px;font-weight:700;color:var(--c-acc)}
/* svarfanen */
.cm-svar{flex:1;overflow-y:auto;padding:22px 30px;background:var(--c-kort);display:flex;flex-direction:column;gap:12px;max-width:780px}
.cm-svar-h{display:flex;align-items:center;gap:12px}.cm-svar-h>span{display:flex;flex-direction:column;gap:3px}.cm-svar-h b{font:var(--c-hw) 21px/1.12 var(--c-head)}
.cm-vent{display:flex;align-items:center;gap:12px;padding:16px;border-radius:var(--c-r);background:var(--c-bg);font-size:14px;color:var(--c-mut)}
.cm-roer{display:inline-block;font-size:20px;background:none!important;animation:cm-roer 1.2s ease-in-out infinite}
.cm-svar-l{display:flex;gap:10px;padding:11px 14px;border-radius:var(--c-r);background:var(--c-bg);font-size:14px;line-height:1.5;animation:cm-ind .35s both}
.cm-knaprad{display:flex;gap:8px;flex-wrap:wrap}
/* kontekstmenu, spøgelse */
.cm-ctx,.mo-menu{position:absolute;z-index:26;width:240px;padding:6px;border-radius:var(--c-r);background:var(--c-kort);box-shadow:0 14px 34px rgba(24,34,46,.2),0 0 0 1px var(--c-linje);display:flex;flex-direction:column;animation:cm-pop .2s cubic-bezier(.2,.9,.3,1.2) both;transform-origin:0 0}
.mo-menu{position:fixed;width:250px;z-index:90}
.cm-ctx .cm-kick,.mo-kick{padding:8px 10px 6px}
.cm-ctx button,.mo-menu button,.mo-ark button{display:flex;align-items:center;gap:10px;min-height:36px;padding:0 10px;border:0;border-radius:var(--c-rs);background:transparent;text-align:left;font-size:13px}
.cm-ctx button:hover,.mo-menu button:hover{background:var(--c-felt)}
.cm-ghost{position:fixed;z-index:999;pointer-events:none;transform:translate(-50%,-50%) rotate(-2deg);display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--c-r);background:var(--c-kort);box-shadow:0 16px 34px rgba(24,34,46,.28);font-size:13px;font-weight:700;white-space:nowrap;flex-direction:column}
.cm-ghost span{font-size:11px;font-weight:400;color:var(--c-svag)}.cm-ghost.klar span{color:var(--c-acc)}
/* Byg mine faner */
.cm-byg-bag{position:absolute;inset:0;z-index:30;background:rgba(24,34,46,.28);display:flex;padding:20px;animation:cm-fade .2s both}
.cm-byg{flex:1;display:flex;flex-direction:column;background:var(--c-kort);border-radius:var(--c-R);box-shadow:var(--c-sh);overflow:hidden;animation:cm-ind .3s both}
.cm-byg-h{flex:none;display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid var(--c-linje)}.cm-byg-h b{flex:1;font:var(--c-hw) 24px/1 var(--c-head)}.cm-byg-h span{font-size:13px;color:var(--c-mut)}
.cm-byg-k{flex:1;min-height:0;display:flex}
.cm-kartotek{width:360px;flex:none;border-right:1px solid var(--c-linje);display:flex;flex-direction:column;background:var(--c-bg);padding:14px 16px 0}
.cm-kartotek input{height:40px;border:1.5px solid var(--c-linje);border-radius:var(--c-pr);background:var(--c-kort);padding:0 16px;font-size:14px;outline:none;margin-bottom:6px}
.cm-kart-l{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:4px 0 16px;display:flex;flex-direction:column;gap:6px}
.cm-kart-l .cm-kick{padding:10px 4px 2px}
.cm-kart{display:flex;align-items:center;gap:10px;padding:8px 8px 8px 10px;border-radius:var(--c-r);background:var(--c-kort);box-shadow:var(--c-sh);cursor:grab;touch-action:none;user-select:none}
.cm-kart-x{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.cm-kart-x b{font-size:13px}.cm-kart-x span{font-size:11px;color:var(--c-mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cm-paa{font-size:10px;color:var(--c-svag);max-width:80px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cm-add{width:28px;height:28px;flex:none;border:0;border-radius:50%;background:var(--c-tint);color:var(--c-acc)!important;font-size:15px;font-weight:700}.cm-add.paa{background:var(--c-oktint);color:var(--c-ok)!important}
.cm-byg-r{flex:1;min-width:0;display:flex;flex-direction:column}
.cm-btabs{flex:none;display:flex;align-items:flex-end;gap:4px;padding:14px 20px 0;border-bottom:1px solid var(--c-linje);flex-wrap:wrap}
.cm-btab{display:flex;align-items:center;gap:6px;height:40px;padding:0 12px;border-radius:var(--c-r) var(--c-r) 0 0;margin-bottom:-1px;font-size:13px;cursor:pointer;transition:transform .2s cubic-bezier(.2,.9,.3,1.3),background .15s}
.cm-btab.paa{background:var(--c-kort);box-shadow:inset 0 0 0 1px var(--c-linje),0 1px 0 var(--c-kort);font-weight:700}
.cm-btab.over{background:var(--c-tint);box-shadow:inset 0 0 0 2px var(--c-acc);transform:translateY(-3px) scale(1.04)}
.cm-btab button{border:0;background:none;padding:2px;color:var(--c-mut);font-size:12px;font-weight:700}
.cm-btab input{width:110px;border:0;border-bottom:2px solid var(--c-acc);background:transparent;outline:none;font-size:13px;font-weight:700}
.cm-cnt{font-size:10px;font-weight:700;color:var(--c-svag)}
.cm-nyfane{height:32px;margin:0 0 4px 4px;padding:0 12px;border:1.5px dashed var(--c-acc);border-radius:var(--c-pr);background:var(--c-tint);color:var(--c-acc)!important;font-size:12px;font-weight:700}
.cm-droppage{flex:1;min-height:0;overflow-y:auto;padding:18px 22px;background:var(--c-bg);transition:background .15s,box-shadow .15s}
.cm-droppage.over{background:var(--c-tint);box-shadow:inset 0 0 0 2px var(--c-acc)}
.cm-dp-h{display:flex;align-items:center;gap:10px;margin-bottom:12px}.cm-dp-h .cm-kick{flex:1}.cm-dp-h button{border:0;background:none;font-size:12px;font-weight:700;color:var(--c-mut)}
.cm-noter-pv{min-height:110px;border-radius:var(--c-R);background:var(--c-kort);box-shadow:var(--c-sh);padding:14px;display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.cm-noter-pv i{height:8px;width:62%;border-radius:4px;background:var(--c-felt)}
.cm-byg-f{flex:none;display:flex;align-items:center;gap:8px;padding:12px 20px;border-top:1px solid var(--c-linje);background:var(--c-bg)}
.cm-chip{min-height:30px;padding:0 11px;border:1.5px solid var(--c-linje);border-radius:var(--c-pr);background:var(--c-kort);font-size:12px;font-weight:700}.cm-chip.paa{background:var(--c-ink);color:var(--c-kort)!important;border-color:var(--c-ink)}.cm-chip:disabled{opacity:.4}
/* eget vindue */
.cm-vindue body{margin:0;background:var(--m-bg)}.cm-lille{padding:16px;gap:12px}.cm-lille .cm-ks{grid-template-columns:repeat(4,1fr)}.cm-lille .cm-ws{grid-template-columns:1fr}

/* ---------- Del-arket ---------- */
.da-bag{position:fixed;inset:0;z-index:95;background:rgba(24,34,46,.32);display:flex;align-items:center;justify-content:center;animation:cm-fade .2s both}
.da-bag[hidden]{display:none}
.da-ark{width:600px;max-width:calc(100vw - 32px);max-height:calc(100vh - 40px);overflow-y:auto;background:var(--c-kort);border-radius:var(--c-R);box-shadow:var(--c-sh);padding:22px 24px;display:flex;flex-direction:column;gap:12px;animation:cm-ind .3s both}
.da-telefon{align-items:flex-end}.da-telefon .da-ark{width:100%;max-width:none;border-radius:28px 28px 0 0;max-height:calc(100vh - 70px);animation:da-op .35s var(--c-ease) both}
.da-h{display:flex;align-items:center;gap:10px}.da-h>span{flex:1;display:flex;flex-direction:column;gap:3px}.da-h b{font:var(--c-hw) 24px/1.1 var(--c-head)}.da-h span span{font-size:13px;color:var(--c-mut)}
.da-luk{min-height:34px;padding:0 14px;border:0;border-radius:var(--c-pr);background:var(--c-felt);font-size:12px;font-weight:700}
.da-hvad{display:flex;align-items:center;gap:12px;min-height:48px;padding:8px 12px;border:1.5px solid var(--c-linje);border-radius:var(--c-r);background:transparent;text-align:left}
.da-hvad.paa{border-color:var(--c-ink);background:var(--c-kort)}
.da-ck{width:20px;height:20px;flex:none;box-sizing:border-box;border-radius:6px;border:1.5px solid var(--c-linje);color:var(--m-ink-fg);display:grid;place-items:center;font-style:normal;font-size:12px;font-weight:700}
.da-hvad.paa .da-ck{border:0;background:var(--c-ok)}.da-hvad.laas.paa .da-ck{background:var(--c-amb)}
.da-hvad>span{flex:1;display:flex;flex-direction:column;gap:2px}.da-hvad b{font-size:14px;display:flex;align-items:center;gap:8px}.da-hvad span span{font-size:12px;color:var(--c-mut)}.da-hvad.laas.paa span span{color:var(--c-amb)}
.da-kundig{padding:2px 7px;border-radius:var(--c-pr);background:var(--c-tint);color:var(--c-acc);font-size:10px;font-weight:700}
.da-rad{display:flex;align-items:center;gap:12px}
.da-seg{display:flex;gap:2px;padding:3px;border-radius:var(--c-pr);background:var(--c-felt)}.da-seg button{min-height:30px;padding:0 14px;border:0;border-radius:var(--c-pr);background:transparent;font-size:12px;font-weight:700}.da-seg button.paa{background:var(--c-ink);color:var(--c-kort)!important}
.da-til{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.da-pers{display:flex;align-items:center;gap:6px;min-height:32px;padding:0 10px 0 4px;border:0;border-radius:var(--c-pr);background:var(--c-felt);color:var(--c-mut)!important;font-size:12px;font-weight:700}
.da-pers i{width:24px;height:24px;border-radius:50%;background:var(--c-linje);display:grid;place-items:center;font-style:normal;font-size:10px}
.da-pers.paa{background:var(--c-ink);color:var(--c-kort)!important}.da-pers.paa i{background:var(--c-kort);color:var(--c-ink)}
.da-til input{width:150px;height:32px;border:1.5px dashed var(--c-linje);border-radius:var(--c-pr);background:transparent;padding:0 12px;font-size:12px;outline:none}
.da-kort{padding:4px 14px;border-radius:var(--c-r);background:var(--c-bg)}
.da-sw-r{display:flex;align-items:center;gap:12px;min-height:50px}.da-sw-r+.da-sw-r{border-top:1px solid var(--c-linje)}
.da-sw-r>span{flex:1;display:flex;flex-direction:column;gap:2px}.da-sw-r b{font-size:14px}.da-sw-r span span{font-size:12px;color:var(--c-mut)}
.da-sw{position:relative;width:38px;height:22px;flex:none;border:0;border-radius:11px;background:var(--m-line);padding:0;transition:background .2s}
.da-sw::after{content:'';position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--m-surface);box-shadow:0 1px 3px rgba(0,0,0,.25);transition:left .2s}
.da-sw.paa{background:var(--c-ok)}.da-sw.paa::after{left:18px}
.da-send{min-height:50px;border:0;border-radius:var(--c-pr);background:var(--c-acc);color:var(--m-ink-fg)!important;font-size:15px;font-weight:700}
.da-alt{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.da-alt button{min-height:40px;border:1.5px solid var(--c-linje);border-radius:var(--c-pr);background:var(--c-kort);font-size:12px;font-weight:700}
.da-filer{font-size:12px;color:var(--c-svag);text-align:center}

/* ---------- mødeoversigten ---------- */
.mo-bag{position:fixed;inset:0;z-index:89}.mo-bag.moerk{background:rgba(24,34,46,.34);animation:cm-fade .2s both}
.mo-ark{position:fixed;left:0;right:0;bottom:0;z-index:90;background:var(--c-kort);border-radius:28px 28px 0 0;padding:10px 14px calc(22px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:2px;animation:da-op .35s var(--c-ease) both}
.mo-ark button{min-height:48px;font-size:15px;border-radius:var(--c-r)}
.mo-greb{align-self:center;width:40px;height:5px;border-radius:3px;background:var(--c-linje);margin-bottom:6px}
.mo-menu button span,.mo-ark button span{width:16px;text-align:center}
.mo-menu .fed,.mo-ark .fed{font-weight:700}.mo-menu .slet,.mo-ark .slet{color:var(--c-rec)!important}
.mo-sep{height:1px;background:var(--c-linje);margin:4px 6px}
.mo-maerke{padding:3px 8px;border-radius:var(--c-pr);background:var(--c-felt);font-size:11px;font-weight:700;white-space:nowrap}
.mo-maerke.mo-blaa{background:var(--c-tint);color:var(--c-acc)}.mo-maerke.mo-ok{background:var(--c-oktint);color:var(--c-ok)}.mo-maerke.mo-amb{background:var(--c-ambtint);color:var(--c-amb)}.mo-maerke.mo-graa{color:var(--c-mut)}
[data-mid].mo-holdt{transform:scale(.97);box-shadow:0 10px 24px rgba(24,34,46,.18);transition:transform .2s cubic-bezier(.2,.9,.3,1.3)}

/* ---------- referat-editoren ---------- */
.re-tb{position:sticky;top:0;z-index:3;display:flex;align-items:center;gap:2px;flex-wrap:wrap;padding:8px 22px;background:var(--m-surface);border-bottom:1px solid var(--m-line)}
.re-tb button{min-width:30px;height:30px;padding:0 8px;border:0;border-radius:10px;background:transparent;font-size:13px;font-weight:700;cursor:pointer}.re-tb button:hover{background:var(--m-field)}
.re-tb [data-re="italic"]{font-style:italic;font-family:Georgia,serif}.re-tb [data-re="underline"]{text-decoration:underline}
.re-stat{font-size:12px;color:var(--m-faint)}.re-stat.ok{color:var(--m-ok)}
.re-papir{max-width:720px;margin:22px auto 40px;padding:44px 56px;box-sizing:border-box;background:var(--m-surface);border-radius:4px;box-shadow:0 1px 3px rgba(24,34,46,.1),0 10px 30px rgba(24,34,46,.08);outline:none;font-size:15px;line-height:1.6;min-height:600px}
.re-papir h1,.re-papir h2{font-family:var(--ss-head,inherit);font-weight:var(--ss-hw,800);letter-spacing:-.02em}
.re-papir a[data-t]{margin-left:5px;font-size:10px;font-weight:700;color:var(--ss-acc);text-decoration:none;vertical-align:2px}

@keyframes cm-ind{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes cm-fade{from{opacity:0}to{opacity:1}}
@keyframes cm-pop{0%{transform:scale(.5);opacity:0}70%{transform:scale(1.06);opacity:1}100%{transform:scale(1)}}
@keyframes cm-puls{0%,100%{opacity:1}50%{opacity:.3}}
@keyframes cm-roer{0%,100%{transform:rotate(-18deg)}50%{transform:rotate(18deg)}}
@keyframes da-op{from{transform:translateY(100%)}to{transform:none}}
@media (prefers-reduced-motion:reduce){.cm *,.da-bag *,.mo-ark,.mo-menu{animation:none!important;transition:none!important}}

/* ---------- v479: koblingen til appen (ikke fra designeren) ---------- */
/* fladen ligger over optageskærmen, til højre for skinnen (computer-moede.js placer()) - under appens ark (120) og toasts (240) */
.cm#cm{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;height:auto;padding-top:env(safe-area-inset-top,0px)}
/* fliserne er knappernes egne tegninger på et lyst felt (Knapper.ikon) - som på mødeskærmen og i Byg */
.cm-tile{color:var(--m-tile-fg);text-shadow:0 1px 2px rgba(0,0,0,.22);background:linear-gradient(160deg,var(--l,var(--m-field)),var(--d,var(--m-line)))}
.cm-tile .kn-svg{width:62%;height:62%}
.cm-tile[style*="--px:22px"]{border-radius:7px}
/* klodserne (w) */
.cm-w-h{display:flex;align-items:center;gap:8px;margin-bottom:8px}.cm-w-h b{flex:1;font-size:13px}
.cm-w-lt{display:flex;flex-direction:column;gap:6px;max-height:220px;overflow-y:auto}.cm-w-lt p{margin:0;font-size:13px;line-height:1.45}
.cm-w-dv{color:var(--c-svag);font-style:italic}
.cm-w-dag{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:4px;font-size:13px;line-height:1.4}
.cm-w-ur{font:var(--c-hw) 34px/1 var(--c-head);font-variant-numeric:tabular-nums;margin:6px 0}
.cm-w-hs{pointer-events:none}.cm-w-hs .hs-ting{position:static!important;width:auto!important;height:auto!important;transform:none!important}
.cm-rail .cm-w-lt{max-height:140px}
.cm-krop[data-fane="svar"]{justify-content:flex-start}
/* svar i knappens egen form (Knapper.laesHtml) */
.cm-svar-kn .kn-svar{box-shadow:none}
/* Spørg mødet (260) som svarfane */
.cm-spm{display:flex;gap:8px}.cm-spm input{flex:1;height:44px;border:1.5px solid var(--c-linje);border-radius:var(--c-pr);background:var(--c-bg);padding:0 16px;font-size:15px;outline:none;color:var(--c-ink)}
.cm-spm input:focus{border-color:var(--c-acc)}
.cm-spm-q{margin:0;font-size:14px;font-weight:700}
/* lander i Byg: pop på 400 ms (263) */
.cm-lander{animation:cm-pop .4s cubic-bezier(.2,.9,.3,1.3) both}
.cm-item.flytter{cursor:grabbing;z-index:2}
/* eget vindue (?vindue=fane): kun den ene fane */
html.cm-vindue body>*:not(#cm-vindue):not(.toast):not(#toast){display:none!important}
html.cm-vindue #cm-vindue{display:flex;flex-direction:column;min-height:100vh}
/* appens egne regler for felter og knapper må ikke ramme fladen (styles.css giver input en stor ramme) */
.cm .cm-ny input{box-sizing:border-box;height:auto;min-height:0;margin:0;padding:2px 0;border:0;border-radius:0;box-shadow:none;background:transparent;font:inherit;font-size:15px;line-height:1.55;color:var(--c-ink)}
.cm .cm-ny.f-h input{font:var(--c-hw) 19px/1.3 var(--c-head)}
.cm .cm-kartotek input,.cm .cm-spm input{box-sizing:border-box;margin:0;box-shadow:none;font:inherit;font-size:14px}
.cm .cm-btab input{box-sizing:border-box;height:auto;margin:0;padding:0;border-radius:0;box-shadow:none;font:inherit;font-size:13px;font-weight:700}
/* smalle vinduer: intet vandret rul - titlen i båndet afkortes, hjælpeteksterne brydes */
.cm-krop,.cm-noter,.cm-noter-l,.cm-rail,.cm-side{overflow-x:hidden}
.cm-baand{min-width:0}.cm-baand>*{flex:none}.cm-baand-t{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cm-noter .cm-hint{white-space:normal}
@media (max-width:1180px){.cm-baand-u{display:none}.cm-rail{width:230px}.cm-ks{grid-template-columns:repeat(5,minmax(0,1fr))}.cm-faner>.cm-hint{display:none}}
.cm .cm-ny input:focus,.cm .cm-ny input:focus-visible{outline:none;border:0;box-shadow:none}
.cm-w-lt{overflow-x:hidden}.cm-w-lt p{white-space:normal;overflow-wrap:anywhere}
.cm-droppage,.cm-kart-l{overflow-x:hidden}
@media (max-width:1180px){.cm-droppage .cm-ks{grid-template-columns:repeat(5,minmax(0,1fr))}.cm-kartotek{width:300px}}
/* v479b (Robin 7/11: "som på telefonen"): den løftede knap følger musen - som .hs-ting.hs-loeft på mødeskærmen */
.cm-item.cm-loeft{z-index:20;cursor:grabbing;transition:none;filter:drop-shadow(0 14px 22px rgba(24,34,46,.22))}
.cm-item.cm-loeft .cm-knap{pointer-events:none}

/* v479c (Robin 7/11): faste pladser med huller - "jeg vil selv bestemme, hvor ikonerne står" */
.cm-gitter.cm-ks{grid-template-columns:repeat(7,minmax(0,1fr));grid-auto-rows:minmax(84px,auto)}
.cm-gitter.cm-ws{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(150px,auto)}
.cm-celle{border-radius:var(--c-r);min-height:0;transition:background .15s,box-shadow .15s}
.cm-traek .cm-celle{box-shadow:inset 0 0 0 1.5px var(--c-linje);background:color-mix(in srgb,var(--c-kort) 40%,transparent)}
.cm-traek .cm-celle:hover{box-shadow:inset 0 0 0 2px var(--c-acc);background:var(--c-tint)}
.cm-gitter .cm-item{min-width:0}
/* ret-tilstanden uden for Byg: hold på en knap → − på alle, træk med det samme, Færdig */
.cm-ret-h{display:flex;align-items:center;gap:12px;margin-bottom:14px;padding:8px 8px 8px 16px;border-radius:var(--c-pr);background:var(--c-tint);color:var(--c-acc);font-size:12px;font-weight:700}
.cm-ret-h span{flex:1}
.cm-ret .cm-knap{cursor:grab}
.cm-ret .cm-k:not(.cm-loeft){animation:cm-vugger .32s ease-in-out infinite alternate}
.cm-ret .cm-k:nth-child(2n):not(.cm-loeft){animation-delay:-.16s}
@keyframes cm-vugger{from{transform:rotate(-1.2deg)}to{transform:rotate(1.2deg)}}
.cm-tab-ik:empty{display:none}
@media (prefers-reduced-motion:reduce){.cm-ret .cm-k{animation:none!important}}

/* v479d (Robin 7/11): live-teksten til højre for noterne igen (260 · Følg mødet her) */
.cm-rail.cm-rail-lt{width:clamp(240px,34%,340px);flex:none;padding:0;gap:0;overflow:hidden}   /* v479h (Robin 7/11: "viser ikke live-delen på halv skærm"): smallere i et smalt vindue */
.cm-lt{flex:1;min-height:0;display:flex;flex-direction:column;padding:14px 14px 8px;position:relative}
.cm-lt .cm-rail-h{gap:8px;margin-bottom:8px}.cm-lt .cm-rail-h .cm-hint{white-space:nowrap}
.cm-lt-l-boks{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:2px;margin:0 -6px;padding:0 6px}
.cm-lt-l{padding:8px 10px;border-radius:var(--c-rs);animation:cm-ind .35s both}
.cm-lt-l.sidst{background:var(--c-kort);box-shadow:var(--c-sh)}
.cm-lt-m{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;color:var(--c-mut);margin-bottom:2px}
.cm-lt-t{font-weight:400;color:var(--c-svag);font-variant-numeric:tabular-nums}
.cm-lt-plus{margin-left:auto;border:0;background:none;padding:2px 6px;border-radius:var(--c-pr);font-size:11px;font-weight:700;color:var(--c-acc)!important;opacity:0;transition:opacity .15s,background .15s}
.cm-lt-l:hover .cm-lt-plus,.cm-lt-plus.lagt{opacity:1}.cm-lt-plus:hover{background:var(--c-tint)}.cm-lt-plus.lagt{color:var(--c-ok)!important;cursor:default}
.cm-lt-x{font-size:13px;line-height:1.5;color:var(--c-ink);user-select:text;cursor:text}
.cm-lt-x::selection{background:var(--c-tint)}
.cm-lt-dv .cm-lt-x{color:var(--c-svag);font-style:italic}
.cm-lt-tom{padding:8px 4px}
.cm-lt-valg{position:absolute;left:14px;right:14px;bottom:12px;display:flex;justify-content:center}
.cm-lt-valg[hidden]{display:none}
.cm-lt-valg button{min-height:34px;padding:0 16px;border:0;border-radius:var(--c-pr);background:var(--c-ink);color:var(--c-kort)!important;font-size:12px;font-weight:700;box-shadow:0 8px 20px rgba(24,34,46,.22);animation:cm-pop .25s both}
.cm-rail-paa{flex:none;max-height:42%;overflow-y:auto;overflow-x:hidden;border-top:1px solid var(--c-linje);padding:12px 14px;display:flex;flex-direction:column;gap:10px}
.cm-rail-tom{flex:none;padding:10px 14px;border-top:1px solid var(--c-linje)}
.cm-lt-knap{display:none}
@media (max-width:759px){
  .cm-lt-knap{display:flex}
  .cm-rail.cm-rail-lt{display:none;position:absolute;right:0;top:0;bottom:0;z-index:5;box-shadow:-12px 0 30px rgba(24,34,46,.12)}
  .cm-rail.cm-rail-lt.aaben{display:flex}
  .cm-krop{position:relative}
}
.cm-lt-l{animation:none;min-width:0}.cm-lt-l.ny{animation:cm-ind .35s both}
.cm-lt-x{white-space:normal;overflow-wrap:anywhere}
.cm-lt-luk{display:none;margin-left:auto;border:0;background:none;font-size:13px;font-weight:700;color:var(--c-mut)!important}
@media (max-width:759px){.cm-lt-luk{display:block}}

/* v479e (Robin 7/11: "knapperne står altid under widgets - kan det ikke være mere fleksibelt?"): ét gitter, 8 kolonner -
   en knap er 1 × 1, et kort 4 × 2 */
.cm-gitter.cm-alt{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-auto-rows:84px;gap:12px 8px}
.cm-alt .cm-w{min-height:0;overflow:hidden;display:flex;flex-direction:column}
.cm-alt .cm-w .cm-w-lt{max-height:none;flex:1;min-height:0}
.cm-alt .cm-k{display:flex;align-items:flex-start;justify-content:center}
.cm-gitter-hint{display:block;margin-top:14px}
.cm-alt .cm-w{overflow:visible}.cm-alt .cm-w .cm-w-hs{overflow:hidden;flex:1;min-height:0}

/* v479g (Robin 7/11): fire notesformer - skiftet yderst til højre i fanelinjen, når Noter er åben */
.cm-nf-knap{align-self:center;margin:0 0 8px;border:0;background:none;padding:4px 10px;border-radius:var(--c-pr);font-size:11px;font-weight:700;color:var(--c-svag)!important;white-space:nowrap}
.cm-nf-knap:hover{background:var(--c-felt);color:var(--c-mut)!important}
.cm-nfm{width:340px;right:18px;left:auto}
.cm-nfm button{align-items:flex-start;padding:8px 10px;min-height:0}
.cm-nfm button i{font-style:normal;color:var(--c-acc);width:14px;flex:none;margin-top:1px}
.cm-nfm button>span{display:flex;flex-direction:column;gap:2px}.cm-nfm button b{font-size:13px}.cm-nfm button span span{font-size:11px;color:var(--c-mut);line-height:1.4}
.cm-nfm button.paa{background:var(--c-tint)}
.cm-nfm-fod{display:block;padding:6px 10px 4px}
/* 264-modulerne fylder notefanen */
.cm-nf{flex:1;min-width:0;min-height:0;height:100%}
.cm .nrf-in,.cm .nsf-in{box-sizing:border-box;height:auto;min-height:0;border:0;border-radius:0;box-shadow:none;background:transparent}
.cm .nrf-in:focus,.cm .nsf-in:focus{outline:none;border:0;box-shadow:none}
.cm .nsf-in{width:100%}
/* hudens :focus-visible-ring (bordet.css) må ikke lægge sig om skrivelinjerne - de er selve papiret */
.cm .nrf-in:focus-visible,.cm .nsf-in:focus-visible,.cm .cm-ny input:focus-visible{outline:none!important}
/* v479i (Robin 7/11: "et simpelt skrivefelt med basis Word-funktioner"): noterne er ét frit skrivefelt (noter-dok.js) */
.cm-dok{--ndk-gut:84px;--ndk-fs:15px;--ndk-lh:1.55;--ndk-pad:3px 0;--ndk-hfs:19px;--ndk-hpt:14px;--ndk-head:var(--c-head);--ndk-hw:var(--c-hw);--ndk-bund:30vh}
.cm-dok .ndk-gt{display:grid;grid-template-columns:52px 18px;gap:6px;padding-top:5px;color:var(--c-svag)}
.cm-dok .ndk-gt.h{padding-top:18px}
.cm-dok .ndk-gt .cm-m{font-size:13px;line-height:1}
.cm-dok .ndk-b.hl{background:var(--c-hl)}
.cm-noter .cm-dok-hint{flex:none;padding:8px 34px 12px;border-top:1px solid var(--c-felt)}
/* v479j (Robin 7/11): værktøjslinjen og hjælpeteksten er væk - kun knappen til live-teksten i et smalt vindue */
.cm-noter-tb-smal{display:none}
@media (max-width:759px){.cm-noter-tb-smal{display:flex}}
/* v480 (Robin 8/11): computeren optager selv - Pause, Stop og Kassér i båndet; pausen ses på prikken */
.cm.cm-pauset .cm-rec{animation:none;background:var(--m-wait)}
/* og vejen tilbage fra den gamle flade - lige til venstre for Kassér i optagebåndet */
#view-record.o3-paa .opt-kort #cm-ny{display:inline-flex;align-items:center;order:7;margin:0 0 0 auto;min-height:44px;padding:0 10px;border:0;background:none;font:600 14px/1 var(--m-font-body);color:var(--m-bg);opacity:.9;cursor:pointer}
#view-record.o3-paa .opt-kort #cm-ny:hover{opacity:1;text-decoration:underline}
#view-record.o3-paa .opt-kort #cm-ny~#btn-discard{margin-left:0 !important}

/* v480e · handoff 267 · båndet under optagelsen (Robin 8/11: "Det optagebånd vi har nu virker lidt midlertidigt"):
   designerens mål - 58 px, gap 14, en knap pr. mikrofon (sc-meter, 32 px, hvid 10 %), Stop og gem (sc-stop) */
.cm-baand{height:58px;gap:14px;padding:0 20px}
.sc-meter{appearance:none;display:flex;align-items:center;gap:7px;height:32px;padding:0 10px;border:0;border-radius:8px;background:color-mix(in srgb,var(--m-on-dark) 10%,transparent);
  color:var(--m-on-dark)!important;white-space:nowrap;font:500 12px/1 var(--m-font-body);cursor:pointer;max-width:260px;overflow:hidden;text-overflow:ellipsis}
.sc-meter.paa,.sc-meter:hover{background:color-mix(in srgb,var(--m-on-dark) 24%,transparent)}
.sc-meter .sc-pil{color:inherit;opacity:.7}
.sc-stop{appearance:none;display:flex;align-items:center;gap:7px;height:34px;padding:0 13px;border:0;border-radius:9px;background:var(--m-surface);color:var(--m-text);
  font:600 12px/1 var(--m-font-body);white-space:nowrap;cursor:pointer;color:var(--m-text)!important}
.sc-stop i{width:9px;height:9px;border-radius:2px;background:var(--m-rec)}
.cm-pop-a{position:relative;height:0;z-index:40}
.cm-pop-a .sc-pop{top:6px}