/* Replay surfaces that used to ship as an injected <style>.
   scripts/build.mjs ensure: views-replay hashes this file and links it
   AFTER views-admin — the cascade position that <style> had — so
   equal-specificity rules still win. Dev, with no hashed link yet,
   appends <link href="styles/views-replay.css">.
   Do not converge: REPLAY_COLOR #22d3ee, pin amber #f59e0b, and the live-edge #ef4444 stay literal. */

/* Empty state, was #replay-gone-style. */
.replay-gone{margin:24px;max-width:560px;padding:14px 16px;border:1px solid color-mix(in srgb,var(--warn) 45%,var(--border));border-left:3px solid var(--warn);border-radius:var(--r-sm);background:color-mix(in srgb,var(--warn) 7%,var(--bg-input,transparent));line-height:1.5}.replay-gone-title{font-size:0.9rem;font-weight:600;color:var(--text-1);margin-bottom:4px}.replay-gone-detail{font-size:0.82rem;color:var(--text-2)}.replay-gone-action{margin-top:10px}@media (max-width:640px){.replay-gone{margin:16px}}

/* Toolbar, pin rail, readout, and dialogs, was #replay-toolbar-styles. */
.replay-toolbar .btn svg{width:13px;height:13px}.replay-toolbar label>span{font-size:0.68rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:var(--text-muted)}.replay-pinrail{display:flex;flex-direction:column;align-items:center;gap:4px;width:22px;flex-shrink:0}.replay-pinrail .lab{font-size:0.5rem;letter-spacing:0.06em;text-transform:uppercase;color:var(--text-muted)}.replay-pinrail .railtrack{position:relative;flex:1;width:10px;min-height:80px;border-radius:var(--r-pill);background:var(--bg-input);border:1px solid var(--border-subtle)}.replay-pinrail .tick{position:absolute;left:-2px;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:9px solid var(--pin,#f59e0b);transform:translateY(-5px);cursor:pointer}.replay-pinrail .tick.dim{border-left-color:var(--text-faint)}.replay-pinrail .tick:hover{filter:drop-shadow(0 0 4px var(--pin,#f59e0b))}.replay-pinrail .tick.liveedge{border-left-color:#ef4444;filter:drop-shadow(0 0 3px rgba(239,68,68,0.9))}.replay-pinrail .head{position:absolute;left:-3px;right:-3px;height:2px;background:var(--accent);box-shadow:0 0 6px var(--accent);pointer-events:none}.replay-toolbar > [data-slot="scope"]{display:contents}.replay-toolbar > [data-slot="actions"]{display:contents}.replay-toolbar [data-slot="scope"] > :nth-child(1){order:1}.replay-toolbar [data-slot="actions"] > :nth-child(1){order:2}.replay-toolbar [data-slot="actions"] > :nth-child(2){order:3}.replay-toolbar [data-slot="scope"] > :nth-child(2){order:4}.replay-toolbar [data-slot="actions"] > :nth-child(3){order:5}.replay-toolbar [data-slot="actions"] > :nth-child(4){order:6}.replay-toolbar > [data-slot="more"]{order:3}.replay-toolbar > [data-slot="spacer"]{order:7}.replay-toolbar > [data-slot="status"]{order:8}.replay-toolbar .replay-ctrl-caret{color:var(--text-muted);font-size:0.7rem;margin-left:1px}.replay-meta{display:flex;align-items:center;gap:10px;height:26px;padding:0 11px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--r-sm);white-space:nowrap}.replay-meta .rm-state{display:flex;align-items:center;gap:6px;font-size:0.76rem;font-weight:600;color:var(--text-1)}.replay-meta .rm-dot{width:8px;height:8px;border-radius:50%;box-shadow:0 0 7px currentColor;flex-shrink:0}.replay-meta .rm-swatch{width:11px;height:2px;border-radius:1px;background:#22d3ee;display:inline-block}.replay-meta .rm-stats{display:flex;align-items:center;gap:8px;font-family:var(--font-mono,ui-monospace);font-size:0.71rem;color:var(--text-2);font-variant-numeric:tabular-nums}.replay-meta .rm-stats b{color:var(--text-1);font-weight:600}.replay-meta .rm-sep{color:var(--text-muted)}.replay-meta .rm-mode{font-family:var(--font-mono,ui-monospace);font-size:10px;font-weight:600;letter-spacing:0.07em;text-transform:uppercase;padding:2px 7px;border-radius:var(--r-pill);border:1px solid transparent;background:color-mix(in srgb,var(--border) 40%,transparent);color:var(--text-muted)}.replay-meta .rm-mode.live{color:var(--live);background:color-mix(in srgb,var(--live) 14%,transparent)}.replay-meta .rm-mode.scheduled{color:var(--warn);background:var(--warn-dim)}.replay-meta .rm-gone{font-family:var(--font-mono,ui-monospace);font-size:10px;font-weight:600;padding:2px 7px;border-radius:var(--r-pill);color:var(--warn);background:var(--warn-dim);border:1px solid color-mix(in srgb,var(--warn) 45%,transparent);cursor:help}@media (max-width:640px){.replay-meta{flex-wrap:wrap;height:auto;min-height:26px;max-width:100%;box-sizing:border-box;padding:4px 11px;row-gap:4px;white-space:normal}}.modal.replay-recmodal{width:min(640px,calc(100vw - 32px))}.modal.replay-exportmodal{width:min(480px,calc(100vw - 32px))}.rx-export{display:flex;flex-direction:column;gap:10px}.rx-export .rx-field{display:flex;flex-direction:column;gap:4px;min-width:0}.rx-export .rx-fromto{display:flex;flex-wrap:wrap;gap:10px}.rx-export .rx-fromto .rx-field{flex:1 1 170px}.rx-export .rx-fromto .form-input{width:var(--field-l);max-width:100%}.rx-export .rx-field .form-select{width:var(--field-l);max-width:100%}.rx-export .rx-size.is-over{color:var(--warn)}.rx-export .rx-error{color:var(--danger);font-size:12px}.rx-export .rx-error[hidden]{display:none}