/* Live-hjelp i manus-appen (se live-hjelp.js): leseskjermen selgeren leser opp fra. Bruker fargene fra crm.css. */
#live { position: fixed; z-index: 40; left: 50%; top: 104px; bottom: 76px; transform: translateX(-50%); width: min(920px, calc(100vw - 32px)); display: flex; flex-direction: column; gap: 14px; padding: 22px 28px; border-radius: 24px; background: var(--bg-2); color: var(--ink); box-shadow: inset 0 0 0 1px var(--line), 0 18px 50px -20px rgba(0,0,0,.5); overflow: auto; }
#live[hidden] { display: none; }
#live .lv-top { display: flex; align-items: center; gap: 8px; font-size: 12.5px; line-height: 16px; color: var(--ink-3); }
#live .lv-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--ink-3); }
#live.on .lv-dot { background: var(--up); }
#live .lv-ms { margin-left: auto; font-family: var(--font-mono); font-size: 12px; font-variant-numeric: tabular-nums; }
#live .lv-x { width: 24px; height: 24px; padding: 0; border: 0; border-radius: 50%; background: none; color: var(--ink-3); font-size: 17px; line-height: 1; cursor: pointer; }
#live .lv-x:hover { color: var(--ink); }
#live .lv-fase { height: 24px; padding: 0 10px; border: 1px solid var(--line, rgba(0,0,0,.14)); border-radius: 12px; background: none; color: var(--ink-3); font: inherit; cursor: pointer; }
#live .lv-fase[aria-pressed="true"] { background: var(--ink); border-color: var(--ink); color: var(--bg, #fff); }
#live .lv-say { margin: auto 0; font-size: clamp(26px, 3.4vw, 40px); line-height: 1.22; letter-spacing: -.02em; font-weight: 500; }
#live .lv-heard { margin: 0; min-height: 20px; font-size: 14px; line-height: 20px; color: var(--ink-3); }
#live .lv-note { margin: 0; padding-top: 10px; font-size: 12px; line-height: 16px; color: var(--ink-3); box-shadow: inset 0 1px 0 var(--line); }
body.live-on #work > *:not(.bbar) { visibility: hidden; }
#livebtn[aria-pressed="true"] { box-shadow: inset 0 0 0 1px var(--up); color: var(--up); }
@media (max-width: 640px) { #live { top: 84px; padding: 18px; } }