/* =====================================================================
   v469 · handoff 249 (designerens v466) · BYG (byg-side.js). Kun roller (--m-*) og hudens form (--ss-*), så det virker i alle fem hude.
   Hex-værdierne er erstattet af roller (margin-farver.css). Tile-ikonerne har deres egne gradienter (style fra JS, tile()).
   ===================================================================== */
.bs{--bs-bg:var(--m-bg);--bs-flade:var(--m-surface);--bs-tekst:var(--m-text);--bs-daemp:var(--m-muted);--bs-svag:var(--m-faint);
  --bs-felt:var(--m-field);--bs-linje:var(--m-line);--bs-blaa:var(--m-accent);--bs-tint:var(--m-tint);--bs-ok:var(--m-ok);--bs-oktint:var(--m-ok-tint);
  --bs-roed:var(--m-rec);--bs-ink:var(--m-ink);--bs-head:var(--ss-head,'Bricolage Grotesque',sans-serif);--bs-hw:var(--ss-hw,800);--bs-ease:cubic-bezier(.2,.8,.2,1);
  position:fixed;left:0;right:0;z-index:60;background:var(--bs-bg);color:var(--bs-tekst);display:none;flex-direction:column;overflow:hidden;font-family:var(--ss-body,inherit)}
.bs button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.bs.bs-aaben{display:flex}
/* som side: mellem toppen og dokken (TJEK: --bs-top/--bs-dock sættes af appen, hvis toppen/dokken er anderledes høj) */
.bs:not(.bs-pop){top:var(--bs-top,46px);bottom:var(--bs-dock,96px);animation:bs-fade .25s both}
/* v470e (Robin 3/11, Android-appen: "skalerer den ikke mærkeligt i bunden?"): dokken og hovedet står over telefonens
   navigations- og statuslinje (env(safe-area-inset-*)) - Byg-siden skal holde samme afstand, ellers dækker den dokkens ikoner */
.bs:not(.bs-pop){top:calc(var(--bs-top,46px) + env(safe-area-inset-top,0px));bottom:calc(var(--bs-dock,96px) + env(safe-area-inset-bottom,0px))}
/* som ark: nedefra, med mørk baggrund */
.bs.bs-pop{bottom:0;height:min(734px,92vh);border-radius:30px 30px 0 0;box-shadow:0 -10px 30px rgba(24,34,46,.12);animation:bs-op .45s var(--bs-ease) both}
.bs-bag{position:fixed;inset:0;z-index:55;background:rgba(24,34,46,.32);opacity:0;pointer-events:none;transition:opacity .3s}
.bs-bag.bs-vis{opacity:1;pointer-events:auto}
.bs.bs-traekker{transform:translateY(70%);transition:transform .3s var(--bs-ease)}
.bs-greb{align-self:center;width:40px;height:5px;border-radius:3px;background:var(--m-faint);margin-top:10px;flex:none}

.bs-hoved{display:flex;align-items:center;gap:10px;padding:14px 20px 4px;flex:none}
.bs-titel{flex:1;font:var(--bs-hw) 30px/1 var(--bs-head);letter-spacing:-.02em}
.bs-h-mid{flex:1;text-align:center;font-size:15px}
.bs-h2{font:var(--bs-hw) 24px/1.08 var(--bs-head);letter-spacing:-.02em}
.bs-h3{font:var(--bs-hw) 18px/1.1 var(--bs-head);letter-spacing:-.02em}
.bs-kick{font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--bs-daemp)}
.bs-u{margin:0;font-size:13px;line-height:1.45;color:var(--bs-daemp);text-wrap:pretty}
.bs-link{font-size:12px;font-weight:700;color:var(--bs-blaa)}
.bs-faner{display:flex;gap:3px;padding:3px;margin:6px 20px 4px;border-radius:999px;background:var(--bs-felt);flex:none}
.bs-faner button{flex:1;min-height:36px;border:0;border-radius:999px;background:transparent;font-size:13px;font-weight:700;transition:background .2s,color .2s}
.bs-faner button.paa{background:var(--bs-tekst);color:var(--bs-flade)}
.bs-krop{flex:1;min-height:0;overflow-y:auto;padding:6px 20px 30px;display:flex;flex-direction:column;gap:10px;scrollbar-width:none}
.bs-krop::-webkit-scrollbar{display:none}
.bs-soeg{padding:6px 20px 8px;flex:none}
.bs-soeg input{width:100%;height:44px;box-sizing:border-box;border:0;border-radius:999px;background:var(--bs-flade);padding:0 18px;font-size:16px;color:var(--bs-tekst);outline:none}
.bs-chips{display:flex;gap:6px;overflow-x:auto;padding:2px 20px 10px;flex:none;scrollbar-width:none}
.bs-chips.wrap{flex-wrap:wrap;overflow:visible;padding:0}
.bs-chips button{flex:none;min-height:34px;padding:0 13px;border:0;border-radius:999px;background:var(--bs-felt);font-size:12px;font-weight:700;white-space:nowrap;transition:background .2s,color .2s}
.bs-chips.wrap button{border:1.5px solid var(--bs-tekst);background:var(--bs-flade)}
.bs-chips button.paa{background:var(--bs-tekst);color:var(--bs-flade)}
.bs-chips.mini i{font-style:normal;padding:3px 9px;border-radius:999px;background:var(--bs-bg);font-size:11px;font-weight:700}

