/* =====================================================================
   v409 · møderumsbyggeren efter handoff 190 (moederum-bygger.js, klasser mb-). Værkstedets udseende (186): Barlow,
   Barlow Condensed, #1d2d3d (nat), #2c455d (stål), #f2f2f3. Kun computeren. Fuld skærm til højre for skinnen
   (64 px, 220 px fra 1180 px): hoved 68 px · krop grid minmax(0,1fr) 460px · bund 76 px.
   ===================================================================== */
.mb{display:none}
@media (min-width:900px), (hover:hover) and (pointer:fine){
  body.sk-paa .mb{display:flex;flex-direction:column;position:fixed;top:0;bottom:0;left:64px;right:0;z-index:45;background:var(--m-bg);font-family:Barlow,sans-serif;color:var(--m-text);animation:vs-rise 260ms both}
  body.sk-paa .mb[hidden]{display:none}
  /* hovedet */
  .mb-hoved{flex:none;height:68px;display:flex;align-items:center;gap:16px;padding:0 24px;background:var(--m-surface);border-bottom:1px solid var(--m-line)}
  .mb-titel{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
  .mb-titel b{font:600 24px/1 'Barlow Condensed',sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mb-k2{font:700 11px/1 Barlow,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--m-muted)}
  .mb-titel .mb-k2{color:var(--m-accent)}
  .mb-k2-m{margin:18px 0 8px}
  .mb-trin{display:flex;border:3px solid var(--m-field)}
  .mb-trin button{appearance:none;border:0;min-height:36px;display:flex;align-items:center;gap:6px;padding:0 12px;background:var(--m-surface);color:var(--m-faint);font:700 13px/1 Barlow,sans-serif;cursor:pointer;white-space:nowrap}
  .mb-trin button span{font:500 11px/1 ui-monospace,Menlo,monospace}
  .mb-trin button.gjort{color:var(--m-accent)}
  .mb-trin button.gjort span::after{content:' ✓'}
  .mb-trin button.nu{background:var(--m-ink);color:var(--m-ink-fg)}
  .mb-trin button:disabled{cursor:default}
  .mb-luk{appearance:none;border:0;background:none;width:40px;height:40px;display:grid;place-items:center;font-size:20px;color:var(--m-muted);cursor:pointer}
  /* kroppen */
  .mb-krop{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 460px}
  .mb-venstre{overflow-y:auto;padding:26px 30px 30px}
  .mb-hoejre{border-left:1px solid var(--m-line);background:var(--m-field);display:flex;flex-direction:column;align-items:center;padding:20px 0;gap:10px;min-height:0;overflow:hidden}
  .mb-rum{width:360px;height:600px;flex:none;max-height:100%}
  .mb-rum iframe{width:360px;height:600px;border:0;border-radius:18px;background:var(--m-surface);box-shadow:0 18px 40px rgba(0,0,0,.18);transition:opacity 200ms}
  .mb-rum-tom{width:360px;height:600px;box-sizing:border-box;border:1.5px dashed var(--m-faint);border-radius:18px;display:grid;place-items:center;padding:30px;text-align:center;font-size:14px;line-height:1.5;color:var(--m-muted)}
  /* bunden */
  .mb-bund{flex:none;height:76px;display:flex;align-items:center;gap:14px;padding:0 24px;background:var(--m-surface);border-top:1px solid var(--m-line)}
  .mb-tilbage{appearance:none;min-height:44px;padding:0 18px;border:1.5px solid var(--m-accent);background:var(--m-surface);color:var(--m-accent);font:700 15px/1 Barlow,sans-serif;cursor:pointer}
  .mb-tilbage.svag{opacity:.4;cursor:default}
  .mb-status{flex:1;min-width:0;text-align:right;font-size:13px;color:var(--m-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mb-videre{appearance:none;border:0;min-height:52px;padding:0 24px;background:var(--m-ink);color:var(--m-ink-fg);font:700 15px/1 Barlow,sans-serif;cursor:pointer}
  .mb-videre:disabled{opacity:.5;cursor:default}
  /* trinnene */
  .mb-h{margin:0;font:600 30px/1 'Barlow Condensed',sans-serif}
  .mb-u{margin:6px 0 0;font-size:15px;line-height:1.5;color:var(--m-text)}
  .mb-lille{margin:0;font-size:13px;line-height:1.5;color:var(--m-muted)}
  .mb-lille-m{margin-top:14px}
  .mb-svag{font-style:normal;color:var(--m-faint)}
  .mb-fejl{margin:8px 0 0;padding:12px 14px;background:var(--m-wait-tint);color:var(--m-wait);font-size:14px;line-height:1.45}
  .mb-tekst{margin-top:16px;padding:16px 18px;background:var(--m-surface);border:1.5px solid var(--m-accent);font-size:17px;line-height:1.7;white-space:pre-wrap}
  .mb-tekst mark{background:var(--m-tint);color:inherit;box-shadow:inset 0 -2px 0 var(--m-accent);padding:1px 0}
  .mb-rk{display:flex;flex-direction:column;gap:6px}
  .mb-r{display:flex;align-items:center;gap:12px;min-height:46px;padding:0 14px;background:var(--m-surface);border:1px solid var(--m-line);animation:vs-rise 300ms both}
  .mb-r-f{min-height:58px;gap:14px;animation-duration:320ms}
  .mb-r.stipl{background:var(--m-tint);border:1.5px dashed var(--m-accent)}
  .mb-r.stipl .mb-re,.mb-r.stipl .mb-rv{color:var(--m-accent)}
  .mb-re{width:110px;flex:none;font:700 11px/1 Barlow,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--m-muted)}
  .mb-rv{flex:1;min-width:0;display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:15px;font-weight:600}
  .mb-rv em{font-weight:600;font-style:italic}
  .mb-ok{color:var(--m-ok)}
  .mb-hvorfor{font-weight:400;font-size:12px;flex-basis:100%}
  .mb-to{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}
  .mb-to .mb-k2{margin-bottom:6px}
  .mb-select,.mb-felt-l{min-height:46px;display:flex;align-items:center;padding:0 14px;background:var(--m-surface);border:1px solid var(--m-line);font:400 15px/1.3 Barlow,sans-serif;color:var(--m-text);width:100%;box-sizing:border-box}
  .mb-felt-l{color:var(--m-text);gap:6px}
  .mb-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
  .mb-chip{min-height:30px;display:inline-flex;align-items:center;gap:8px;padding:0 10px;background:var(--m-tint);font-size:13px}
  .mb-chip.spor{background:var(--m-surface);border:1px solid var(--m-line);min-height:36px;padding:0 6px 0 12px;font-size:14px}
  .mb-chip.spor i{width:12px;height:12px;flex:none;border:1px solid rgba(0,0,0,.15)}
  .mb-chip.spor input{border:0;background:none;font:400 14px/1 Barlow,sans-serif;color:var(--m-text);padding:0;outline:none;min-width:0}
  .mb-chip.spor input:focus{box-shadow:inset 0 -2px 0 var(--m-accent)}
  .mb-chip button,.mb-mails .mb-chip button{appearance:none;border:0;background:none;color:var(--m-muted);cursor:pointer;font-size:12px;padding:0 4px;min-width:0;min-height:0}
  .mb-chip.ny{appearance:none;background:none;border:1.5px dashed var(--m-faint);min-height:36px;padding:0 12px;font:400 14px/1 Barlow,sans-serif;color:var(--m-accent);cursor:pointer}
  /* trin 2 */
  .mb-kilder{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}
  .mb-kilde{appearance:none;min-height:60px;display:flex;align-items:center;gap:10px;padding:0 14px;font:700 14px/1.2 Barlow,sans-serif;color:var(--m-text);background:var(--m-surface);border:1.5px dashed var(--m-faint);cursor:pointer;text-align:left}
  .mb-kilde.har{border:1.5px solid var(--m-accent);background:var(--m-tint)}
  .mb-kilde span{margin-left:auto;font-size:12px;font-weight:500;color:var(--m-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:55%}
  .mb-urlrk{display:flex;gap:6px;margin-top:8px}
  .mb-urlrk input{flex:1;min-height:46px;padding:0 14px;border:1.5px solid var(--m-accent);background:var(--m-surface);font:400 15px/1 Barlow,sans-serif;color:var(--m-text);outline:none}
  .mb-lille-k{appearance:none;border:0;min-height:46px;padding:0 16px;background:var(--m-ink);color:var(--m-ink-fg);font:700 14px/1 Barlow,sans-serif;cursor:pointer}
  .mb-gav{margin-top:12px;padding:12px 14px;background:var(--m-surface);border:1px solid var(--m-line);display:flex;align-items:center;gap:12px}
  .mb-gav-l{flex:1;min-width:0;display:flex;gap:6px;flex-wrap:wrap;font-size:14px}
  .mb-gav-l>span{padding:4px 8px;background:var(--m-bg);min-height:40px;box-sizing:border-box;display:inline-flex;align-items:center}
  .mb-laes{appearance:none;border:0;background:none;font:700 13px/1 Barlow,sans-serif;color:var(--m-accent);cursor:pointer;white-space:nowrap}
  .mb-laes:disabled{opacity:.4;cursor:default}
  .mb-prik{display:inline-flex;gap:3px;margin-left:8px;vertical-align:middle}
  .mb-prik i{width:5px;height:5px;background:var(--m-accent);animation:vs-puls 1s infinite}.mb-prik i:nth-child(2){animation-delay:.2s}.mb-prik i:nth-child(3){animation-delay:.4s}
  .mb-laeser{margin-left:6px;font:400 13px/1 Barlow,sans-serif;letter-spacing:0;text-transform:none;color:var(--m-accent)}
  .mb-logo-img{height:28px;max-width:200px;object-fit:contain}
  .mb-ord{font-size:18px;font-weight:600}
  .mb-sw{display:flex;gap:6px}
  .mb-sw>span{display:flex;flex-direction:column;align-items:center;gap:3px}
  .mb-sw i{width:34px;height:34px;display:block;border:1px solid rgba(0,0,0,.15)}
  .mb-sw small{font:500 9px/1 ui-monospace,Menlo,monospace;color:var(--m-muted)}
  .mb-aa{font-size:26px;font-weight:600}
  .mb-ord2{font-size:12px;font-weight:500;color:var(--m-muted)}
  .mb-tegn{display:flex;gap:6px}
  .mb-tegn>span{width:44px;height:44px;display:grid;place-items:center;background:var(--m-field);border:1px solid var(--m-field)}
  .mb-tegn img{width:34px;height:30px;object-fit:contain}
  .mb-tom-prik{width:22px;height:22px;border-radius:50%;border:1.5px dashed var(--m-faint);display:block}
  .mb-tvivl{margin-top:12px;padding:12px 14px;background:var(--m-wait-tint)}
  .mb-tvivl .mb-k2{color:var(--m-wait)}
  .mb-tvivl ul{margin:6px 0 0;padding-left:18px;font-size:14px;line-height:1.45}
  /* trin 3 */
  .mb-stile{display:flex;flex-direction:column;gap:8px;margin-top:16px}
  .mb-stil{appearance:none;display:flex;align-items:center;gap:14px;min-height:76px;padding:0 16px;cursor:pointer;background:var(--m-surface);border:1px solid var(--m-line);text-align:left;color:var(--m-text);opacity:.75}
  .mb-stil.valgt{border:2px solid var(--m-ink);opacity:1}
  .mb-radio{width:20px;height:20px;flex:none;border-radius:50%;box-sizing:border-box;border:1.5px solid var(--m-faint)}
  .mb-stil.valgt .mb-radio{border:6px solid var(--m-ink)}
  .mb-stil-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
  .mb-stil-t>span:first-child{display:flex;align-items:center;gap:8px}
  .mb-stil b{font-size:17px}
  .mb-stil-u{font-size:13px;color:var(--m-muted)}
  .mb-forslag{min-height:22px;display:inline-flex;align-items:center;padding:0 8px;background:var(--m-tint);border:1px dashed var(--m-accent);color:var(--m-accent);font-size:11px;font-weight:700}
  /* trin 4 */
  .mb-ik{width:22px;height:22px;flex:none;fill:none;stroke:var(--m-accent);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
  .mb-kerne{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
  .mb-kk{padding:12px;background:var(--m-surface);border:1.5px solid var(--m-accent);display:flex;flex-direction:column;gap:2px}
  .mb-kk b{font-size:14px;margin-top:4px}.mb-kk span{font-size:12px;color:var(--m-muted)}
  .mb-mods{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .mb-mod{appearance:none;display:flex;align-items:center;gap:12px;min-height:60px;padding:0 14px;background:var(--m-surface);cursor:pointer;border:1px solid var(--m-line);text-align:left;color:var(--m-text)}
  .mb-mod .mb-ik{stroke:var(--m-faint)}
  .mb-mod.til{border:1.5px solid var(--m-accent)}.mb-mod.til .mb-ik{stroke:var(--m-accent)}
  .mb-mod.kommer{cursor:default;opacity:.6}
  .mb-mt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
  .mb-mt b{font-size:14px}.mb-mt span{font-size:12px;color:var(--m-muted)}
  .mb-sw2{width:42px;height:24px;flex:none;position:relative;border-radius:12px;background:var(--m-line);transition:background 200ms}
  .mb-sw2 i{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--m-surface);transition:left 200ms}
  .mb-mod.til .mb-sw2{background:var(--m-accent)}.mb-mod.til .mb-sw2 i{left:21px}
  /* trin 5 */
  .mb-input{width:100%;box-sizing:border-box;height:48px;padding:0 14px;border:1px solid var(--m-line);background:var(--m-surface);font:400 15px/1 Barlow,sans-serif;color:var(--m-text);outline:none}
  .mb-input.staerk{border:1.5px solid var(--m-accent);font-size:17px;font-weight:600}
  .mb-input:focus{border-color:var(--m-ink)}
  /* trin 6 */
  .mb-inv{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:20px;margin-top:18px;align-items:start}
  .mb-mails{display:flex;gap:6px;flex-wrap:wrap;align-items:center;padding:8px;background:var(--m-surface);border:1.5px solid var(--m-accent);min-height:48px;box-sizing:border-box;margin-bottom:6px}
  .mb-mails input{flex:1;min-width:160px;border:0;background:none;font:400 14px/1 Barlow,sans-serif;color:var(--m-text);outline:none;min-height:30px}
  .mb-link{display:flex;border:1.5px solid var(--m-accent);background:var(--m-surface)}
  .mb-link.svag{border:1.5px dashed var(--m-faint)}
  .mb-link>span{flex:1;min-width:0;height:48px;display:flex;align-items:center;padding:0 14px;font:500 13px/1 ui-monospace,Menlo,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mb-link.svag>span{font:400 14px/1 Barlow,sans-serif;color:var(--m-muted)}
  .mb-link button{appearance:none;border:0;min-height:48px;display:grid;place-items:center;padding:0 16px;background:var(--m-ink);color:var(--m-ink-fg);font:700 14px/1 Barlow,sans-serif;cursor:pointer}
  .mb-knapper{display:flex;gap:8px;margin-top:12px}
  .mb-aabn{min-height:44px;display:inline-flex;align-items:center;padding:0 16px;border:1.5px solid var(--m-accent);color:var(--m-accent);font:700 14px/1 Barlow,sans-serif;text-decoration:none}
  .mb-qrk{padding:12px;background:var(--m-surface);border:1px solid var(--m-line);text-align:center}
  .mb-qr{width:160px;height:160px;margin:0 auto}
  .mb-qr svg{width:100%;height:100%}
  .mb-qr:empty{border:1.5px dashed var(--m-line);box-sizing:border-box}
  .mb-qrk span{display:block;font-size:12px;color:var(--m-muted);margin-top:8px}
  /* Dine møderum (190 §1) */
  .mb-dr{min-height:64px}
  .mb-dr-f{width:36px!important;height:36px!important;border-radius:9px}
  .mb-dr-s{font-size:12px;font-weight:700;color:var(--m-ok);white-space:nowrap}
  .mb-dr-s.svag{color:var(--m-faint)}
  .mb-ret{appearance:none;border:1.5px solid var(--m-accent);background:var(--m-surface);color:var(--m-accent);min-height:32px;padding:0 10px;font:700 12px/1 Barlow,sans-serif;cursor:pointer;border-radius:0}
  .mb-ret.slet{border-color:transparent;color:var(--m-muted);font-weight:600}
  .mb-ret.slet:hover{color:var(--m-wait);text-decoration:underline}
  /* byg-kortets møderække på værkstedssiden Møderum */
  .mb-felter{margin-top:12px}
  .mb-felter label{display:flex;flex-direction:column;gap:6px;font:700 11px/1.2 Barlow,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--m-muted)}
}
@media (min-width:1180px){ body.sk-paa .mb{left:220px} }
/* appens fælles knap- og feltstil (hudene) giver runde hjørner og egne mål - byggerens er værkstedets */
#mb :is(button,input,select,a.mb-aabn){border-radius:0}
#mb .mb-sw2{border-radius:12px}#mb .mb-rum iframe,#mb .mb-rum-tom{border-radius:18px}#mb .mb-radio{border-radius:50%}
#mb :is(.mb-select,.mb-input,.mb-urlrk input,.mb-mails input,.mb-chip input){margin:0;width:auto}
#mb .mb-select,#mb .mb-input,#mb .mb-urlrk input{width:100%}
#vs .mb-felter select{display:block;width:100%;height:46px;min-height:46px;box-sizing:border-box;margin:0;padding:0 10px;border:1.5px solid var(--m-accent);background:var(--m-surface);font:400 15px/1 Barlow,sans-serif;color:var(--m-text);letter-spacing:0;text-transform:none;border-radius:0}
@media (prefers-reduced-motion:reduce){ .mb-r,.mb-prik i,body.sk-paa .mb{animation:none!important} }