.bs-ik{flex:none;display:grid;place-items:center;color:var(--m-tile-fg);text-shadow:0 1px 2px rgba(0,0,0,.22);font-weight:700}
.bs-rad,.bs-flow,.bs-frad{display:flex;align-items:center;gap:12px;padding:10px 12px;border:0;border-radius:20px;background:var(--bs-flade);cursor:pointer;text-align:left;animation:bs-ind .3s both;touch-action:pan-y}
.bs-frad{padding:8px;border-radius:16px;background:var(--bs-bg);gap:10px}
.bs-rad-x{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.bs-rad-x>b{font-size:15px;line-height:1.2}
.bs-rad-x>span{font-size:12px;line-height:1.35;color:var(--bs-daemp);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bs-rad-k{flex:none;min-width:76px;min-height:32px;padding:0 12px;border:0;border-radius:999px;font-size:13px;font-weight:700}
.bs-rad-k.blaa{background:var(--bs-tint);color:var(--bs-blaa)}
.bs-rad-k.ok{background:var(--bs-oktint);color:var(--bs-ok)}
.bs-brug{flex:none;font-size:11px;font-weight:700;color:var(--bs-svag)}
.bs-egen{font-style:normal;padding:2px 6px;border-radius:999px;background:var(--bs-blaa);color:var(--m-tile-fg);font-size:9px;font-weight:700;letter-spacing:.06em;vertical-align:2px}
.bs-chev{color:var(--bs-svag);font-size:18px}
.bs-tal{display:flex;gap:4px;margin-top:2px}
.bs-tal i{font-style:normal;padding:2px 8px;border-radius:999px;background:var(--bs-bg);font-size:10px;font-weight:700;color:var(--bs-daemp)}
.bs-lav,.bs-egen-k{display:flex;align-items:center;gap:14px;padding:16px 18px;border:2px dashed var(--m-faint);border-radius:22px;background:none;text-align:left}
.bs-lav>span:last-child,.bs-egen-k>span:last-child{display:flex;flex-direction:column;gap:2px}
.bs-lav b,.bs-egen-k b{font-size:16px}
.bs-lav span span,.bs-egen-k span span{font-size:13px;line-height:1.4;color:var(--bs-daemp)}
.bs-egen-k{padding:12px 14px;border:1.5px dashed var(--bs-blaa);border-radius:20px;background:var(--bs-tint)}
.bs-egen-k b{color:var(--bs-blaa);font-size:15px}
.bs-hint{display:flex;gap:8px;padding:8px 12px;border-radius:14px;background:var(--bs-tint);color:var(--bs-blaa);font-size:13px;font-weight:700}
.bs-pick{display:flex;align-items:center;gap:8px;margin:6px 20px 2px;padding:8px 8px 8px 16px;border-radius:18px;background:var(--bs-ink);color:var(--m-tile-fg);font-size:13px;flex:none;animation:bs-ind .3s both}
.bs-pick span{flex:1}
.bs-pick button{min-height:34px;padding:0 16px;border:0;border-radius:999px;background:var(--bs-flade);color:var(--bs-tekst);font-size:13px;font-weight:700}
.bs-tom{padding:24px 4px;display:flex;flex-direction:column;gap:10px;align-items:flex-start}

.bs-se-sk{align-self:flex-start;display:flex;align-items:center;gap:8px;min-height:34px;padding:0 12px 0 8px;border:1.5px solid var(--bs-linje);border-radius:999px;background:var(--bs-flade);font-size:13px;font-weight:700}
.bs-se-sk i{width:14px;height:18px;box-sizing:border-box;border:1.5px solid var(--bs-daemp);border-radius:4px}
.bs-se-sk span{color:var(--bs-svag)}
.bs-det-top{display:flex;align-items:center;gap:12px;padding:4px 2px}
.bs-det-top>span{display:flex;flex-direction:column;gap:4px;min-width:0}
.bs-mk{align-self:flex-start;padding:3px 9px;border-radius:999px;background:var(--bs-felt);font-size:10px;font-weight:700;letter-spacing:.08em}
.bs-om{margin:0;font-size:16px;line-height:1.5;text-wrap:pretty}
.bs-fakta{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:13px;line-height:1.4}
.bs-fakta>div{display:flex;flex-direction:column;gap:3px}
.bs-prev-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:32px;grid-auto-flow:row dense;gap:6px;padding:12px;border-radius:18px;background:var(--bs-flade)}
.bs-prev-grid i{border-radius:10px}.bs-prev-grid i.fyld{background:var(--bs-bg)}
.bs-to{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.bs-fase{background:var(--bs-flade);border-radius:22px;padding:12px;display:flex;flex-direction:column;gap:8px;animation:bs-ind .3s both}
.bs-fase-h{display:flex;align-items:baseline;gap:8px;padding:0 4px}
.bs-fase-h b{font:var(--bs-hw) 18px/1 var(--bs-head);letter-spacing:-.02em}
.bs-fase-h span{font-size:12px;color:var(--bs-daemp)}
.bs-rund{width:28px;height:28px;flex:none;border:0;border-radius:50%;background:var(--bs-flade);font-size:13px;font-weight:700;display:grid;place-items:center}
.bs-rund.mork{background:var(--bs-daemp);color:var(--m-tile-fg)}
.bs-rund.kant{width:44px;height:44px;box-shadow:inset 0 0 0 1.5px var(--bs-linje)}
.bs-rund.blaa{width:44px;height:44px;background:var(--bs-blaa);color:var(--m-tile-fg);font-size:18px}
.bs-rund:disabled{opacity:.35}
.bs-stiplet{min-height:40px;border:1.5px dashed var(--m-faint);border-radius:14px;background:none;color:var(--bs-daemp);font-size:12px;font-weight:700}
.bs-stiplet.blaa{border-color:var(--bs-blaa);background:var(--bs-tint);color:var(--bs-blaa)}
.bs-stiplet.lille{min-height:34px;padding:0 12px;border-radius:999px}
.bs-knap-lys{align-self:flex-start;min-height:36px;padding:0 14px 0 10px;border:0;border-radius:999px;background:var(--bs-flade);font-size:14px;font-weight:700}
.bs-knap-lys.rund{padding:0 20px;min-height:50px;background:var(--bs-felt)}
.bs-knap-lys:disabled{opacity:.4}
.bs-knap-kant{min-height:40px;border:1.5px solid var(--bs-tekst);border-radius:999px;background:var(--bs-flade);font-size:13px;font-weight:700}
.bs-knap-blaa,.bs-knap-ok,.bs-knap-graa,.bs-knap-roed{min-height:40px;padding:0 16px;border:0;border-radius:999px;font-size:13px;font-weight:700}
.bs-knap-blaa{background:var(--bs-blaa);color:var(--m-tile-fg)}.bs-knap-ok{background:var(--bs-oktint);color:var(--bs-ok)}.bs-knap-graa{background:var(--bs-felt);color:var(--bs-svag)}
.bs-knap-roed{background:linear-gradient(160deg,var(--m-tile-forslag-l),var(--m-rec));color:var(--m-tile-fg);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 6px 14px rgba(194,54,54,.3)}
.stor{flex:1;min-height:50px;font-size:15px}
.bs-knap-tekst{min-height:34px;padding:0 10px;border:0;background:none;color:var(--bs-daemp);font-size:12px;font-weight:700}

/* bygger */
.bs-qb-top{flex:none;padding:4px 16px 10px;display:flex;flex-direction:column;gap:10px}
.bs-qb-knap{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:22px;background:var(--bs-flade);box-shadow:0 6px 18px rgba(24,34,46,.06)}
.bs-qb-knap>div{width:176px;height:64px;flex:none;box-sizing:border-box;border-radius:20px;background:var(--bs-bg);padding:0 12px;display:flex;align-items:center;gap:9px}
.bs-qb-knap>div>span{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.bs-qb-knap b{font:var(--bs-hw) 15px/1.1 var(--bs-head);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bs-qb-knap>div>span>span{font-size:11px;color:var(--bs-daemp);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bs-trin{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}
.bs-trin button{border:0;background:none;padding:0;display:flex;flex-direction:column;gap:5px;text-align:left}
.bs-trin i{height:4px;border-radius:2px;background:var(--m-faint);transition:background .3s}
.bs-trin .gjort i{background:var(--bs-blaa)}
.bs-trin span{font-size:11px;font-weight:700;color:var(--bs-svag)}.bs-trin .nu span{color:var(--bs-tekst)}
.bs-qb-krop{padding:4px 16px 20px;gap:12px;animation:bs-ind .3s both}
.bs-fod{flex:none;display:flex;gap:8px;padding:10px 16px 18px;border-top:1px solid var(--bs-linje);background:var(--bs-bg)}
.bs-felt{height:50px;box-sizing:border-box;border:1.5px solid var(--bs-blaa);border-radius:999px;background:var(--bs-flade);padding:0 18px;font-size:16px;color:var(--bs-tekst);outline:none;flex:1;min-width:0}
.bs-farver{display:flex;gap:12px}
.bs-farver button{width:44px;height:44px;border:0;border-radius:14px;transition:box-shadow .2s}
.bs-farver button.paa{box-shadow:0 0 0 3px var(--bs-bg),0 0 0 5.5px var(--bs-tekst)!important}
.bs-kort{background:var(--bs-flade);border-radius:22px;padding:14px 16px;display:flex;flex-direction:column;gap:8px}
.bs-kort.tæt{gap:0;padding:6px 16px}
.bs-tog{display:flex;align-items:center;gap:12px;min-height:54px;border-top:1px solid var(--m-line-soft)}
.bs-kort.tæt .bs-tog:first-child{border-top:0}
.bs-tog>span{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.bs-tog b{font-size:15px}.bs-tog span span{font-size:12px;color:var(--bs-daemp)}
.bs-sw{position:relative;width:44px;height:26px;flex:none;border:0;border-radius:13px;background:var(--m-faint);padding:0;transition:background .2s}
.bs-sw i{position:absolute;top:2px;left:2px;width:22px;height:22px;border-radius:50%;background:var(--m-tile-fg);box-shadow:0 1px 3px rgba(0,0,0,.25);transition:left .2s}
.bs-sw.paa{background:var(--bs-ok)}.bs-sw.paa i{left:20px}
.bs-select{position:relative}
.bs-select select{width:100%;height:48px;box-sizing:border-box;appearance:none;-webkit-appearance:none;border:1.5px solid var(--bs-linje);border-radius:14px;background:var(--bs-bg);padding:0 40px 0 14px;font-size:15px;font-weight:700;color:var(--bs-tekst);outline:none}
.bs-select span{position:absolute;right:14px;top:50%;transform:translateY(-50%);pointer-events:none;font-size:12px;color:var(--bs-daemp)}
.bs-tæller{display:flex;align-items:center;gap:12px}
.bs-tæller b:first-child{flex:1;font-size:15px}
.bs-tæller button{width:40px;height:40px;border:0;border-radius:50%;background:var(--bs-felt);font-size:18px;font-weight:700}
.bs-tæller button.mork{background:var(--bs-tekst);color:var(--m-tile-fg)}
.bs-tæller b:nth-child(3){width:28px;text-align:center;font-size:20px}
.bs-sum{display:flex;gap:12px;padding:12px 14px;border:0;border-radius:20px;background:var(--bs-flade);text-align:left}
.bs-sum>.bs-kick{width:44px;flex:none;padding-top:3px}

/* den lille mødeskærm i Under */
.bs-mini{align-self:center;width:268px;box-sizing:border-box;border:7px solid var(--bs-ink);border-radius:34px;background:var(--bs-ink);box-shadow:0 12px 28px rgba(24,34,46,.16);transition:box-shadow .2s;touch-action:pan-y}
.bs-mini.over{box-shadow:0 0 0 4px var(--bs-blaa),0 16px 34px rgba(44,71,181,.25)}
.bs-mini-skaerm{border-radius:27px;background:var(--bs-bg);padding:8px 8px 10px;display:flex;flex-direction:column;gap:8px;min-height:330px}
.bs-mini-baand{height:26px;border-radius:13px;background:var(--bs-ink);display:flex;align-items:center;gap:6px;padding:0 10px;color:var(--m-tile-fg);font-size:10px}
.bs-mini-baand i{width:7px;height:7px;border-radius:50%;background:var(--bs-roed)}
.bs-mini-baand span{flex:1;font-size:9px;opacity:.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bs-mini-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:46px;grid-auto-flow:row dense;gap:6px;flex:1;align-content:start}
.bs-mini-grid.ind-h .bs-mini-w{animation:bs-ind-h .35s var(--bs-ease) both}.bs-mini-grid.ind-v .bs-mini-w{animation:bs-ind-v .35s var(--bs-ease) both}
.bs-mini-w{position:relative;box-sizing:border-box;border-radius:12px;background:var(--bs-flade);box-shadow:0 2px 6px rgba(24,34,46,.06);padding:7px 8px;display:flex;flex-direction:column;gap:4px;overflow:visible}
.bs-mini-w.app{background:none;box-shadow:none;padding:0;align-items:center;gap:3px}
.bs-mini-w.app>span:last-of-type{font-size:8px;font-weight:700;max-width:58px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bs-mini-w.pop{animation:bs-pop .45s cubic-bezier(.2,.9,.3,1.3) both}
.bs-mini-cap{display:flex;align-items:center;gap:4px;font-size:8px;font-weight:700;letter-spacing:.06em;color:var(--bs-daemp);white-space:nowrap;overflow:hidden}
.bs-mini-cap i{font-style:normal}
.bs-mini-w i.bar{display:block;height:5px;border-radius:3px;background:var(--bs-felt)}
.bs-mini-minus{position:absolute;left:-5px;top:-5px;width:18px;height:18px;border:0;border-radius:50%;background:var(--bs-daemp);color:var(--m-tile-fg);font-size:12px;font-weight:700;display:grid;place-items:center;box-shadow:0 1px 3px rgba(24,34,46,.25)}
.bs-mini-w.app .bs-mini-minus{left:calc(50% - 22px)}
.bs-mini-tom{grid-column:span 4;grid-row:span 3;border:1.5px dashed var(--m-faint);border-radius:14px;display:grid;place-items:center;text-align:center;padding:0 20px;font-size:11px;color:var(--bs-svag)}
.bs-mini-dots{display:flex;justify-content:center;gap:5px;padding:2px 0}
.bs-mini-dots i{width:5px;height:5px;border-radius:3px;background:var(--m-faint);transition:width .3s,background .3s}
.bs-mini-dots i.paa{width:14px;background:var(--bs-tekst)}
.bs-mini-dock{height:34px;border-radius:12px;background:rgba(255,253,248,.95);box-shadow:0 2px 8px rgba(24,34,46,.08);display:grid;grid-template-columns:repeat(4,1fr);align-items:center;justify-items:center}
.bs-mini-dock i{width:20px;height:20px;border-radius:7px}
.bs-sider{display:flex;align-items:center;gap:8px;justify-content:center}
.bs-sider b{min-width:110px;text-align:center;font-size:13px}
.bs-sider .bs-rund{width:34px;height:34px}
.bs-tray{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));row-gap:12px}
.bs-tray-k{touch-action:none;border:0;background:none;padding:0;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:grab;animation:bs-ind .3s both}
.bs-tray-k span:last-child{font-size:10px;font-weight:700;max-width:68px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bs-ghost{position:absolute;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:16px;color:var(--m-tile-fg);display:grid;place-items:center;font-size:22px;font-weight:700;pointer-events:none;z-index:20;transform:scale(1.1) rotate(-4deg);box-shadow:0 14px 26px rgba(24,34,46,.3)!important}

/* chatten */
.bs-chat-knap{flex:none;margin:0 16px 8px;border-radius:20px;background:var(--bs-flade);box-shadow:0 6px 18px rgba(24,34,46,.07);overflow:hidden}
.bs-chat-knap>button{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;border:0;background:none;text-align:left}
.bs-chat-prev{padding:0 12px 12px;max-height:150px;overflow-y:auto;animation:bs-ind .3s both}
.bs-chat-prev .ref{padding:12px;border-radius:14px;background:var(--bs-bg);display:flex;flex-direction:column;gap:9px;font-size:13px;line-height:1.45}
.bs-chat-prev .ref.tom{color:var(--bs-daemp)}
.bs-chat-prev .ref>div{display:flex;flex-direction:column;gap:4px}
.bs-chat-prev .ref b{font:var(--bs-hw) 14px/1.1 var(--bs-head)}
.bs-chat-prev .ref i{height:6px;width:80%;border-radius:3px;background:var(--bs-linje)}
.bs-chat-prev .ref i.cit{width:60%;background:var(--bs-tint);border-left:3px solid var(--bs-blaa)}
.bs-chat-prev .int{padding:12px;border-radius:14px;background:var(--bs-ink);color:var(--m-tile-fg);display:flex;flex-direction:column;gap:8px}
.bs-chat-prev .int span{font-size:10px;font-weight:700;letter-spacing:.1em;opacity:.7}
.bs-chat-prev .int b{font:var(--bs-hw) 17px/1.2 var(--bs-head)}
.bs-chat-prev .int button{align-self:flex-start;min-height:30px;padding:0 12px;border:0;border-radius:999px;background:var(--bs-flade);color:var(--bs-tekst);font-size:11px;font-weight:700}
.bs-chat-msgs{flex:1;min-height:0;overflow-y:auto;padding:4px 16px 10px;display:flex;flex-direction:column;gap:10px;scrollbar-width:none}
.bs-msg{display:flex;gap:8px;animation:bs-ind .25s both}
.bs-msg.me{align-self:flex-end;max-width:82%;flex-direction:column;align-items:flex-end;gap:6px}
.bs-msg.ai{align-self:flex-start;max-width:88%}
.bs-boble{display:flex;flex-direction:column;gap:8px;padding:10px 14px;font-size:15px;line-height:1.45}
.bs-msg.me .bs-boble{border-radius:20px 20px 6px 20px;background:var(--bs-ink);color:var(--m-tile-fg)}
.bs-msg.ai .bs-boble{border-radius:20px 20px 20px 6px;background:var(--bs-flade)}
.bs-avatar{width:26px;height:26px;flex:none;border-radius:50%;background:var(--bs-flade);box-shadow:0 1px 3px rgba(24,34,46,.12);position:relative;margin-top:2px}
.bs-avatar::before{content:'';position:absolute;left:8px;top:6px;bottom:6px;width:2px;background:var(--bs-roed)}
.bs-avatar::after{content:'';position:absolute;left:12px;top:9px;width:7px;height:2px;background:var(--bs-tekst);box-shadow:0 4px 0 var(--bs-tekst)}
.bs-liste{display:flex;flex-direction:column;gap:4px;padding:8px 10px;border-radius:12px;background:var(--bs-bg);font-size:13px}
.bs-eks{padding:8px 10px;border-radius:12px;background:var(--bs-bg);border-left:3px solid var(--bs-blaa);font-size:13px;line-height:1.45;color:var(--bs-daemp)}
.bs-prikker{flex-direction:row;gap:5px;padding:13px 15px}
.bs-prikker i{width:7px;height:7px;border-radius:50%;background:var(--bs-daemp);animation:bs-prik 1s infinite}
.bs-prikker i:nth-child(2){animation-delay:.15s}.bs-prikker i:nth-child(3){animation-delay:.3s}
.bs-fil{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:16px;background:var(--bs-flade);box-shadow:inset 0 0 0 1.5px var(--bs-linje)}
.bs-fil i{width:30px;height:36px;border-radius:6px;background:var(--bs-tint);color:var(--bs-blaa);display:grid;place-items:center;font-size:9px;font-weight:700;font-style:normal}
.bs-fil span{display:flex;flex-direction:column;gap:1px}.bs-fil b{font-size:13px}.bs-fil span span{font-size:11px;color:var(--bs-svag)}
.bs-chat-chips{flex:none;display:flex;gap:6px;overflow-x:auto;padding:0 16px 8px;scrollbar-width:none}
.bs-chat-chips button{flex:none;min-height:34px;padding:0 12px;border:1.5px solid var(--bs-tekst);border-radius:999px;background:var(--bs-flade);font-size:12px;font-weight:700;white-space:nowrap}
.bs-chat-in{flex:none;display:flex;align-items:center;gap:6px;padding:0 12px 10px}
.bs-chat-in .bs-felt{height:46px;padding:0 16px}
.bs .bs-fod:last-child{border-top:0}

@keyframes bs-op{from{transform:translateY(100%)}to{transform:none}}
@keyframes bs-fade{from{opacity:0}to{opacity:1}}
@keyframes bs-ind{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes bs-ind-h{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:none}}
@keyframes bs-ind-v{from{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:none}}
@keyframes bs-pop{0%{transform:scale(.3);opacity:0}70%{transform:scale(1.12);opacity:1}100%{transform:scale(1)}}
@keyframes bs-prik{0%,80%,100%{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
@media (prefers-reduced-motion:reduce){.bs,.bs *{animation:none!important;transition:none!important}}
/* computeren: Byg som side ligger i midten med fast bredde (TJEK med computer.js' layout) */
@media (min-width:900px){.bs:not(.bs-pop){left:50%;right:auto;width:440px;transform:translateX(-50%)}.bs.bs-pop{left:50%;right:auto;width:440px;margin-left:-220px}}

/* ---------------------------------------------------------------- v469: startknapperne på Start (som .bs-qb-knap>div) og dokkens Byg */
.bs-start{display:flex;gap:10px;overflow-x:auto;padding:4px 16px 10px;justify-content:safe center;max-width:100%;box-sizing:border-box;scrollbar-width:none}
.bs-start::-webkit-scrollbar{display:none}
.bs-start-k{width:176px;height:64px;flex:none;box-sizing:border-box;border:0;border-radius:20px;background:var(--m-surface);color:var(--m-text);padding:0 12px;display:flex;align-items:center;gap:9px;text-align:left;box-shadow:0 6px 18px rgba(24,34,46,.06);cursor:pointer;font:inherit}
.bs-start-k>span{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.bs-start-k b{font:var(--m-head-weight,800) 15px/1.1 var(--m-font-head,inherit);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bs-start-k>span>span{font-size:11px;color:var(--m-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bs-start-k .bs-ik{flex:none}
.tab-byg{position:relative}
.tab-byg-ur{position:absolute;top:2px;right:50%;transform:translateX(34px);font-size:9px;font-weight:700;padding:1px 5px;border-radius:999px;background:var(--m-rec);color:var(--m-tile-fg);font-variant-numeric:tabular-nums}

/* v469b (Robin 2/11): husets mødeknapper med deres egen tegning på fliserne */
.bs-ik>.kn-flise,.bs-ghost>.kn-flise{width:1.3em;height:1.3em;stroke:var(--m-tile-fg);stroke-width:1.9;filter:drop-shadow(0 1px 1px rgba(0,0,0,.25))}

/* v470 · handoff 252/253/254: samme ikoner som på mødeskærmen - tegningen i tingens farve på et lyst felt (Knapper.ikon sætter
   feltet inline efter huden: blankt i Bordet, fladt papir i Margen). Tegnet fylder 52 % af feltet (253). */
.bs-ik[data-hf],.bs-ghost[data-hf]{color:var(--kf);text-shadow:none}
.bs-ik>.kn-ikon{width:52%;height:52%;max-width:30px;max-height:30px;display:block}
.bs-ghost>.kn-ikon{width:26px;height:26px;display:block}
.bs-ik>.kn-ikon-t,.bs-ghost>.kn-ikon-t{font-weight:700;line-height:1}
.bs-rad[data-traek]{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:pan-y}

/* ---------------- v470 · handoff 253 (designerens v467): infokortet i byggeren og ikon-rækkerne i Før/Efter ---------------- */
.bs-tog-x{flex:1;min-width:0;display:flex;align-items:center;gap:12px;border:0;background:none;padding:6px 0;text-align:left;color:inherit;font:inherit;cursor:pointer}
.bs-tog-x>span{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.bs-tog-x b{font-size:15px}.bs-tog-x span span{font-size:12px;color:var(--bs-daemp)}
.bs-i{width:22px;height:22px;flex:none;box-sizing:border-box;border-radius:50%;border:1.5px solid var(--m-line);color:var(--bs-daemp);font:700 12px/19px var(--ss-body,inherit);font-style:normal;text-align:center}
.bs-mini-w{cursor:pointer}
.bs-mini-cap svg{flex:none}
.bs-info-bag{position:absolute;inset:0;z-index:25;background:rgba(24,34,46,.3);animation:bs-fade .2s both}
.bs-info{position:absolute;left:0;right:0;bottom:0;z-index:26;max-height:86%;overflow-y:auto;border-radius:28px 28px 0 0;background:var(--bs-bg);padding:10px 20px 22px;display:flex;flex-direction:column;gap:14px;box-shadow:0 -10px 30px rgba(24,34,46,.15);animation:bs-op .38s var(--bs-ease) both}
.bs-fakta.kort>div{background:var(--bs-flade);border-radius:18px;padding:12px 14px;gap:4px}
.bs-fakta.en{grid-template-columns:1fr}
.bs-to-fod{display:flex;gap:8px}
.bs-knap-moerk{min-height:40px;padding:0 16px;border:0;border-radius:999px;font-size:13px;font-weight:700;background:var(--bs-daemp);color:var(--m-tile-fg)}
html.hud.margen .bs-info{border-radius:18px 18px 0 0}
.bs-tog-x>.bs-ik{flex:none}
.bs-ik[data-hf]{display:grid;place-items:center;flex:none}
/* v470: `.bs button{color:inherit}` vandt over knappernes egen tekstfarve - lys tekst på de mørke og blå knapper igen */
.bs .bs-knap-blaa,.bs .bs-knap-moerk,.bs .bs-knap-roed,.bs .bs-rund.mork,.bs .bs-rund.blaa,.bs .bs-tæller button.mork{color:var(--m-tile-fg)}
.bs .bs-knap-ok{color:var(--bs-ok)}.bs .bs-knap-graa{color:var(--bs-svag)}

/* v470 · handoff 252/254 §1: dokkens indhold (alle hude) - designerens ikoner, uret som mærke på Mødet. Formen i Bordet og
   Margen står i hud/bordet.css og hud/margen.css (html.md-dok). */
.tab[data-dok]{position:relative}
.tab .mdk-ik{display:grid;place-items:center}
.tab[data-dok] .tab-prik{display:none!important}
.tab[data-dok].tab-rec svg,.tab[data-dok].tab-stille svg{display:block}
.mdk-ur{position:absolute;top:-8px;left:calc(50% + 4px);padding:2px 6px;border-radius:999px;background:var(--m-rec);color:var(--m-tile-fg);font-size:10px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:0;line-height:1.2}

/* v470b: faserne i Funktioner - Før · Under · Efter som overskrifter, kategorierne som små overskrifter under dem */
.bs-fase-t{display:block;margin-top:14px;font:var(--bs-hw) 20px/1.1 var(--bs-head);letter-spacing:-.02em;color:var(--m-text)}
.bs-fase-t:first-child{margin-top:0}

/* v470b: Slet mødeflowet - nederst på flowets side, rød tekst, ingen fyldt knap */
.bs .bs-slet{align-self:center;margin-top:8px;min-height:44px;padding:0 18px;border:0;background:none;color:var(--m-rec);font-size:14px;font-weight:700;cursor:pointer}

/* v471 (Robin 3/11, lærredets bud 1): OPTAGEKNAPPEN I DOKKEN - 60 px, hævet 30 px, samme størrelse og plads på alle sider.
   Kun Bordet og Margen på telefonen (html.dok-optag sættes af byg-side.js sammen med md-dok). Designerens røde forløb står i
   hud/bordet.css og hud/margen.css. Inkognito = inkognitos farve, Samtykke = samtykkets ring, under optagelsen en hvid puls. */
.tab-optag{display:none}
html.dok-optag .tabbar{grid-template-columns:repeat(5,minmax(0,1fr))!important}
html.dok-optag .tabbar .tab-optag{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;margin:0;padding:0;border:0;background:none;
  cursor:pointer;color:var(--m-text);font-family:inherit;font-size:11px;font-weight:700;line-height:1;-webkit-tap-highlight-color:transparent}
.tab-optag .dko-k{position:relative;display:block;width:60px;height:60px;margin-top:-30px;border-radius:50%;background-color:var(--m-rec);
  box-shadow:inset 0 2px 0 rgba(255,255,255,.3),0 6px 14px rgba(0,0,0,.16),0 0 0 5px var(--m-bg),0 0 0 6.5px var(--m-line-soft);transition:background-color .2s,transform .15s}
.tab-optag:active .dko-k{transform:scale(.94)}
.tab-optag:focus-visible{outline:none}
.tab-optag:focus-visible .dko-k{outline:2px solid var(--m-accent);outline-offset:9px}
.tab-optag .dko-n{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tab-optag[data-til="ink"] .dko-k{background-color:var(--m-incognito)!important;background-image:none!important}
.tab-optag[data-til="ink"] .dko-n{color:var(--m-incognito)}
.tab-optag[data-til="sam"] .dko-k{box-shadow:inset 0 2px 0 rgba(255,255,255,.3),0 6px 14px rgba(0,0,0,.16),0 0 0 5px var(--m-bg),0 0 0 7.5px var(--m-consent)!important}
.tab-optag[data-til="sam"] .dko-n{color:var(--m-consent)}
.tab-optag .dko-k i{display:none}
.tab-optag[data-til="rec"] .dko-k i{display:block;position:absolute;inset:21px;border-radius:50%;background:var(--m-tile-fg);animation:dko-puls 1.6s ease-in-out infinite}
@keyframes dko-puls{50%{transform:scale(.7);opacity:.6}}
@media (prefers-reduced-motion:reduce){.tab-optag[data-til="rec"] .dko-k i{animation:none}.tab-optag .dko-k{transition:none}}

/* Start med knappen i dokken: den store knap er væk (den kommer igen med samtykke tændt - pladserne sidder rundt om den).
   Robin 3/11 efter første kig: "inkognito og samtykke fylder meget ... kan de være lille skrift over" og "hvem det deles med -
   kan vi nøjes med at skrive det oppe ved møderækken?" - så ◌ Inkognito · □ Samtykke og mikrofonen står i deres lille form lige
   over dokkens knap, og linjen "Deles med" er væk fra Start (rækkens kort siger det allerede). Rullefeltet får 30 px mere luft
   i bunden til den hævede knap. */
html.dok-optag body:not(.sk-paa):not(.samtykke) #view-record.ss-klar:not(.kompakt):not(.o3-paa) #rec-button{display:none}
html.dok-optag body:not(.sk-paa) #view-record.ss-klar:not(.kompakt):not(.o3-paa) #dm-linje{display:none}
html.dok-optag body:not(.sk-paa) #view-record.ss-klar:not(.kompakt):not(.o3-paa) .record-area{padding-bottom:calc(var(--ss-bund,64px) + 38px)}

/* Byg med knappen i dokken (Robin: "mærkeligt overlap mellem Byg og optageknap"): siden slutter over den hævede knap, og
   strimlen mellem siden og dokken fyldes med sidens baggrund (dokkens skygge i hud/*.css), så siden bagved ikke titter frem */
html.dok-optag .bs:not(.bs-pop){bottom:calc(var(--bs-dock,96px) + 32px + env(safe-area-inset-bottom,0px))}

/* v471 (Robin 3/11: "byg træk ud på Start"): dine egne knapper på Start - under dagsordenen, i Starts egne kort (--ss-*). Et tryk
   kører knappen på rækkens seneste møder, svaret står i kortet; ✕ tager den af. Spøgelset hænger under fingeren, mens man
   trækker fra Byg, og rullefeltet viser med en stiplet kant, at man kan slippe. */
html body:not(.sk-paa) #view-record.ss-klar:not(.kompakt):not(.o3-paa) #st-ting{order:2}
.st-ting{display:flex;flex-direction:column;gap:10px}
.st-ting[hidden]{display:none}
.st-kort{position:relative;background:var(--m-surface);border:var(--ss-bd,0);box-shadow:var(--ss-sh,none);border-radius:var(--ss-r,20px);overflow:hidden}
.st-hoved{display:flex;align-items:center;gap:12px;width:100%;min-height:62px;margin:0;padding:10px 52px 10px 12px;border:0;background:none;
  text-align:left;cursor:pointer;color:var(--m-text);font:inherit;-webkit-tap-highlight-color:transparent}
.st-x{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.st-x b{font:var(--ss-hw,700) 16px/1.2 var(--ss-head,inherit);letter-spacing:-.01em}
.st-x span{font-size:12px;color:var(--m-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.st-pil{flex:none;color:var(--m-faint);font-size:18px}
.st-af{position:absolute;top:14px;right:8px;width:34px;height:34px;display:grid;place-items:center;margin:0;padding:0;border:0;border-radius:50%;
  background:none;color:var(--m-faint);font-size:13px;cursor:pointer}
.st-af:focus-visible,.st-hoved:focus-visible{outline:2px solid var(--m-accent);outline-offset:-2px}
.st-svar{padding:0 16px 14px 64px;font-size:14px;line-height:1.5;color:var(--m-text);white-space:pre-wrap;overflow-wrap:anywhere}
.st-spoegelse{position:fixed;z-index:230;margin:-26px 0 0 -26px;pointer-events:none;transform:scale(1.1) rotate(-4deg);filter:drop-shadow(0 8px 14px rgba(0,0,0,.18))}
#opt-rul.st-over{outline:2px dashed var(--m-accent);outline-offset:-4px}

/* v472 (Robin 3/11, lærredet "Byg med Margin"): én chat til knapper, mødeflows og workshops - indgangskortet, vælgeren
   Knap · Mødeflow · Workshop, resultatet øverst og "Byg videre med Margin" på mødeflowets side. */
.bm-kort{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:var(--ss-r,22px);background:var(--bs-flade);box-shadow:var(--ss-sh,0 6px 18px rgba(24,34,46,.07));border:var(--ss-bd,0)}
.bm-kort-h{display:flex;align-items:center;gap:12px}
.bm-kort-h>span:last-child{display:flex;flex-direction:column;gap:2px}
.bm-kort-h b{font:var(--bs-hw) 20px/1.1 var(--bs-head);letter-spacing:-.01em}
.bm-kort-h span span{font-size:12px;color:var(--bs-daemp)}
.bm-felt{display:flex;align-items:center;gap:4px;min-height:52px;padding:0 4px 0 16px;border-radius:999px;background:var(--bs-felt)}
.bm-felt input[type=text]{flex:1;min-width:0;height:44px;border:0;background:none;font:inherit;font-size:16px;color:var(--bs-tekst);outline:none}
.bm-eks{display:flex;flex-direction:column;gap:6px}
.bm-eks button{display:flex;align-items:center;gap:10px;min-height:40px;padding:0 12px;border:1.5px dashed var(--bs-linje);border-radius:999px;background:none;text-align:left;font-size:13px}
.bm-eks i{flex:none;font-style:normal;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 7px;border-radius:6px;background:var(--bs-tint);color:var(--bs-blaa)}
.bs .bs-rund.lytter{background:var(--m-rec);color:var(--m-tile-fg);border-color:var(--m-rec)}
.bm-valg{flex:none;display:flex;flex-direction:column;align-items:center;gap:6px;padding:4px 16px 8px}
.bm-valg>div{align-self:stretch;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;padding:3px;border-radius:999px;background:var(--bs-felt)}
.bm-valg button{min-height:36px;border:0;border-radius:999px;background:transparent;font-size:13px;font-weight:700;color:var(--bs-daemp);transition:background .2s,color .2s}
.bm-valg button.paa{background:var(--bs-tekst);color:var(--bs-flade)}
.bm-valg>span{font-size:11px;color:var(--bs-daemp)}
.bm-res{flex:none;margin:0 16px 8px;padding:14px;border-radius:20px;background:var(--bs-flade);box-shadow:0 6px 18px rgba(24,34,46,.07);max-height:38vh;overflow-y:auto;display:flex;flex-direction:column;gap:10px}
.bm-res-h{display:flex;align-items:center;gap:12px}
.bm-tom{margin:0;font-size:13px;color:var(--bs-daemp)}
.bm-citat{margin:0;font-size:14px;line-height:1.45}
.bm-liste{margin:0;padding-left:20px;font-size:14px;line-height:1.5}
.bm-faser{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.bm-faser>div{display:flex;flex-direction:column;gap:6px;padding:10px 8px;border-radius:14px;background:var(--bs-bg)}
.bm-chips{display:flex;flex-wrap:wrap;gap:4px}
.bm-chips i{font-style:normal;font-size:11px;font-weight:700;line-height:1.25;padding:4px 7px;border-radius:8px;background:var(--bs-flade);color:var(--bs-tekst)}
.bm-drej{display:flex;flex-direction:column}
.bm-drej>div{display:flex;flex-direction:column;gap:5px;padding:8px 0;border-top:1px solid var(--bs-linje)}
.bm-drej>div:first-child{border-top:0;padding-top:0}
.bm-drej b{font-size:14px}
.bm-drej b span{font-weight:400;color:var(--bs-daemp)}
.bm-drej .bm-chips i{background:var(--bs-tint);color:var(--bs-blaa)}
.bm-videre{display:flex;align-items:center;gap:12px;min-height:58px;padding:0 14px;border:1.5px dashed var(--bs-blaa);border-radius:20px;background:var(--bs-tint);text-align:left}
.bm-videre>span:nth-child(2){flex:1;display:flex;flex-direction:column;gap:2px}
.bm-videre b{font-size:14px}
.bm-videre span span{font-size:12px;color:var(--bs-daemp)}

/* v472b (Robin 4/11): Byg med Margin er en beta - et lille mærke ved navnet */
.bs .bm-beta{display:inline-block;vertical-align:.2em;margin-left:4px;padding:2px 7px;border-radius:99px;font:600 10px/1.3 var(--bs-body,inherit);font-style:normal;letter-spacing:.06em;text-transform:uppercase;background:var(--m-tint);color:var(--m-accent)}

/* v472c (Robin 4/11: "skrivefeltet bliver ret skjult"): resultatet er én linje, der foldes ud - chatten har pladsen */
.bs .bm-res{padding:8px 10px;gap:8px;max-height:none;overflow:visible}
.bs .bm-res-top{display:flex;align-items:center;gap:10px;width:100%;padding:0;border:0;background:none;text-align:left;color:inherit;font:inherit}
.bs .bm-res-top .bm-res-h{flex:1;min-width:0;display:flex;align-items:center;gap:10px}
.bs .bm-res-top .bs-h3{font-size:15px}
.bs .bm-res-top .bs-rad-x>span{font-size:12px;color:var(--bs-daemp)}
.bs .bm-fold{flex:none;min-height:30px;display:inline-flex;align-items:center;padding:0 12px;border-radius:999px;background:var(--bs-felt);font-size:12px;font-weight:700}
.bs .bm-res-krop{max-height:30vh;overflow-y:auto;padding:2px 4px 4px}
.bs .bm-res .bm-tom{padding:4px 6px}
.bs .bm-valg{padding-bottom:6px}
/* v473 (Robin 5/11: "inkognito-farven på den lille optager - præcis den samme som ved den store"): den store knap på Start var
   inkognitos farve MED den fine skravering (styles.css #view-record:not(.kompakt) .rec-button.incognito) - nu også dokkens knap,
   og også mens der optages i inkognito (før blev den rød). */
.tab-optag[data-til="ink"] .dko-k,.tab-optag.ink[data-til="rec"] .dko-k{background-color:var(--m-incognito)!important;
  background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.09) 0 6px,transparent 6px 12px)!important}
.tab-optag.ink[data-til="rec"] .dko-n{color:var(--m-incognito)}
/* v473 · BETA: hold optageknappen (byg-side.js holdBind/hoAabn) - valgene som knapper i en bue over knappen, ingen kort.
   Fliserne har knappernes felt (MarginKnapper.felt, inline med data-hf), rækkens egen farve og inkognitos farve. */
.tab-optag{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
.ho-lag{position:fixed;inset:0;z-index:230;pointer-events:none;opacity:0;transition:opacity .14s}
.ho-lag.aaben{opacity:1}
.ho-dim{position:absolute;inset:0;background:rgba(24,34,46,.18);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.ho-v{position:absolute;width:84px;margin-left:-42px;margin-top:-30px;display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:auto;
  transform:scale(.6);transition:transform .18s cubic-bezier(.2,.8,.2,1)}
.ho-lag.aaben .ho-v{transform:scale(1)}
.ho-f{width:60px;height:60px;border-radius:18px;display:grid;place-items:center;transition:transform .12s,outline-color .12s;outline:2.5px solid transparent;outline-offset:3px}
html.hud.margen .ho-f{border-radius:12px}
.ho-f svg{width:28px;height:28px;pointer-events:none}
.ho-v.ink .ho-f{background-color:var(--m-incognito);color:var(--m-tile-fg);
  background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.09) 0 6px,transparent 6px 12px);box-shadow:0 6px 14px rgba(24,34,46,.25)}
.ho-n{max-width:84px;padding:3px 8px;box-sizing:border-box;border-radius:999px;background:var(--m-surface);color:var(--m-text);font-size:11px;font-weight:700;
  line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}
.ho-v.paa .ho-f{transform:scale(1.14);outline-color:var(--hof)}
.ho-v.ink.paa .ho-f{outline-color:var(--m-incognito)}
.ho-v.paa .ho-n{background:var(--hof);color:var(--m-tile-fg)}
.ho-v.ink.paa .ho-n{background:var(--m-incognito)}
.ho-knap{position:absolute;width:60px;height:60px;border-radius:50%;transform:translate(-50%,-50%) scale(.94);
  box-shadow:inset 0 2px 0 rgba(255,255,255,.3),0 6px 14px rgba(0,0,0,.16),0 0 0 5px var(--m-bg),0 0 0 12px color-mix(in srgb,var(--m-rec) 28%,transparent)}
.ho-tekst{position:absolute;transform:translateX(-50%);padding:3px 9px;border-radius:999px;background:var(--m-surface);color:var(--m-text);font-size:11px;font-weight:700;line-height:1.2;white-space:nowrap}
.ho-beta{position:absolute;transform:translateX(-50%);padding:2px 8px;border-radius:999px;background:var(--m-surface);color:var(--m-muted);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
@media (prefers-reduced-motion:reduce){.ho-lag,.ho-v,.ho-f{transition:none}}
/* v473: filer, der venter over skrivefeltet (Byg med Margin · Byg din egen knap) - og chatten, mens en fil trækkes ind */
.bs-vh{flex:none;display:flex;flex-wrap:wrap;gap:6px;padding:0 12px 8px}
.bs-vh-f{padding:6px 6px 6px 8px;border-radius:12px;min-width:0;max-width:100%}
.bs-vh-f i{width:24px;height:30px}
.bs-vh-f > span{min-width:0}
.bs-vh-f b{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bs-vh-f button{flex:none;width:26px;height:26px;border:0;border-radius:50%;background:none;color:var(--bs-svag);font-size:13px;cursor:pointer}
.bs-vh-f button:hover,.bs-vh-f button:focus-visible{background:var(--bs-tint);color:var(--bs-tekst)}
.bs-vh-hj{flex-basis:100%;font-size:11px;color:var(--bs-svag)}
.bs.bs-drop .bs-chat-in{outline:2px dashed var(--bs-blaa);outline-offset:-2px;border-radius:16px;background:var(--bs-tint)}
.bs.bs-drop .bs-chat-in .bs-felt::placeholder{color:transparent}
/* v473: mødeflowet i tre trin (Før mødet · Under mødet · Efter mødet) med dagsordenen, de nye knapper og et eksempel på referatet */
.bs .bm-res-krop{max-height:42vh}
.bm-faner{display:flex;gap:4px;margin:0 0 10px;padding:3px;border-radius:12px;background:var(--bs-bg)}
.bm-faner button{flex:1;min-width:0;padding:7px 6px;border:0;border-radius:9px;background:none;color:var(--bs-daemp);font:inherit;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bm-faner button.paa{background:var(--bs-flade);color:var(--bs-tekst);box-shadow:0 1px 2px rgba(24,34,46,.08)}
.bm-besk{font-size:12px;color:var(--bs-daemp);line-height:1.4}
.bm-sum{margin:8px 0 0;font-size:11px;color:var(--bs-svag)}
.bm-del{display:flex;flex-direction:column;gap:6px;margin-top:10px}
.bm-nye{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}
.bm-ny{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border-radius:14px;background:var(--bs-bg);box-shadow:inset 0 0 0 1.5px var(--bs-tint)}
.bm-ny-h{display:flex;align-items:center;justify-content:space-between;gap:8px}
.bm-ny-h b{font-size:14px}
.bm-ny-h i{flex:none;font-style:normal;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 7px;border-radius:999px;background:var(--bs-tint);color:var(--bs-blaa)}
.bm-ny-u{font-size:11px;color:var(--bs-svag)}
.bm-lv{display:flex;gap:4px;margin-bottom:10px}
.bm-lv button{flex:1;min-width:0;padding:6px 4px;border:1.5px solid var(--bs-linje);border-radius:999px;background:none;color:var(--bs-daemp);font:inherit;font-size:11px;font-weight:700;cursor:pointer}
.bm-lv button.paa{border-color:var(--bs-blaa);background:var(--bs-tint);color:var(--bs-blaa)}
.bm-ref{display:flex;flex-direction:column;gap:10px;padding:14px 16px;border-radius:14px;background:var(--m-paper);color:var(--m-paper-text);box-shadow:inset 0 0 0 1px var(--m-paper-line)}
.bm-ref-a b{display:block;font-size:13px;margin-bottom:3px}
.bm-ref-a p{margin:0;font-size:13px;line-height:1.5}
.bm-ref-v{color:var(--m-paper-muted);font-style:italic}
/* v473: chatten (Byg med Margin · Byg din egen knap) i fuldt vindue - over dokken og Start's Inkognito/Samtykke */
html .bs.bs-fuld:not(.bs-pop){top:0;bottom:0;z-index:100;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
/* v473: hold en startknap på Start → flyt (træk til siden) og fjern (−), som på en telefons hjemmeskærm */
.bs-start-k{position:relative;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
.bs-start.ret{padding-top:12px}
.bs-start.ret .bs-start-k{touch-action:none;animation:bs-vrik .32s ease-in-out infinite alternate}
.bs-start.ret .bs-start-k:nth-child(2n){animation-delay:-.16s}
.bs-start-k.traekkes{animation:none!important;transform:scale(1.06);box-shadow:0 14px 26px rgba(24,34,46,.22);z-index:2}
.bs-start-minus{position:absolute;left:-6px;top:-8px;width:24px;height:24px;border-radius:50%;background:var(--m-text);color:var(--m-surface);
  display:grid;place-items:center;font-style:normal;font-size:16px;font-weight:700;line-height:1;box-shadow:0 2px 6px rgba(24,34,46,.25)}
.bs-start-faerdig{flex:none;align-self:center;min-height:36px;padding:0 16px;border:0;border-radius:999px;background:var(--m-accent);color:var(--m-ink-fg);font:inherit;font-size:13px;font-weight:700;cursor:pointer}
@keyframes bs-vrik{from{transform:rotate(-1.2deg)}to{transform:rotate(1.2deg)}}
@media (prefers-reduced-motion:reduce){.bs-start.ret .bs-start-k{animation:none}}
/* v473c (Robin 5/11: "konstruér det hele, så jeg kan prøve det på computeren - så der er mere plads … fokusere på, at man får et
   efter-resultat, som man så vidt muligt kan redigere i"): på computeren har Byg med Margin to spalter - chatten til venstre,
   resultatet til højre i fuld højde (altid åbent). Referatet er et stykke papir, der rettes på stedet. */
@media (min-width:900px), (hover:hover) and (pointer:fine){
  .bs.bs-fuld.bs-bm:not(.bs-pop){left:0;right:0;width:auto;margin:0;transform:none;display:grid;
    grid-template-columns:minmax(340px,420px) minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto auto auto auto}
  body.sk-paa .bs.bs-fuld.bs-bm:not(.bs-pop){left:64px}
  .bs.bs-bm>*{grid-column:1;min-width:0}
  .bs.bs-bm>.bm-res{grid-column:2;grid-row:1/-1;margin:0;border-radius:0;box-shadow:inset 1px 0 0 var(--m-line);background:var(--m-field);
    padding:24px clamp(20px,4vw,56px) 40px;max-height:none;overflow-y:auto}
  .bs.bs-bm .bm-res-top{pointer-events:none}
  .bs.bs-bm .bm-res-top .bm-fold{display:none}
  .bs.bs-bm .bm-res-top .bs-h3{font-size:20px}
  .bs.bs-bm .bm-res-krop{max-height:none;overflow:visible;padding:8px 0 0}
  .bs.bs-bm .bm-faner{max-width:760px}
  .bs.bs-bm .bm-lv{max-width:760px}
  .bs.bs-bm .bm-ref{max-width:760px;padding:36px 44px;gap:18px}
  .bs.bs-bm .bm-ref-a b{font-size:16px}
  .bs.bs-bm .bm-ref-t{font-size:14px}
}
@media (min-width:1180px){body.sk-paa .bs.bs-fuld.bs-bm:not(.bs-pop){left:220px}}
/* referatet, der rettes på stedet (alle skærme) */
.bm-ref-a{display:flex;flex-direction:column;gap:4px}
.bm-ref-h{display:flex;align-items:flex-start;gap:8px}
.bm-ref-h b{flex:1;min-width:0;outline:none;border-radius:4px;padding:1px 4px;margin:-1px -4px}
.bm-ref-h b:hover,.bm-ref-r:hover{box-shadow:inset 0 0 0 1px var(--m-paper-line)}
.bm-ref-h b:focus,.bm-ref-r:focus{box-shadow:inset 0 0 0 2px var(--m-accent);background:var(--m-surface)}
.bm-ref-k{flex:none;display:flex;gap:2px;opacity:.35;transition:opacity .15s}
.bm-ref-a:hover .bm-ref-k,.bm-ref-a:focus-within .bm-ref-k{opacity:1}
.bm-ref-k button{width:26px;height:26px;border:0;border-radius:8px;background:none;color:var(--m-paper-muted);font-size:13px;cursor:pointer}
.bm-ref-k button:hover:not(:disabled){background:var(--m-tint);color:var(--m-paper-text)}
.bm-ref-k button:disabled{opacity:.3;cursor:default}
.bm-ref-r{margin:0;font-size:12px;line-height:1.4;color:var(--m-accent);outline:none;border-radius:4px;padding:1px 4px;margin:0 -4px;min-height:1.4em}
.bm-ref-r:empty::before{content:attr(data-ph);color:var(--m-paper-muted);opacity:.7}
.bm-ref-t{margin:0;font-size:13px;line-height:1.5}
.bm-af-ny{align-self:flex-start;min-height:34px;padding:0 12px;border:1.5px dashed var(--m-paper-line);border-radius:999px;background:none;color:var(--m-paper-muted);font:inherit;font-size:12px;font-weight:700;cursor:pointer}
.bm-af-ny:hover{border-color:var(--m-accent);color:var(--m-accent)}
@media (hover:none){.bm-ref-k{opacity:1}}
/* v473d: Før og Under som telefonen (Start · mødeskærmen med de rigtige fliser), og eksemplet som et dokument med værktøjslinje */
.bm-pv{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start}
.bm-tlf-w{display:flex;flex-direction:column;align-items:center;gap:8px;flex:none}
.bm-tlf{width:340px;max-width:100%;height:600px;box-sizing:border-box;padding:10px;border-radius:40px;background:var(--m-dark);box-shadow:0 18px 40px rgba(24,34,46,.18)}
.bm-tlf-sk{height:100%;border-radius:30px;background:var(--m-bg);overflow:hidden;display:flex;flex-direction:column;gap:6px;padding:14px 0 10px;box-sizing:border-box;color:var(--m-text)}
.bm-tlf-n{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--m-muted)}
.bm-pv-side{flex:1;min-width:200px;max-width:340px;display:flex;flex-direction:column;gap:6px;padding-top:12px}
.bm-pv-side p{margin:0;font-size:13px;line-height:1.5;color:var(--m-muted)}
.bm-pv-top{padding:6px 18px 2px}
.bm-pv-top b{font:var(--m-head-weight,800) 22px/1 var(--m-font-head,inherit)}
.bm-pv-start{justify-content:flex-start;padding:4px 14px 6px;overflow:hidden}
.bm-pv-start .bs-start-k{width:auto;max-width:100%;cursor:default}
.bm-pv-dk{margin:0 14px;padding:12px 14px;border-radius:18px;background:var(--m-surface);display:flex;flex-direction:column;gap:8px;box-shadow:0 1px 2px rgba(24,34,46,.05);overflow:hidden}
.bm-pv-dk-h{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.bm-pv-dk-h b{font-size:13px}
.bm-pv-dk-h span{font-size:11px;color:var(--m-muted)}
.bm-pv-dk-p{display:flex;gap:8px;align-items:flex-start}
.bm-pv-dk-p i{flex:none;width:20px;height:20px;border-radius:50%;background:var(--m-tint);color:var(--m-accent);font-style:normal;font-size:11px;font-weight:700;display:grid;place-items:center}
.bm-pv-dk-p>span{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.bm-pv-dk-p b{font-size:12px}
.bm-pv-dk-p>span>span{font-size:11px;color:var(--m-muted);line-height:1.35}
.bm-pv-dk-p em{flex:none;font-style:normal;font-size:11px;color:var(--m-muted)}
.bm-pv-tom{font-size:12px;color:var(--m-muted)}
.bm-pv-foer{display:flex;flex-wrap:wrap;gap:6px;padding:0 14px}
.bm-pv-foer span{font-size:11px;font-weight:700;padding:4px 8px;border-radius:8px;background:var(--m-surface);color:var(--m-text)}
.bm-pv-baand{margin:0 8px;flex:none;height:46px;gap:6px;padding:0 6px 0 12px}
.bm-pv-baand .hs-ur{font-size:15px}
.bm-pv-baand .hs-bk{width:32px;height:32px;font-size:11px}
.bm-pv-sh{height:38px;padding:0 16px}
.bm-pv-sh .hs-h{font-size:18px}
.bm-pv-g{height:auto;padding:4px 12px;gap:10px;grid-auto-rows:66px;overflow:hidden;flex:1;min-height:0}
.bm-pv-g .hs-app .hs-ik{width:50px;height:50px}
.bm-pv-g .hs-ting{pointer-events:none}
.bm-pv-ny{position:relative}
.bm-pv-nyt{position:absolute;top:-4px;right:-2px;font-style:normal;font-size:9px;font-weight:800;letter-spacing:.06em;padding:2px 5px;border-radius:6px;background:var(--m-accent);color:var(--m-ink-fg)}
.bm-pv-ny .hs-kh .bm-pv-nyt{position:static;margin-left:6px}
.bm-pv-spm{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:700;line-height:1.3}
.bm-pv-spm i{font-style:normal;font-size:10px;font-weight:700;color:var(--m-muted)}
.bm-ref-vaerk{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;max-width:760px}
.bm-tf{display:flex;gap:2px;padding:3px;border-radius:12px;background:var(--m-surface);box-shadow:inset 0 0 0 1px var(--m-line)}
.bm-tf button{min-width:32px;height:30px;padding:0 6px;border:0;border-radius:8px;background:none;color:var(--m-text);font:inherit;font-size:13px;cursor:pointer}
.bm-tf button:hover{background:var(--m-tint)}
.bm-ref-valg{display:flex;flex-wrap:wrap;gap:4px}
.bm-ref-valg button{min-height:30px;padding:0 10px;border:1.5px solid var(--m-line);border-radius:999px;background:none;color:var(--m-muted);font:inherit;font-size:11px;font-weight:700;cursor:pointer}
.bm-ref-valg button.paa{border-color:var(--m-accent);background:var(--m-tint);color:var(--m-accent)}
.bm-ref-t[contenteditable]{outline:none;border-radius:4px;padding:2px 4px;margin:0 -4px}
.bm-ref-t[contenteditable]:hover{box-shadow:inset 0 0 0 1px var(--m-paper-line)}
.bm-ref-t[contenteditable]:focus{box-shadow:inset 0 0 0 2px var(--m-accent);background:var(--m-surface)}
.bm-ref-t ul,.bm-ref-t ol{margin:4px 0;padding-left:20px}
.bm-ref-t h4{margin:6px 0 2px;font-size:13px}
@media (max-width:899px){.bm-tlf{width:100%;height:540px}}
/* v473e: regler for hele referatet (stilregler → skabelonens stil) og et smallere computervindue */
.bm-sr{display:flex;flex-direction:column;gap:6px;max-width:760px;margin-bottom:12px;padding:12px 14px;border-radius:14px;background:var(--m-surface);box-shadow:inset 0 0 0 1px var(--m-line)}
.bm-sr-r{display:flex;align-items:flex-start;gap:8px}
.bm-sr-r p{flex:1;margin:0;font-size:13px;line-height:1.45;outline:none;border-radius:4px;padding:2px 4px}
.bm-sr-r p:focus{box-shadow:inset 0 0 0 2px var(--m-accent)}
.bm-sr-r button{flex:none;width:26px;height:26px;border:0;border-radius:8px;background:none;color:var(--m-muted);cursor:pointer}
.bm-sr-r button:hover{background:var(--m-tint);color:var(--m-text)}
.bm-tlf{width:min(340px,100%)}
@media (min-width:900px) and (max-width:1179px), (hover:hover) and (pointer:fine) and (max-width:1179px){
  .bs.bs-fuld.bs-bm:not(.bs-pop){grid-template-columns:minmax(300px,360px) minmax(0,1fr)}
  .bs.bs-bm>.bm-res{padding:18px 16px 32px}
  .bs.bs-bm .bm-ref{padding:22px 20px}
  .bm-tlf{height:560px}
}

/* v476 (Robin 5/11: "skrivefeltet under byg er alt for småt"): chatfeltet og startfeltet vokser med teksten (voks() i byg-side.js);
   feltet har sin egen linje i fuld bredde, og knapperne står under det (Vedhæft til venstre, Indtal og Send til højre). På computeren er chatspalten bredere, og feltet har plads til tre linjer fra start. */
.bs-chat-in{flex-wrap:wrap;align-items:center;row-gap:8px}
.bs-chat-in textarea.bs-felt{order:-1;flex:1 1 100%;width:100%}
.bs-chat-in textarea.bs-felt+.bs-rund{margin-left:auto}
.bs-chat-in textarea.bs-felt{height:auto;min-height:46px;max-height:40vh;padding:12px 16px;border-radius:23px;resize:none;font:inherit;font-size:16px;line-height:1.35;overflow-y:auto;display:block}
.bm-felt{align-items:flex-end;border-radius:26px;padding-top:4px;padding-bottom:4px}
.bm-felt textarea.bs-ta{flex:1;min-width:0;min-height:44px;max-height:40vh;box-sizing:border-box;padding:12px 0;border:0;background:none;resize:none;font:inherit;font-size:16px;line-height:1.35;color:var(--bs-tekst);outline:none;overflow-y:auto;display:block}
@media (min-width:900px), (hover:hover) and (pointer:fine){
  .bs.bs-fuld.bs-bm:not(.bs-pop){grid-template-columns:minmax(300px,440px) minmax(0,1fr)}
  .bs-chat-in textarea.bs-felt{min-height:92px}
  .bm-felt textarea.bs-ta{min-height:68px}
}
/* v476: mødeflowets knap til før mødet i Start-forhåndsvisningen (samme kort som på Start) */
.bm-pv-st{margin:8px 14px 0}
.bm-pv-st .st-hoved{min-height:54px;padding-right:36px}
/* v480 (Robin 8/11: "se byg vinduet - det virker ikke som om det er optimeret til comp" · "jeg kan ikke rigtig få den til at
   gå væk"): på computeren er Byg-listen en side i midten - fra skinnen til højre kant, hele højden - med funktionerne og
   mødeflowene i et gitter. ✕ Luk i hovedet, Esc og skinnen lukker den (computer.js). Chatten (bs-fuld) er urørt. */
@media (min-width:900px), (hover:hover) and (pointer:fine){
  .bs:not(.bs-pop):not(.bs-fuld){top:0;bottom:0;left:0;right:0;width:auto;transform:none;z-index:60;
    --bs-ind:max(32px, calc((100% - 1080px) / 2))}
  body.sk-paa .bs:not(.bs-pop):not(.bs-fuld){left:64px}
  .bs:not(.bs-pop):not(.bs-fuld) .bs-hoved{padding:28px var(--bs-ind) 6px}
  .bs:not(.bs-pop):not(.bs-fuld) .bs-hoved .bs-knap-lys{align-self:center}
  .bs:not(.bs-pop):not(.bs-fuld) .bs-titel{font-size:34px}
  .bs:not(.bs-pop):not(.bs-fuld) .bs-faner{margin:10px var(--bs-ind) 6px;max-width:420px}
  .bs:not(.bs-pop):not(.bs-fuld) .bs-soeg{padding:8px var(--bs-ind) 8px}
  .bs:not(.bs-pop):not(.bs-fuld) .bs-soeg input{max-width:520px;background:var(--bs-flade);box-shadow:inset 0 0 0 1px var(--bs-linje)}
  .bs:not(.bs-pop):not(.bs-fuld) .bs-chips{padding:2px var(--bs-ind) 12px}
  .bs:not(.bs-pop):not(.bs-fuld) .bs-pick{margin:8px var(--bs-ind) 4px}
  .bs:not(.bs-pop):not(.bs-fuld) .bs-krop{padding:8px var(--bs-ind) 48px;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));
    align-content:start;gap:10px;scrollbar-width:thin}
  .bs:not(.bs-pop):not(.bs-fuld) .bs-krop::-webkit-scrollbar{display:block;width:8px}
  /* overskrifter, forklaringer og de enkeltstående dele står over hele bredden */
  .bs:not(.bs-pop):not(.bs-fuld) .bs-krop>:is(.bs-fase-t,.bs-kick,.bs-u,.bs-hint,.bs-tom,.bs-se-sk,.bs-det-top,.bs-om,.bs-fakta,.bs-prev-grid,.bs-chips,.bs-to,.bs-fase,.bs-knap-lys,.bs-slet,.bm-videre,[class*="bs-knap-"]){grid-column:1/-1}
  .bs:not(.bs-pop):not(.bs-fuld) .bs-krop>.bs-fase-t{margin-top:22px;font-size:24px}
  .bs:not(.bs-pop):not(.bs-fuld) .bs-krop>.bs-fase-t:first-child{margin-top:0}
  .bs:not(.bs-pop):not(.bs-fuld) .bs-krop>.bs-kick{margin-top:8px}
  .bs:not(.bs-pop):not(.bs-fuld) .bs-krop>.bs-se-sk,.bs:not(.bs-pop):not(.bs-fuld) .bs-krop>.bs-knap-lys{justify-self:start}
  .bs:not(.bs-pop):not(.bs-fuld) .bs-rad,.bs:not(.bs-pop):not(.bs-fuld) .bs-flow{min-height:72px;box-shadow:inset 0 0 0 1px var(--bs-linje);transition:box-shadow .15s}
  .bs:not(.bs-pop):not(.bs-fuld) .bs-rad:hover,.bs:not(.bs-pop):not(.bs-fuld) .bs-flow:hover{box-shadow:inset 0 0 0 1.5px var(--bs-blaa)}
  .bs:not(.bs-pop):not(.bs-fuld) .bs-lav{min-height:72px}
  .bs:not(.bs-pop):not(.bs-fuld) .bs-lav:hover{border-color:var(--bs-blaa)}
  /* et mødeflow, et funktionskort og guiden Nyt mødeflow: én læsevenlig spalte */
  .bs:not(.bs-pop):not(.bs-fuld) .bs-krop:has(>.bs-fase),.bs:not(.bs-pop):not(.bs-fuld) .bs-krop:has(>.bs-det-top),.bs:not(.bs-pop):not(.bs-fuld) .bs-krop:has(>.bs-trin){
    grid-template-columns:minmax(0,720px);justify-content:start}
}
@media (min-width:1180px){body.sk-paa .bs:not(.bs-pop):not(.bs-fuld){left:220px}}
/* v480 (Robin 8/11): navnet på det, man bygger, rettes på stedet i resultatets hoved */
.bs .bm-res-top .bm-navn{display:block;width:100%;min-width:0;box-sizing:border-box;margin:0 0 1px;padding:1px 4px;margin-left:-4px;border:0;border-radius:6px;
  background:transparent;color:inherit;outline:none;pointer-events:auto;cursor:text;box-shadow:inset 0 -1px 0 transparent;transition:background .15s,box-shadow .15s}
.bs .bm-res-top .bm-navn:hover{box-shadow:inset 0 -1.5px 0 var(--bs-linje)}
.bs .bm-res-top .bm-navn:focus{background:var(--bs-flade);box-shadow:inset 0 0 0 1.5px var(--bs-blaa)}
.bs .bm-res-top .bm-navn::placeholder{color:var(--bs-svag)}
.bs .bm-res-top .bm-fold{border:0;cursor:pointer}
/* v480e (Robin 8/11): på telefonen står sidens eget hoved (symbolet + "Byg") over Byg som på de andre sider fra dokken -
   byg-side.js sætter top under hovedet, så Byg's egen titel skjules */
.bs.bs-hh .bs-hoved{display:none}
.bs.bs-hh .bs-faner{margin-top:6px}
/* v482f (Robin 8/11: "Når jeg trykker samtykke viser den lige kortvarigt en stor rød optageknap i animationen"): med optageknappen
   i dokken er Starts store knap væk - ved Samtykke kom den frem et øjeblik, før mødebordet lagde sig på dens plads. Den holder nu
   sin plads (bordet placeres ud fra den), men ses ikke, før bordet står der. */
html.dok-optag body.samtykke:not(.sk-paa):not(.sam-med-bord) #view-record.ss-klar:not(.kompakt):not(.o3-paa) #rec-button{visibility:hidden}