:root {
  color-scheme: dark;
  --bg: #06090d;
  --panel: #0d1219;
  --panel-strong: #111923;
  --line: #263241;
  --muted: #8391a2;
  --text: #f2f7fb;
  --cyan: #44e7d4;
  --amber: #ffcc66;
  font-family: "Segoe UI", Arial, sans-serif;
}

/* The operator console stays motion-free so it never competes with live video. */
*, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }

* { box-sizing: border-box; }
[hidden] { display: none !important; }
body { margin: 0; min-width: 320px; background: var(--bg); color: var(--text); }
button, input { font: inherit; }

.login-body {
  min-height: 100vh;
  background:
    linear-gradient(rgba(68, 231, 212, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(68, 231, 212, .035) 1px, transparent 1px),
    radial-gradient(circle at 18% 24%, rgba(68, 231, 212, .11), transparent 34%),
    var(--bg);
  background-size: 40px 40px, 40px 40px, auto, auto;
}

.login-shell { min-height: 100vh; display: grid; grid-template-columns: 1.15fr .85fr; }
.login-context { padding: clamp(2rem, 7vw, 7rem); display: flex; flex-direction: column; justify-content: center; border-right: 1px solid var(--line); }
.brand-mark { width: 52px; height: 52px; display: grid; place-items: center; border: 1px solid var(--cyan); color: var(--cyan); font: 600 1.1rem "Cascadia Mono", Consolas, monospace; transform: rotate(45deg); margin-bottom: 5rem; }
.brand-mark span { transform: rotate(-45deg); }
.eyebrow { margin: 0 0 1rem; color: var(--cyan); text-transform: uppercase; letter-spacing: .16em; font: 500 .75rem "Cascadia Mono", Consolas, monospace; }
.login-context h1 { max-width: 700px; margin: 0; font-size: clamp(3.4rem, 8vw, 7.5rem); line-height: .92; letter-spacing: -.07em; }
.login-copy { max-width: 32rem; margin: 2rem 0; color: #aeb9c5; font-size: 1.08rem; line-height: 1.7; }
.system-line { margin-top: 3rem; display: flex; align-items: center; gap: .7rem; color: var(--muted); font: .78rem "Cascadia Mono", Consolas, monospace; }
.system-line span { width: 8px; height: 8px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 14px var(--cyan); }
.login-panel { padding: clamp(2rem, 7vw, 7rem); display: flex; flex-direction: column; justify-content: center; background: rgba(13, 18, 25, .72); backdrop-filter: blur(16px); }
.login-panel h2 { margin: 0 0 3rem; font-size: clamp(2.3rem, 5vw, 4rem); letter-spacing: -.05em; }
.login-form { display: grid; gap: 1.5rem; }
.login-form label { display: grid; gap: .65rem; color: #bac4ce; font: .76rem "Cascadia Mono", Consolas, monospace; text-transform: uppercase; letter-spacing: .09em; }
.login-form input { width: 100%; border: 1px solid var(--line); border-radius: 4px; padding: 1rem; background: #080d12; color: var(--text); outline: none; transition: border-color .2s, box-shadow .2s; }
.login-form input:focus { border-color: var(--cyan); box-shadow: 0 0 0 3px rgba(68, 231, 212, .12); }
.login-form button { display: flex; justify-content: space-between; border: 0; border-radius: 4px; padding: 1rem 1.15rem; margin-top: .4rem; background: var(--cyan); color: #04100f; font-weight: 700; cursor: pointer; }
.login-form button:hover { background: #75f3e4; }
.form-error { margin: -.5rem 0 0; color: #ff8d84; font-size: .9rem; }
.security-note { margin: 2rem 0 0; color: #647181; font: .75rem "Cascadia Mono", Consolas, monospace; }
.placeholder { padding: 10vw; }

.app-body { min-height: 100vh; background: #080c11; }
.console-shell { min-height: 100vh; display: grid; grid-template-columns: 232px minmax(0, 1fr); }
.sidebar { position: sticky; top: 0; height: 100vh; padding: 1.5rem 1rem; display: flex; flex-direction: column; border-right: 1px solid var(--line); background: #090e14; }
.console-brand { display: flex; align-items: center; gap: .8rem; padding: .4rem .5rem 2rem; color: var(--text); text-decoration: none; letter-spacing: .08em; }
.console-brand span { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid var(--cyan); color: var(--cyan); font: 600 .8rem "Cascadia Mono", Consolas, monospace; }
.console-brand strong { font-size: .92rem; }
.sidebar nav { display: grid; gap: .35rem; }
.nav-item { width: 100%; display: flex; align-items: center; gap: .8rem; border: 0; border-radius: 5px; padding: .8rem .75rem; background: transparent; color: #8491a0; font-size: .9rem; text-align: left; cursor: pointer; }
.nav-item:hover { color: var(--text); background: #101720; }
.nav-item.active { background: rgba(68, 231, 212, .1); color: var(--cyan); }
.nav-icon { width: 1.25rem; font: 1rem "Cascadia Mono", Consolas, monospace; }
.sidebar-foot { margin-top: auto; padding: 1rem .5rem .25rem; border-top: 1px solid var(--line); }
.profile-chip { display: flex; align-items: center; gap: .75rem; }
.profile-chip > span { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 50%; background: #17212c; color: var(--cyan); font: .8rem "Cascadia Mono", Consolas, monospace; }
.profile-chip div { display: grid; }
.profile-chip strong { font-size: .84rem; }
.profile-chip small { color: var(--muted); font-size: .7rem; }
.logout-button { border: 0; padding: .7rem 0 0; background: transparent; color: var(--muted); font-size: .76rem; cursor: pointer; }
.logout-button:hover { color: var(--text); }
.console-main { min-width: 0; padding: 2.25rem clamp(1.25rem, 4vw, 4rem) 4rem; }
.topbar { display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem; margin-bottom: 2.5rem; }
.topbar h1 { margin: 0; font-size: clamp(2rem, 4vw, 3.25rem); letter-spacing: -.055em; }
.connection-pill { display: flex; align-items: center; gap: .6rem; border: 1px solid var(--line); border-radius: 999px; padding: .6rem .85rem; background: #0d131a; color: #9ba7b4; font: .72rem "Cascadia Mono", Consolas, monospace; }
.connection-pill > span:first-child { width: 7px; height: 7px; border-radius: 50%; background: #6b7580; }
.connection-pill.connected { color: var(--cyan); border-color: rgba(68, 231, 212, .35); }
.connection-pill.connected > span:first-child { background: var(--cyan); box-shadow: 0 0 10px var(--cyan); }
.connection-pill.connecting { color: var(--amber); }
.connection-pill.connecting > span:first-child { background: var(--amber); }
.connection-pill.error { color: #ff978f; }
.panel-view { display: none; }
.panel-view.active { display: block; }
.guide-panel { overflow: hidden; }
.guide-layout { display: grid; grid-template-columns: 210px minmax(0, 1fr); align-items: start; }
.guide-toc { position: sticky; top: 78px; display: grid; gap: .25rem; padding: 1rem; border-right: 1px solid var(--line); }
.guide-toc strong { margin-bottom: .35rem; color: var(--cyan); font-size: .65rem; letter-spacing: .08em; text-transform: uppercase; }
.guide-toc a { border-radius: 4px; padding: .45rem .55rem; color: var(--muted); font-size: .66rem; text-decoration: none; }
.guide-toc a:hover { background: #101923; color: var(--text); }
.guide-document { min-width: 0; padding: 1.25rem 1.4rem 2rem; }
.guide-document > section { scroll-margin-top: 90px; }
.guide-hero { margin-bottom: 1rem; padding: 1.2rem; border: 1px solid rgba(68, 231, 212, .28); border-radius: 6px; background: linear-gradient(135deg, rgba(68, 231, 212, .07), rgba(183, 156, 255, .04)); }
.guide-hero h3 { margin: .2rem 0 .8rem; font-size: 1.15rem; }
.guide-hero > p:last-child { margin-bottom: 0; color: #aab7c2; font-size: .72rem; line-height: 1.65; }
.guide-cycle { display: flex; align-items: center; flex-wrap: wrap; gap: .45rem; }
.guide-cycle span { padding: .4rem .55rem; border: 1px solid #2b3c49; border-radius: 4px; background: #09121a; color: var(--text); font-size: .64rem; }
.guide-cycle b { color: var(--cyan); }
.guide-document > section:not(.guide-hero):not(.guide-distinction) { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: .85rem; padding: 1.1rem 0; border-bottom: 1px solid var(--line); }
.guide-step { display: grid; place-items: center; width: 32px; height: 32px; border: 1px solid rgba(68, 231, 212, .4); border-radius: 50%; background: rgba(68, 231, 212, .08); color: var(--cyan); font-weight: 800; }
.guide-document h3 { margin: .1rem 0 .65rem; }
.guide-document h4 { margin: 0 0 .55rem; color: var(--cyan); }
.guide-document p, .guide-document li { color: #aab7c2; font-size: .7rem; line-height: 1.65; }
.guide-document ol, .guide-document ul { margin: .4rem 0 .7rem; padding-left: 1.25rem; }
.guide-document code { color: var(--amber); }
.guide-check, .guide-warning { padding: .65rem .75rem; border-left: 3px solid var(--cyan); background: rgba(68, 231, 212, .04); }
.guide-warning { border-color: var(--amber); background: rgba(255, 204, 102, .045); }
.guide-columns { display: grid; grid-template-columns: 1fr 1fr; gap: .75rem; }
.guide-columns > div { padding: .85rem; border: 1px solid var(--line); border-radius: 5px; background: #09121a; }
.guide-distinction { margin-top: 1rem; padding: 1rem; border: 1px solid rgba(255, 204, 102, .35); border-radius: 6px; background: rgba(255, 204, 102, .04); }
.guide-distinction > div { display: grid; grid-template-columns: 1fr 1fr; gap: .65rem; }
.guide-distinction article { padding: .75rem; border: 1px solid var(--line); border-radius: 4px; background: #09121a; }
.guide-distinction article strong { color: var(--amber); font-size: .68rem; }
.guide-distinction p { margin-bottom: 0; }
.tracking-setup { position: relative; display: grid; grid-template-columns: minmax(260px, 1fr) 150px 170px auto; gap: 1rem; align-items: end; margin-bottom: 1rem; padding: 1.3rem 1.4rem; border: 1px solid var(--line); border-radius: 6px; background: linear-gradient(115deg, #101a20, var(--panel)); }
.tracking-copy .eyebrow { margin-bottom: .45rem; font-size: .64rem; }
.tracking-copy h2 { margin: 0 0 .35rem; font-size: 1.05rem; }
.tracking-copy p:last-child { max-width: 36rem; margin: 0; color: var(--muted); font-size: .75rem; line-height: 1.45; }
.tracking-setup label { display: grid; gap: .45rem; color: var(--muted); font: .65rem "Cascadia Mono", Consolas, monospace; text-transform: uppercase; letter-spacing: .06em; }
.tracking-setup input { min-width: 0; border: 1px solid var(--line); border-radius: 4px; padding: .72rem .75rem; background: #080d12; color: var(--text); outline: none; }
.tracking-setup input:focus { border-color: var(--cyan); box-shadow: 0 0 0 3px rgba(68, 231, 212, .1); }
.tracking-setup button { border: 0; border-radius: 4px; padding: .78rem 1rem; background: var(--cyan); color: #04100f; font-weight: 700; cursor: pointer; white-space: nowrap; }
.tracking-setup button:hover { background: #75f3e4; }
.tracking-error { position: absolute; right: 1.4rem; bottom: -.9rem; margin: 0; padding: .25rem .45rem; border-radius: 3px; background: #351513; color: #ff9b94; font-size: .72rem; }
.watchdog-panel { position: relative; display: grid; grid-template-columns: minmax(220px, 1.2fr) minmax(140px, .65fr) minmax(130px, auto) minmax(145px, .55fr); gap: .65rem 1rem; align-items: center; margin-bottom: 1rem; padding: 1rem 1.4rem; border: 1px solid var(--line); border-radius: 6px; background: linear-gradient(115deg, rgba(255, 204, 102, .045), var(--panel)); }
.watchdog-copy, .watchdog-stat { grid-row: 1 / 4; }
.watchdog-toggle { grid-column: 3; grid-row: 1; }
.watchdog-interval { grid-column: 4; grid-row: 1; }
.watchdog-panel #save-watchdog { grid-column: 3; grid-row: 2; }
.watchdog-panel #reload-after-hand { grid-column: 4; grid-row: 2; }
.watchdog-panel #reload-now { grid-column: 3; grid-row: 3; }
.watchdog-panel #new-shoe-reload { grid-column: 4; grid-row: 3; border-color: rgba(255, 141, 132, .35); background: rgba(255, 141, 132, .07); color: #ff9b94; }
.watchdog-panel .quick-shoe-color { grid-column: 3 / 5; grid-row: 4; display: flex; align-items: center; gap: .4rem; }
.quick-shoe-color > span { margin-right: .25rem; color: var(--muted); font: .62rem "Cascadia Mono", Consolas, monospace; text-transform: uppercase; }
.watchdog-panel .quick-shoe-color button { padding: .36rem .55rem; border-color: #334150; background: #111820; color: #8996a3; }
.watchdog-panel .quick-shoe-color button.red.active { border-color: #ef6e67; background: rgba(239, 110, 103, .16); color: #ff9a94; }
.watchdog-panel .quick-shoe-color button.blue.active { border-color: #5f9fff; background: rgba(95, 159, 255, .16); color: #8dbbff; }
.watchdog-panel .quick-shoe-color button[data-color=""].active { border-color: rgba(68, 231, 212, .4); color: var(--cyan); }
.watchdog-panel .quick-shoe-help { grid-column: 3 / 5; grid-row: 5; margin: 0; color: #74818e; font-size: .67rem; line-height: 1.45; }
.watchdog-copy .eyebrow { margin-bottom: .35rem; font-size: .62rem; }
.watchdog-copy h2 { margin: 0 0 .3rem; font-size: 1rem; }
.watchdog-copy > p:last-of-type { margin: 0; color: var(--muted); font-size: .7rem; }
.reload-history { margin-top: .55rem; color: #7e8b97; font-size: .65rem; }
.reload-history summary { cursor: pointer; color: #9aa7b3; }
.reload-history ol { display: grid; gap: .25rem; margin: .45rem 0 0; padding-left: 1.2rem; }
.reload-history li { padding-left: .2rem; }
.reload-history time { margin-right: .5rem; color: var(--cyan); font-family: "Cascadia Mono", Consolas, monospace; }
.reload-history span { margin-right: .5rem; color: #b4bec8; }
.reload-history small { color: #65727e; text-transform: capitalize; }
.watchdog-stat { display: grid; gap: .2rem; }
.watchdog-stat span, .watchdog-interval { color: var(--muted); font: .62rem "Cascadia Mono", Consolas, monospace; text-transform: uppercase; letter-spacing: .05em; }
.watchdog-stat strong { color: var(--cyan); font: 1.35rem "Cascadia Mono", Consolas, monospace; }
.watchdog-stat small { color: #6f7d8a; font-size: .64rem; white-space: nowrap; }
.watchdog-stat.pending strong, .watchdog-stat.pending small { color: var(--amber); }
.watchdog-toggle { display: flex; align-items: center; gap: .5rem; color: #aeb9c4; font-size: .72rem; white-space: nowrap; }
.watchdog-toggle input { accent-color: var(--cyan); }
.watchdog-interval { display: grid; grid-template-columns: 72px auto; align-items: center; gap: .4rem; }
.watchdog-interval input { grid-column: 1; width: 72px; border: 1px solid var(--line); border-radius: 4px; padding: .55rem; background: #080d12; color: var(--text); }
.watchdog-interval span { grid-column: 2; }
.watchdog-panel button { border: 1px solid rgba(68, 231, 212, .35); border-radius: 4px; padding: .6rem .7rem; background: rgba(68, 231, 212, .08); color: var(--cyan); cursor: pointer; font-size: .68rem; white-space: nowrap; }
.watchdog-panel button:disabled { opacity: .35; cursor: not-allowed; }
.watchdog-panel #reload-after-hand { border-color: rgba(255, 204, 102, .35); background: rgba(255, 204, 102, .07); color: var(--amber); }
.watchdog-error { position: absolute; right: 1rem; bottom: -.75rem; margin: 0; padding: .25rem .45rem; border-radius: 3px; background: #351513; color: #ff9b94; font-size: .7rem; }
.event-severity { display: inline-block; border-radius: 999px; padding: .2rem .45rem; background: #17212a; color: #9eabb7; font: .62rem "Cascadia Mono", Consolas, monospace; text-transform: uppercase; }
.event-severity.warning { background: rgba(255, 204, 102, .12); color: var(--amber); }
.event-severity.error { background: rgba(255, 101, 93, .14); color: #ff918b; }
.recording-panel { position: relative; display: grid; grid-template-columns: minmax(240px, 1.2fr) minmax(140px, .55fr) minmax(220px, .8fr) minmax(180px, auto) auto auto; gap: 1rem; align-items: end; margin-bottom: 1rem; padding: 1rem 1.4rem; border: 1px solid var(--line); border-radius: 6px; background: linear-gradient(115deg, rgba(255, 141, 132, .04), var(--panel)); }
.recording-panel .eyebrow { margin-bottom: .35rem; font-size: .62rem; }
.recording-panel h2 { margin: 0 0 .3rem; font-size: 1rem; }
.recording-panel p { margin: 0; color: var(--muted); font-size: .7rem; }
.recording-control { display: grid; gap: .4rem; color: var(--muted); font: .62rem "Cascadia Mono", Consolas, monospace; text-transform: uppercase; letter-spacing: .05em; }
.recording-control select { min-width: 0; border: 1px solid var(--line); border-radius: 4px; padding: .7rem; background: #080d12; color: var(--text); }
.recording-status { display: grid; grid-template-columns: auto 1fr; gap: .15rem .5rem; align-items: center; }
.recording-status > span { width: 8px; height: 8px; border-radius: 50%; background: #697581; }
.recording-status.active > span { background: #ff655d; box-shadow: 0 0 12px #ff655d; }
.recording-status strong { font-size: .78rem; }
.recording-status small { grid-column: 2; color: #74818e; font: .65rem "Cascadia Mono", Consolas, monospace; }
.recording-panel button { border: 1px solid rgba(68, 231, 212, .35); border-radius: 4px; padding: .72rem .8rem; background: rgba(68, 231, 212, .08); color: var(--cyan); cursor: pointer; font-size: .72rem; white-space: nowrap; }
.recording-panel #stop-recording { border-color: rgba(255, 101, 93, .4); background: rgba(255, 101, 93, .08); color: #ff918b; }
.recording-panel button:disabled { opacity: .35; cursor: default; }
#recording-message { position: absolute; right: 1rem; bottom: -.75rem; padding: .25rem .45rem; border-radius: 3px; background: #17212a; color: #b7c3cd; }
.video-summary { margin-bottom: 1rem; }
.video-review-layout { display: grid; grid-template-columns: minmax(0, 3fr) minmax(280px, 1fr); gap: 1rem; align-items: start; }
.video-review-layout.player-expanded { grid-template-columns: minmax(0, 7fr) minmax(240px, 1fr); }
.theatre-panel { overflow: hidden; background: #080d12; }
.review-video-stage { display: grid; min-height: min(68vh, 760px); place-items: center; background: #020304; }
.precision-player { width: 100%; }
.review-video-stage video, .review-video-stage .video-unavailable { display: block; width: 100%; max-height: min(68vh, 760px); aspect-ratio: 16 / 9; object-fit: contain; }
.player-expanded .review-video-stage { min-height: min(78vh, 900px); }
.player-expanded .review-video-stage video { max-height: min(78vh, 900px); }
.player-heading-actions { display: flex; align-items: center; justify-content: flex-end; gap: .75rem; }
.player-heading-actions button { border: 1px solid rgba(68, 231, 212, .4); border-radius: 4px; padding: .5rem .7rem; background: rgba(68, 231, 212, .08); color: var(--cyan); cursor: pointer; font-size: .68rem; }
.precision-controls { display: grid; grid-template-columns: auto auto minmax(180px, 1fr) auto; gap: .65rem; align-items: center; padding: .75rem 1rem; border-top: 1px solid var(--line); background: #080d12; }
.precision-controls button { min-width: 86px; border: 1px solid #314252; border-radius: 4px; padding: .55rem .65rem; background: #101923; color: var(--text); cursor: pointer; font: .68rem "Cascadia Mono", Consolas, monospace; }
.precision-controls button:hover, .precision-controls button:focus-visible { border-color: var(--cyan); color: var(--cyan); outline: none; }
.precision-controls input[type="range"] { width: 100%; min-width: 0; accent-color: var(--cyan); cursor: ew-resize; }
.precision-time { min-width: 140px; color: #b8c4cf; text-align: right; font: .66rem "Cascadia Mono", Consolas, monospace; font-variant-numeric: tabular-nums; }
.precision-help { grid-column: 1 / -1; color: #74818e; font: .6rem "Cascadia Mono", Consolas, monospace; text-align: center; }
.review-video-stage > p { color: var(--muted); }
.review-video-context { display: grid; grid-template-columns: 1fr minmax(280px, .8fr); gap: 1rem; align-items: start; padding: 1rem 1.25rem; border-top: 1px solid var(--line); }
.review-video-context > div { display: grid; gap: .4rem; }
.review-video-context span { color: var(--muted); font-size: .72rem; }
.review-video-context .shoe-tag { display: inline-block; margin: .2rem .3rem 0 0; }
.video-link-controls { display: grid; grid-template-columns: minmax(150px, .45fr) minmax(220px, 1fr) auto; gap: .75rem; align-items: end; padding: .9rem 1.25rem 1rem; border-top: 1px solid var(--line); background: #0a1016; }
.video-link-controls label { display: grid; gap: .4rem; color: var(--muted); font: .62rem "Cascadia Mono", Consolas, monospace; text-transform: uppercase; letter-spacing: .05em; }
.video-link-controls select { min-width: 0; border: 1px solid var(--line); border-radius: 4px; padding: .65rem; background: #080d12; color: var(--text); }
.video-link-controls button { border: 1px solid rgba(68, 231, 212, .4); border-radius: 4px; padding: .7rem .85rem; background: rgba(68, 231, 212, .09); color: var(--cyan); cursor: pointer; }
.video-link-controls p { grid-column: 1 / -1; margin: 0; color: #73808d; font-size: .68rem; }
.video-link-controls p.error { color: #ff918b; }
.review-queue-panel { overflow: hidden; max-height: calc(68vh + 190px); }
.video-filter-controls { display: flex; align-items: flex-end; gap: .65rem; }
.video-filter-controls label { display: grid; gap: .3rem; color: var(--muted); font: .58rem "Cascadia Mono", Consolas, monospace; text-transform: uppercase; letter-spacing: .05em; }
.video-filter-controls select { border: 1px solid var(--line); border-radius: 4px; padding: .45rem .55rem; background: #080d12; color: var(--text); font-size: .68rem; }
.video-library { display: grid; gap: .65rem; overflow-y: auto; max-height: calc(68vh + 92px); padding: .8rem; }
.review-queue-item { overflow: hidden; border: 1px solid #253441; border-radius: 5px; background: #0b1219; }
.review-queue-item.active { border-color: var(--cyan); box-shadow: inset 3px 0 0 var(--cyan); }
.review-queue-item.marked { border-top-color: var(--amber); }
.procedure-badge { display: inline-flex; width: fit-content; border-radius: 999px; padding: .2rem .45rem; background: rgba(68, 231, 212, .09); color: var(--cyan) !important; text-transform: uppercase; letter-spacing: .06em; }
.procedure-badge.midshuffle { background: rgba(142, 108, 224, .16); color: #c6b2ff !important; }
.review-video { display: grid; width: 100%; gap: .25rem; border: 0; padding: .8rem; background: transparent; color: var(--text); cursor: pointer; text-align: left; }
.review-video strong { overflow: hidden; font-size: .78rem; text-overflow: ellipsis; white-space: nowrap; }
.review-video span, .review-video small { color: var(--muted); font: .62rem "Cascadia Mono", Consolas, monospace; }
.video-procedure-actions { display: grid; grid-template-columns: 1fr 1fr; gap: .4rem; padding: 0 .65rem .5rem; }
.video-procedure-actions button { border: 1px solid #2e4050; border-radius: 4px; padding: .45rem; background: #0d151d; color: #8997a4; cursor: pointer; font-size: .65rem; }
.video-procedure-actions button.selected { border-color: var(--cyan); background: rgba(68, 231, 212, .1); color: var(--cyan); }
.video-procedure-actions button[data-procedure="midshuffle"].selected { border-color: var(--amber); background: rgba(255, 204, 102, .1); color: var(--amber); }
.review-queue-item .video-actions { padding: 0 .65rem .65rem; }
.video-transition-editor { margin-top: 1rem; overflow: hidden; }
.procedure-workflow { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; margin: 0; padding: 1px; list-style: none; background: var(--line); border-bottom: 1px solid var(--line); }
.procedure-workflow li { display: flex; align-items: center; gap: .65rem; padding: .85rem 1rem; background: #0a1118; color: #8d9aa6; font-size: .7rem; }
.procedure-workflow strong { display: grid; width: 25px; height: 25px; place-items: center; border: 1px solid rgba(68, 231, 212, .3); border-radius: 50%; color: var(--cyan); font: .65rem "Cascadia Mono", Consolas, monospace; }
.video-session { overflow: hidden; border: 1px solid #202d39; border-radius: 5px; background: #091017; }
.video-session-heading { display: flex; justify-content: space-between; gap: 1rem; padding: .85rem 1rem; border-bottom: 1px solid #202d39; }
.video-session-heading div { display: grid; gap: .2rem; }
.video-session-heading strong { font-size: .84rem; }
.video-session-heading span { color: var(--muted); font-size: .68rem; }
.video-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(310px, 1fr)); gap: 1rem; padding: 1rem; }
.video-card { overflow: hidden; border: 1px solid #273543; border-radius: 5px; background: #0d141c; }
.video-card.marked { border-color: var(--amber); box-shadow: inset 0 0 0 1px rgba(255, 204, 102, .25); }
.video-card video, .video-unavailable { width: 100%; aspect-ratio: 16 / 9; background: #030507; }
.video-card video { display: block; object-fit: contain; }
.video-unavailable { display: grid; place-items: center; padding: 1rem; color: #ff918b; font-size: .75rem; text-align: center; }
.video-meta { display: grid; gap: .25rem; padding: .8rem .9rem; }
.video-meta strong { font: .8rem "Cascadia Mono", Consolas, monospace; }
.video-meta span { color: var(--muted); font-size: .68rem; }
.video-lineage { padding: .65rem .8rem; border-top: 1px solid #1d2934; color: #85929e; font-size: .66rem; }
.video-lineage summary { cursor: pointer; color: #a9b5c0; }
.video-lineage ol { display: grid; gap: .35rem; margin: .55rem 0 0; padding-left: 1.15rem; }
.video-lineage li { display: grid; grid-template-columns: auto 1fr; gap: .15rem .5rem; }
.video-lineage li span { grid-column: 2; color: #6f7c88; }
.video-lineage time { color: var(--cyan); font-family: "Cascadia Mono", Consolas, monospace; }
.video-actions { display: flex; gap: .5rem; padding: 0 .9rem .9rem; }
.video-actions button { flex: 1; border: 1px solid #304252; border-radius: 4px; padding: .5rem; background: #121b24; color: #b7c3cd; cursor: pointer; font-size: .7rem; }
.video-actions button.danger { border-color: rgba(255, 101, 93, .35); color: #ff918b; }
.video-actions button:disabled { opacity: .35; cursor: default; }
.shoe-builder { margin-top: 1rem; }
.live-boundary { display: grid; grid-template-columns: repeat(3, minmax(150px, 1fr)) auto; gap: .9rem; align-items: center; padding: 1rem 1.4rem; border-bottom: 1px solid var(--line); background: rgba(255, 204, 102, .025); }
.live-boundary > div:not(.boundary-actions) { display: grid; gap: .35rem; }
.live-boundary span { color: var(--muted); font: .62rem "Cascadia Mono", Consolas, monospace; text-transform: uppercase; letter-spacing: .06em; }
.live-boundary strong { overflow: hidden; color: #dce5eb; font: .76rem "Cascadia Mono", Consolas, monospace; text-overflow: ellipsis; white-space: nowrap; }
.boundary-actions { display: flex; flex-wrap: wrap; gap: .5rem; }
.boundary-actions button, .round-boundary-actions button { border: 1px solid rgba(255, 204, 102, .32); border-radius: 4px; padding: .55rem .65rem; background: rgba(255, 204, 102, .07); color: var(--amber); cursor: pointer; font-size: .68rem; white-space: nowrap; }
.boundary-actions button:disabled, .round-boundary-actions button:disabled { opacity: .35; cursor: default; }
.boundary-actions .primary-boundary-action { border-color: rgba(68, 231, 212, .55); background: rgba(68, 231, 212, .09); color: var(--cyan); }
.boundary-help { grid-column: 1 / -1; margin: 0; color: #778491; font-size: .7rem; line-height: 1.45; }
.round-boundary-actions { display: flex; align-items: center; gap: .35rem; }
.round-boundary-actions button { padding: .32rem .42rem; }
.boundary-tag { padding: .27rem .4rem; border-radius: 3px; background: #19232d; color: #9dabb8 !important; font: .62rem "Cascadia Mono", Consolas, monospace !important; text-transform: none !important; }
.boundary-tag.start { background: rgba(68, 231, 212, .1); color: var(--cyan) !important; }
.boundary-tag.end { background: rgba(255, 204, 102, .1); color: var(--amber) !important; }
.boundary-range-row { background: rgba(255, 204, 102, .018); }
.boundary-start-row { box-shadow: inset 3px 0 0 var(--cyan); }
.boundary-end-row { box-shadow: inset 3px 0 0 var(--amber); }
.shoe-controls { position: relative; display: grid; grid-template-columns: minmax(180px, 1fr) auto minmax(190px, 1fr) auto; gap: .75rem; align-items: end; padding: 1rem 1.4rem; border-bottom: 1px solid var(--line); }
.shoe-controls label { display: grid; gap: .4rem; color: var(--muted); font: .65rem "Cascadia Mono", Consolas, monospace; text-transform: uppercase; letter-spacing: .06em; }
.shoe-controls input, .shoe-controls select { min-width: 0; border: 1px solid var(--line); border-radius: 4px; padding: .7rem .75rem; background: #080d12; color: var(--text); }
.shoe-controls button, .open-transition-shoe { border: 1px solid rgba(68, 231, 212, .35); border-radius: 4px; padding: .7rem .85rem; background: rgba(68, 231, 212, .09); color: var(--cyan); cursor: pointer; }
.shoe-controls button:disabled, .open-transition-shoe:disabled { opacity: .4; cursor: default; }
.inline-error { position: absolute; right: 1.4rem; bottom: -.75rem; }
.transition-editor { border-bottom: 1px solid var(--line); background: linear-gradient(145deg, rgba(68, 231, 212, .025), transparent 45%); }
.transition-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; padding: 1.35rem 1.4rem 1rem; }
.transition-heading .eyebrow { margin-bottom: .45rem; font-size: .66rem; }
.transition-heading h3 { margin: 0 0 .45rem; font-size: 1.25rem; }
.transition-heading p:last-child { max-width: 52rem; margin: 0; color: #8794a1; font-size: .82rem; line-height: 1.55; }
.transition-default-badge { flex: 0 0 auto; padding: .45rem .6rem; border: 1px solid rgba(68, 231, 212, .3); border-radius: 3px; background: rgba(68, 231, 212, .07); color: var(--cyan); font: .67rem "Cascadia Mono", Consolas, monospace; }
.transition-submit-bar { display: grid; grid-template-columns: minmax(220px, 1fr) auto auto; gap: .75rem; align-items: end; padding: 1rem 1.4rem; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: #0b1118; }
.review-submit-bar { grid-template-columns: minmax(240px, 1.5fr) minmax(125px, .5fr) minmax(125px, .5fr) auto auto auto; }
.transition-submit-bar label { display: grid; gap: .45rem; color: var(--muted); font: .68rem "Cascadia Mono", Consolas, monospace; text-transform: uppercase; letter-spacing: .06em; }
.transition-submit-bar select, .transition-submit-bar input { min-width: 0; border: 1px solid var(--line); border-radius: 4px; padding: .78rem; background: #080d12; color: var(--text); font-size: .85rem; }
.review-submit-bar label:not(:first-child) { grid-template-columns: 1fr auto; }
.review-submit-bar label:not(:first-child) input { grid-column: 1; }
.review-submit-bar label:not(:first-child) span { grid-column: 2; align-self: center; }
.transition-submit-bar button { min-height: 43px; border: 1px solid #304252; border-radius: 4px; padding: .7rem .9rem; background: #111a23; color: #b7c3cd; cursor: pointer; font-size: .76rem; font-weight: 650; }
.transition-submit-bar .primary-transition-action { border-color: rgba(68, 231, 212, .5); background: var(--cyan); color: #04100f; }
.transition-submit-bar button:disabled { opacity: .35; cursor: default; }
.transition-message { grid-column: 1 / -1; margin: 0; color: #73808d; font-size: .72rem; }
.transition-message.error { color: #ff9b94; }
.transition-inputs { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; padding: 1.25rem 1.4rem 1.5rem; }
.transition-inputs section { min-width: 0; padding: 1rem; border: 1px solid #202d39; border-radius: 5px; background: #090f15; }
.transition-phase { position: relative; overflow: hidden; }
.transition-phase::before { position: absolute; top: 0; right: 0; left: 0; height: 3px; content: ""; }
.transition-preshuffle { border-color: rgba(68, 231, 212, .32) !important; background: linear-gradient(155deg, rgba(68, 231, 212, .065), #090f15 32%) !important; }
.transition-preshuffle::before { background: var(--cyan); }
.transition-midshuffle { border-color: rgba(183, 156, 255, .38) !important; background: linear-gradient(155deg, rgba(142, 108, 224, .1), #0a0e16 32%) !important; }
.transition-midshuffle::before { background: #b79cff; }
.transition-midshuffle .transition-phase-title > span { border-color: rgba(183, 156, 255, .55); color: #c6b2ff; }
.transition-midshuffle fieldset { border-color: rgba(183, 156, 255, .2); }
.transition-midshuffle legend span { background: rgba(142, 108, 224, .18); color: #c6b2ff; }
.transition-midshuffle .transition-number { border-color: rgba(183, 156, 255, .35); }
.transition-midshuffle .transition-number button { background: rgba(142, 108, 224, .13); color: #c6b2ff; }
.transition-midshuffle .transition-range { accent-color: #a987ff; }
.transition-phase-title { display: flex; align-items: center; gap: .75rem; margin-bottom: 1rem; }
.transition-phase-title > span { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid rgba(68, 231, 212, .35); color: var(--cyan); font: .75rem "Cascadia Mono", Consolas, monospace; }
.transition-phase-title h3 { margin: 0 0 .22rem; font-size: 1rem; }
.transition-phase-title p { margin: 0; color: var(--muted); font-size: .72rem; }
.transition-step-list { display: grid; gap: .75rem; }
.transition-inputs fieldset { display: grid; gap: .8rem; margin: 0; padding: .9rem; border: 1px solid #24313e; border-radius: 4px; }
.transition-inputs legend { display: flex; align-items: center; gap: .5rem; padding: 0 .4rem; color: #c6d0d8; font-size: .78rem; font-weight: 650; }
.transition-inputs legend span { width: 22px; height: 22px; display: inline-grid; place-items: center; border-radius: 50%; background: #17232d; color: var(--cyan); font: .65rem "Cascadia Mono", Consolas, monospace; }
.transition-control { display: grid; grid-template-columns: minmax(120px, .7fr) minmax(185px, 1fr); gap: .55rem 1rem; align-items: center; color: #b5c0ca; font-size: .8rem; text-transform: capitalize; }
.transition-number { display: grid; grid-template-columns: 34px minmax(70px, 1fr) auto 34px; align-items: center; overflow: hidden; border: 1px solid #344454; border-radius: 4px; background: #080d12; }
.transition-number button { height: 38px; border: 0; background: #14202a; color: var(--cyan); cursor: pointer; font-size: 1.05rem; }
.transition-number input { width: 100%; border: 0; padding: .55rem .35rem; background: transparent; color: #f0f6f9; font: 700 .95rem "Cascadia Mono", Consolas, monospace; text-align: center; outline: none; }
.transition-number > span { color: #65717d; font-size: .72rem; }
.transition-range { grid-column: 2; width: 100%; accent-color: var(--cyan); cursor: ew-resize; }
.shoe-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: .75rem; padding: 1rem 1.4rem; }
.shoe-card { display: flex; align-items: center; justify-content: space-between; gap: .75rem; padding: .85rem; border: 1px solid #202d39; border-radius: 4px; background: #0a1016; }
.shoe-card > div { display: grid; gap: .3rem; }
.shoe-card > div:last-child { justify-items: end; }
.shoe-card strong { font-size: .85rem; }
.shoe-card span, .shoe-empty { color: var(--muted); font-size: .7rem; }
.shoe-color-controls { display: flex !important; grid-auto-flow: column; gap: .3rem !important; }
.shoe-color-controls button { border: 1px solid #2a3745; border-radius: 3px; padding: .28rem .4rem; background: #111820; color: #778491; cursor: pointer; font-size: .62rem; }
.shoe-color-controls button.red.selected { border-color: #ef6e67; color: #ff9a94; }
.shoe-color-controls button.blue.selected { border-color: #5f9fff; color: #8dbbff; }
.shoe-card.color-red { box-shadow: inset 3px 0 0 #ef6e67; }
.shoe-card.color-blue { box-shadow: inset 3px 0 0 #5f9fff; }
.shoe-color-badge { text-transform: uppercase; letter-spacing: .06em; }
.shoe-color-badge.red { color: #ff9a94 !important; }
.shoe-color-badge.blue { color: #8dbbff !important; }
.shoe-empty { margin: .25rem 0; }
.compiled-badge { color: var(--cyan) !important; }
.draft-badge { color: var(--amber) !important; }
.open-transition-shoe { padding: .45rem .6rem; font-size: .68rem; }
.compilation-result { display: grid; gap: 1rem; padding: 1rem 1.4rem 1.4rem; border-top: 1px solid var(--line); background: rgba(68, 231, 212, .035); }
.compile-result-summary { display: flex; justify-content: space-between; gap: 1rem; align-items: center; }
.compiled-segment-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; }
.compiled-segment { display: grid; gap: .75rem; min-width: 0; padding: .9rem; border: 1px solid #263542; border-radius: 5px; background: #080e14; }
.compiled-segment header { display: flex; justify-content: space-between; gap: .5rem; }
.compiled-segment header strong { color: var(--cyan); font: 1rem "Cascadia Mono", Consolas, monospace; }
.compiled-segment header span { color: var(--muted); font-size: .65rem; }
.compiled-segment .cards { max-height: 90px; overflow-y: auto; }
.compiled-segment details { color: var(--muted); font-size: .68rem; }
.compiled-segment details summary { margin-bottom: .5rem; cursor: pointer; color: #aeb9c4; }
.compiled-segment footer { padding-top: .55rem; border-top: 1px solid #1d2a35; color: #667581; font: .6rem "Cascadia Mono", Consolas, monospace; }
.label-breakdown { display: flex; flex-wrap: wrap; gap: .35rem; margin-top: .45rem; }
.label-breakdown > span { border: 1px solid #2b3c49; border-radius: 3px; padding: .25rem .38rem; background: #101a22; color: #98a8b4; font: .62rem "Cascadia Mono", Consolas, monospace; }
.label-breakdown strong { color: var(--cyan); }
.output-toolbar { display: grid; grid-template-columns: minmax(240px, 1fr) minmax(240px, 1fr) auto; gap: .75rem; align-items: end; padding: 1rem 1.4rem; border-bottom: 1px solid var(--line); background: #0a1118; }
.output-toolbar label { display: grid; gap: .4rem; color: var(--muted); font: .63rem "Cascadia Mono", Consolas, monospace; text-transform: uppercase; }
.output-toolbar select { border: 1px solid #304252; border-radius: 4px; padding: .72rem; background: #080d12; color: var(--text); }
.output-toolbar button { border: 1px solid rgba(68, 231, 212, .45); border-radius: 4px; padding: .72rem 1rem; background: rgba(68, 231, 212, .1); color: var(--cyan); cursor: pointer; }
.compiled-output-page { display: grid; gap: 1rem; padding: 1.25rem 1.4rem 1.5rem; }
.output-capture-control { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(210px, auto); gap: 1rem; align-items: center; padding: .85rem 1rem; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: #09121a; }
.output-capture-control h3, .output-capture-control p { margin: 0; }
.output-capture-control h3 { margin-bottom: .25rem; font-size: .86rem; }
.output-capture-control > div > p:last-child { color: var(--muted); font-size: .64rem; line-height: 1.5; }
.output-capture-control button { min-height: 40px; border: 1px solid var(--cyan); border-radius: 4px; padding: .55rem .9rem; background: rgba(40, 230, 210, .08); color: var(--cyan); cursor: pointer; }
.output-capture-control button.listening { border-color: var(--red); background: rgba(255, 90, 105, .08); color: var(--red); }
.output-capture-control > strong { color: var(--muted); font-size: .65rem; text-align: right; }
.output-capture-control button.listening + strong { color: var(--cyan); }
.output-round-manager { border-bottom: 1px solid var(--line); background: #080f16; }
.output-round-manager summary { display: flex; justify-content: space-between; padding: .7rem 1rem; color: var(--text); cursor: pointer; font-size: .68rem; }
.output-round-manager summary span { color: var(--muted); }
.output-round-list { display: grid; max-height: 290px; overflow: auto; border-top: 1px solid var(--line); }
.output-round-option { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: .75rem; align-items: center; padding: .65rem 1rem; border-bottom: 1px solid #17232d; cursor: pointer; }
.output-round-option:hover { background: #0d1822; }
.output-round-option.included { box-shadow: inset 3px 0 0 var(--cyan); background: rgba(40, 230, 210, .045); }
.output-round-option span { display: grid; gap: .2rem; }
.output-round-option small { color: var(--muted); font-size: .58rem; }
.output-round-option b { color: var(--muted); font-size: .58rem; }
.output-round-option.included b { color: var(--cyan); }
.compiled-output-page .compile-result-summary > div:first-child > span { color: var(--muted); font-size: .68rem; }
.audit-toolbar { display: grid; grid-template-columns: minmax(230px, 1fr) minmax(210px, .8fr) auto auto auto auto; gap: .55rem; align-items: end; padding: 1rem 1.4rem; border-bottom: 1px solid var(--line); background: #0a1118; }
.audit-toolbar label { display: grid; gap: .35rem; color: var(--muted); font-size: .62rem; text-transform: uppercase; }
.audit-toolbar button, .audit-toolbar select { min-height: 40px; }
.audit-full-toggle { display: flex !important; min-height: 40px; align-items: center; gap: .45rem !important; padding: 0 .5rem; }
.audit-summary { display: flex; flex-wrap: wrap; gap: .55rem; align-items: center; padding: .8rem 1.4rem; border-bottom: 1px solid var(--line); background: #080e14; }
.audit-summary > * { border-right: 1px solid #2a3946; padding-right: .65rem; }
.audit-summary span { color: var(--muted); font-size: .64rem; }
.audit-summary .audit-pass { color: #65d6a2; }
.audit-summary .audit-fail { color: #ff6b73; }
.audit-timeline { display: flex; gap: .35rem; overflow-x: auto; padding: .8rem 1.4rem; border-bottom: 1px solid var(--line); background: #060b10; }
.audit-step-button { display: grid; flex: 0 0 132px; gap: .2rem; min-height: 70px; border: 1px solid #2d3a47; border-radius: 4px; padding: .55rem; background: #0d151e; color: var(--text); cursor: pointer; text-align: left; }
.audit-step-button span, .audit-step-button small { overflow: hidden; color: var(--muted); font-size: .54rem; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }
.audit-step-button strong { font-size: 1rem; }
.audit-step-button.phase-preshuffle { border-top: 3px solid #39b8c8; }
.audit-step-button.phase-midshuffle { border-top: 3px solid #b79cff; }
.audit-step-button.phase-cut { border-top: 3px solid #f3c85b; }
.audit-step-button.active { border-color: var(--cyan); background: rgba(0, 229, 214, .08); }
.audit-step-view { min-height: 420px; padding: 1.1rem 1.4rem 1.5rem; }
.audit-step-heading { display: flex; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }
.audit-step-heading h3 { margin: .15rem 0 .35rem; font-size: 1.05rem; text-transform: capitalize; }
.audit-step-heading p { margin: 0; color: var(--muted); font-size: .67rem; }
.audit-invariants { display: grid; justify-items: end; gap: .2rem; min-width: 150px; border-left: 3px solid #ff6b73; padding-left: .8rem; }
.audit-invariants.pass { border-color: #65d6a2; }
.audit-invariants strong { color: #ff6b73; }
.audit-invariants.pass strong { color: #65d6a2; }
.audit-invariants span, .audit-invariants code { color: var(--muted); font-size: .57rem; }
.audit-piles { display: grid; gap: .7rem; }
.audit-pile { overflow: hidden; border: 1px solid #263542; border-radius: 4px; background: #070d12; }
.audit-pile header { display: flex; justify-content: space-between; padding: .55rem .7rem; border-bottom: 1px solid #263542; background: #0d151d; }
.audit-pile header strong { font-size: .67rem; }
.audit-pile header span { color: var(--muted); font-size: .58rem; }
.audit-cards { display: flex; flex-wrap: wrap; gap: 3px; padding: .65rem; }
.audit-card { min-width: 42px; border: 1px solid #385061; border-radius: 3px; padding: .32rem .4rem; background: transparent; color: #dce7ed; font: .63rem "Cascadia Mono", Consolas, monospace; text-align: center; cursor: pointer; }
.audit-card.known { border-color: rgba(0, 229, 214, .55); color: var(--cyan); }
.audit-card.unknown { opacity: .52; }
.audit-card.omitted { border-style: dashed; color: var(--muted); }
.audit-card.selected { border-color: #f3c85b; background: rgba(243, 200, 91, .13); color: #ffe8a2; }
.audit-card small { display: block; margin-top: .15rem; color: #71808c; font-size: .46rem; }
.audit-card-inspector { display: flex; flex-wrap: wrap; gap: .6rem; align-items: center; margin-bottom: .75rem; border: 1px solid rgba(243, 200, 91, .35); border-radius: 4px; padding: .65rem .8rem; background: rgba(243, 200, 91, .05); }
.audit-card-inspector span { color: var(--muted); font-size: .6rem; }
.output-legend { display: flex; flex-wrap: wrap; gap: .5rem; }
.output-legend span { border-left: 2px solid var(--cyan); padding: .3rem .5rem; background: #0c151d; color: #93a2ae; font-size: .68rem; }
.workspace-output { margin-top: .7rem; border-color: rgba(68, 231, 212, .45); color: var(--cyan); }
.shoe-position-panel, .segment-adjacency-detail { border: 1px solid #283744; border-radius: 6px; background: #080e14; }
.shoe-position-panel { padding: 1rem 1rem 1.2rem; }
.shoe-position-panel > header, .segment-adjacency-detail > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }
.shoe-position-panel h3, .segment-adjacency-detail h3 { margin: .2rem 0 0; }
.shoe-position-panel > header > strong { color: #f5f8fa; font: 1rem "Cascadia Mono", Consolas, monospace; }
.shoe-ruler { display: grid; grid-template-columns: repeat(7, 1fr); margin: 1.1rem 0 .3rem; color: #73818d; font: .58rem "Cascadia Mono", Consolas, monospace; }
.shoe-ruler span:not(:first-child):not(:last-child) { text-align: center; }
.shoe-ruler span:last-child { text-align: right; }
.shoe-track { position: relative; display: flex; min-height: 132px; border: 1px solid #52606c; border-radius: 3px; background: #101820; }
.output-segment-block { display: grid; align-content: center; justify-items: center; gap: .25rem; min-width: 0; border: 0; border-right: 1px solid rgba(0, 0, 0, .2); padding: .6rem .15rem; color: #17202a; cursor: pointer; }
.output-segment-block strong { font: 800 1.2rem "Cascadia Mono", Consolas, monospace; }
.output-segment-block span { overflow: hidden; max-width: 100%; font: 800 .78rem "Cascadia Mono", Consolas, monospace; white-space: nowrap; text-overflow: ellipsis; }
.output-segment-block b { color: #121a21; font: 900 .74rem "Cascadia Mono", Consolas, monospace; }
.output-segment-block small { overflow: hidden; max-width: 100%; font: 600 .66rem "Cascadia Mono", Consolas, monospace; white-space: nowrap; text-overflow: ellipsis; }
.output-segment-block.active { position: relative; z-index: 2; outline: 3px solid #f8fafc; outline-offset: -3px; filter: saturate(1.25); }
.output-s6 { --segment-color: #a9d4ff; } .output-s5 { --segment-color: #ffc7a8; } .output-s4 { --segment-color: #bce99d; } .output-s3 { --segment-color: #cfb1f5; } .output-s2 { --segment-color: #ffe58b; } .output-s1 { --segment-color: #9de8d5; }
.output-segment-block.output-s6, .output-segment-block.output-s5, .output-segment-block.output-s4, .output-segment-block.output-s3, .output-segment-block.output-s2, .output-segment-block.output-s1 { background: var(--segment-color); }
.play-start-marker, .play-end-marker, .current-shoe-marker { position: absolute; z-index: 3; top: -8px; bottom: -8px; width: 2px; pointer-events: none; }
.play-start-marker, .play-end-marker { background: #ff5d65; box-shadow: 0 0 0 1px rgba(0, 0, 0, .45); }
.current-shoe-marker { width: 3px; background: #fff; box-shadow: 0 0 8px rgba(255,255,255,.9); }
.current-shoe-marker::before { position: absolute; top: -7px; left: -5px; border-width: 6px 6px 0; border-style: solid; border-color: #fff transparent transparent; content: ""; }
.current-shoe-marker span { position: absolute; top: -29px; left: 50%; border-radius: 3px; padding: .22rem .35rem; background: #f5f8fa; color: #101820; font: 700 .58rem "Cascadia Mono", Consolas, monospace; white-space: nowrap; transform: translateX(-50%); }
.segment-adjacency-detail { overflow: hidden; border-top: 4px solid var(--segment-color); }
.segment-adjacency-detail > header { padding: 1rem 1.1rem; background: color-mix(in srgb, var(--segment-color) 8%, #080e14); }
.source-board-description { max-width: 720px; margin: .45rem 0 0; color: #83919c; font-size: .65rem; line-height: 1.45; }
.segment-adjacency-stats { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .35rem; }
.segment-adjacency-stats span { border: 1px solid #31414e; border-radius: 3px; padding: .42rem .58rem; color: #a8b5bf; font: 700 .7rem "Cascadia Mono", Consolas, monospace; }
.segment-adjacency-stats .segment-arc { border-color: var(--segment-color); color: var(--segment-color); font-size: .78rem; }
.source-board-legend { display: flex; flex-wrap: wrap; gap: .45rem; padding: .7rem 1.1rem; border-top: 1px solid #263542; border-bottom: 1px solid #263542; background: #0b1218; }
.source-board-legend span { border-left: 3px solid #485762; padding: .2rem .45rem; color: #93a1ac; font-size: .58rem; }
.source-board-legend .selected { border-color: var(--segment-color); } .source-board-legend .dealt { border-color: #3b8c79; } .source-board-legend .pending { border-color: #e5b64c; } .source-board-legend .hit { border-color: #4ed9a9; } .source-board-legend .muted { opacity: .45; }
.source-board { display: grid; grid-template-columns: repeat(auto-fill, minmax(62px, 1fr)); gap: 3px; padding: 1rem 1.1rem; background: #060a0e; }
.source-label { display: grid; grid-template-columns: auto 1fr auto; gap: .1rem .3rem; align-items: baseline; min-height: 45px; border: 1px solid #293744; border-radius: 3px; padding: .35rem; background: #111923; transition: none; }
.source-label small { color: #61717d; font: .52rem "Cascadia Mono", Consolas, monospace; }
.source-label strong { color: #dbe4e9; font: 700 .78rem "Cascadia Mono", Consolas, monospace; }
.source-label b { color: #657581; font: 600 .48rem "Cascadia Mono", Consolas, monospace; }
.source-label em { grid-column: 1 / -1; color: #81909c; font: normal 600 .5rem "Cascadia Mono", Consolas, monospace; }
.source-label.source-selected { border-color: var(--segment-color); background: color-mix(in srgb, var(--segment-color) 13%, #111923); }
.source-label.source-muted { opacity: .24; filter: grayscale(.8); }
.source-label.known-seen { border-color: #3b8c79; background: #102b25; }
.source-label.adjacent-seen { border-color: #4ed9a9; background: #123b31; box-shadow: inset 0 0 0 1px rgba(78,217,169,.2); }
.source-label.adjacent-seen em { color: #68e8ba; }
.source-label.adjacent-pending { border-color: #e5b64c; background: #302514; }
.source-label.adjacent-pending em { color: #ffd16a; }
.adjacency-metrics { display: grid; grid-template-columns: repeat(6, 1fr); gap: 1px; border-top: 1px solid #263542; border-bottom: 1px solid #263542; background: #263542; }
.adjacency-metrics > div { display: grid; gap: .3rem; padding: .8rem 1rem; background: #0c131a; }
.adjacency-metrics span, .adjacency-metrics small { color: #758490; font-size: .58rem; }
.adjacency-metrics strong { color: var(--segment-color); font: 700 1rem "Cascadia Mono", Consolas, monospace; }
.output-calculator { margin: 1rem 1.1rem 0; border: 1px solid #31414e; border-top: 3px solid var(--segment-color); border-radius: 4px; background: #0b1218; overflow: hidden; }
.output-calculator > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; padding: .85rem 1rem; background: color-mix(in srgb, var(--segment-color) 7%, #0b1218); }
.output-calculator h3 { margin: .18rem 0 0; font-size: .92rem; }
.calculator-summary { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .35rem; }
.calculator-summary span { border: 1px solid #384a58; border-radius: 3px; padding: .35rem .5rem; color: var(--segment-color); font: 700 .66rem "Cascadia Mono", Consolas, monospace; }
.current-targets { display: grid; grid-template-columns: auto 1fr; align-items: start; gap: .8rem; padding: .75rem 1rem; border-top: 1px solid #273642; border-bottom: 1px solid #273642; }
.current-targets > b { color: #aebac4; font-size: .66rem; }
.current-targets > div { display: flex; flex-wrap: wrap; gap: .3rem; }
.current-targets span { display: inline-flex; gap: .35rem; border: 1px solid var(--segment-color); border-radius: 3px; padding: .25rem .4rem; background: color-mix(in srgb, var(--segment-color) 9%, #0b1218); font: 700 .64rem "Cascadia Mono", Consolas, monospace; }
.current-targets small { color: #9eacb7; }
.current-targets em { color: #73828e; font-size: .64rem; }
.calculator-table-wrap { max-height: 360px; border: 0; }
.calculator-table { min-width: 900px; }
.calculator-table td:nth-child(3) { overflow: hidden; max-width: 330px; color: #8f9da8; text-overflow: ellipsis; white-space: nowrap; }
.calculator-table .calculator-hit td:first-child { box-shadow: inset 3px 0 0 #4ed9a9; }
.calculator-table .positive { color: #65dcb1; }
.calculator-table .negative { color: #ff8b91; }
.adjacency-table-wrap { margin: 1rem 1.1rem 0; border: 1px solid #263542; }
.adjacency-table td { vertical-align: middle; }
.adjacency-table td > small { display: block; margin-top: .15rem; color: #70808c; }
.adjacency-table tr.adjacency-hit td:first-child { box-shadow: inset 3px 0 0 #4ed9a9; }
.adjacency-table tr.adjacency-pending td:first-child { box-shadow: inset 3px 0 0 #e5b64c; }
.adjacency-method { margin: .75rem 1.1rem 1rem; color: #758490; font-size: .62rem; line-height: 1.55; }
.compilation-result .eyebrow { margin-bottom: .3rem; font-size: .6rem; }
.compilation-result h3 { margin: 0; font-size: .92rem; }
.compilation-result small { display: block; margin-bottom: .45rem; color: var(--muted); }
.compile-stats { display: grid; gap: .35rem; color: #9aa7b4; font: .66rem "Cascadia Mono", Consolas, monospace; }
.metric-grid, .cost-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; padding: 1px; background: var(--line); border: 1px solid var(--line); border-radius: 6px; overflow: hidden; }
.metric-card { min-width: 0; padding: 1.25rem 1.35rem; background: var(--panel); }
.metric-card.primary { background: linear-gradient(145deg, #122824, #0d171a); }
.metric-card p { margin: 0 0 1.2rem; color: var(--muted); font-size: .78rem; }
.metric-card strong { display: block; overflow: hidden; margin-bottom: .45rem; font: 500 clamp(1.8rem, 3vw, 2.6rem) "Cascadia Mono", Consolas, monospace; letter-spacing: -.055em; text-overflow: ellipsis; }
.metric-card.primary strong { color: var(--cyan); }
.metric-card.shuffle-active { background: linear-gradient(145deg, #312819, #171511); }
.metric-card.shuffle-active strong, .metric-card.shuffle-active small { color: var(--amber); }
.metric-card small { color: #5f6b78; font-size: .7rem; }
.workspace-grid { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(280px, .75fr); gap: 1rem; margin-top: 1rem; }
.data-panel { min-width: 0; border: 1px solid var(--line); border-radius: 6px; background: var(--panel); }
.panel-heading { min-height: 96px; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.25rem 1.4rem; border-bottom: 1px solid var(--line); }
.panel-heading .eyebrow { margin-bottom: .55rem; font-size: .64rem; }
.panel-heading h2 { margin: 0; font-size: 1.15rem; letter-spacing: -.025em; }
.panel-count, .verified-badge { color: var(--muted); font: .69rem "Cascadia Mono", Consolas, monospace; }
.panel-heading-controls { display: flex; align-items: center; gap: .75rem; }
.panel-heading-controls button { border: 1px solid rgba(255, 204, 102, .32); border-radius: 4px; padding: .55rem .7rem; background: rgba(255, 204, 102, .07); color: var(--amber); cursor: pointer; font-size: .68rem; white-space: nowrap; }
.panel-heading-controls button:hover { background: rgba(255, 204, 102, .13); }
.verified-badge { padding: .4rem .55rem; border: 1px solid rgba(68, 231, 212, .35); border-radius: 3px; color: var(--cyan); }
.empty-state { min-height: 390px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 3rem; text-align: center; }
.empty-state h3 { margin: 1.4rem 0 .65rem; font-size: 1rem; }
.empty-state p { max-width: 36rem; margin: 0; color: var(--muted); font-size: .88rem; line-height: 1.7; }
.empty-pulse { width: 54px; height: 54px; display: grid; place-items: center; border: 1px solid #294039; border-radius: 50%; }
.empty-pulse span { width: 11px; height: 11px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 0 8px rgba(68, 231, 212, .08), 0 0 20px rgba(68, 231, 212, .45); }
.filter-rules { display: grid; gap: 0; margin: 0; padding: .6rem 1.4rem; list-style: none; }
.filter-rules li { display: grid; grid-template-columns: 24px 1fr; gap: .65rem; align-items: center; padding: 1rem 0; border-bottom: 1px solid #1b2530; color: #b3bec8; font-size: .82rem; line-height: 1.45; }
.filter-rules li:last-child { border: 0; }
.filter-rules li span { color: var(--cyan); font: .75rem "Cascadia Mono", Consolas, monospace; }
.filter-summary { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid var(--line); }
.filter-summary div { padding: 1rem 1.4rem; display: grid; gap: .3rem; }
.filter-summary div + div { border-left: 1px solid var(--line); }
.filter-summary span { color: var(--muted); font-size: .7rem; }
.filter-summary strong { font: 1.1rem "Cascadia Mono", Consolas, monospace; }
.full-panel { min-height: 500px; }
.admin-summary { margin-bottom: 1rem; }
.analytics-setup { min-height: auto; margin-bottom: 1rem; }
.analytics-controls { display: grid; grid-template-columns: minmax(210px, 1fr) minmax(210px, 1fr) 120px 120px auto; gap: .75rem; align-items: end; padding: 1rem 1.4rem 1.25rem; }
.analytics-controls label { position: relative; display: grid; gap: .45rem; color: var(--muted); font: .65rem "Cascadia Mono", Consolas, monospace; text-transform: uppercase; letter-spacing: .05em; }
.analytics-controls input, .analytics-controls select { width: 100%; min-width: 0; border: 1px solid var(--line); border-radius: 4px; padding: .75rem; background: #080d12; color: var(--text); }
.analytics-controls label span { position: absolute; right: .65rem; bottom: .78rem; color: #62707c; font-size: .62rem; }
.analytics-controls button { min-height: 42px; border: 0; border-radius: 4px; padding: .75rem 1rem; background: var(--cyan); color: #04100f; font-weight: 700; cursor: pointer; white-space: nowrap; }
.analytics-summary { margin-bottom: 1rem; }
.analytics-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-bottom: 1rem; }
.analytics-chart-panel { min-height: 390px; }
.segment-chart { display: grid; gap: 1rem; padding: 1.4rem; }
.segment-chart-row { display: grid; grid-template-columns: 34px minmax(100px, 1fr) 56px 52px; gap: .65rem; align-items: center; }
.segment-chart-row strong, .segment-chart-row b { font: .75rem "Cascadia Mono", Consolas, monospace; }
.segment-chart-row b { color: var(--cyan); text-align: right; }
.segment-chart-row small { color: var(--muted); font: .65rem "Cascadia Mono", Consolas, monospace; text-align: right; }
.segment-chart-row > div { height: 12px; overflow: hidden; border-radius: 2px; background: #17212a; }
.segment-chart-row > div span { display: block; height: 100%; background: linear-gradient(90deg, #238c82, var(--cyan)); }
.rc-chart { min-height: 280px; display: grid; grid-template-columns: repeat(6, 1fr); gap: .75rem; align-items: end; padding: 1.4rem 1.4rem 1rem; }
.rc-column { min-width: 0; display: grid; gap: .35rem; justify-items: center; }
.rc-bars { width: 100%; height: 190px; display: flex; align-items: end; justify-content: center; gap: 4px; border-bottom: 1px solid #344454; }
.rc-bars span { width: min(24px, 38%); min-height: 2px; }
.rc-bars .predicted, .chart-legend .predicted { background: var(--cyan); }
.rc-bars .actual, .chart-legend .actual { background: var(--amber); }
.rc-column strong { font: .72rem "Cascadia Mono", Consolas, monospace; }
.rc-column small { color: var(--muted); font: .62rem "Cascadia Mono", Consolas, monospace; }
.chart-legend { grid-column: 1 / -1; display: flex; justify-content: center; align-items: center; gap: .45rem; color: var(--muted); font-size: .65rem; }
.chart-legend span { width: 10px; height: 10px; margin-left: .5rem; }
.analytics-history { min-height: 340px; }
.analytics-labels { min-height: 340px; margin-top: 1rem; }
.hilo-tag { display: inline-grid; min-width: 2rem; place-items: center; padding: .25rem .35rem; border-radius: 3px; font: .7rem "Cascadia Mono", Consolas, monospace; }
.hilo-tag.positive { background: rgba(68, 231, 212, .09); color: var(--cyan); }
.hilo-tag.negative { background: rgba(255, 141, 132, .09); color: #ff9b94; }
.hilo-tag.neutral { background: #19232d; color: #9dabb8; }
.admin-panel { min-height: 420px; }
.admin-explainer { margin: 0; padding: 1rem 1.4rem; border-bottom: 1px solid var(--line); color: var(--muted); font-size: .78rem; line-height: 1.55; }
.admin-message { margin: .8rem 1.4rem 0; padding: .65rem .75rem; border-radius: 4px; font-size: .75rem; }
.admin-message.error { border: 1px solid rgba(255, 141, 132, .28); background: rgba(255, 141, 132, .08); color: #ff9b94; }
.admin-message.success { border: 1px solid rgba(68, 231, 212, .28); background: rgba(68, 231, 212, .07); color: var(--cyan); }
.admin-actions { display: flex; align-items: center; gap: .45rem; }
.admin-actions button { border: 1px solid rgba(68, 231, 212, .35); border-radius: 4px; padding: .45rem .65rem; background: rgba(68, 231, 212, .08); color: var(--cyan); cursor: pointer; font-size: .7rem; }
.admin-actions button.danger { border-color: rgba(255, 141, 132, .35); background: rgba(255, 141, 132, .08); color: #ff9b94; }
.session-status { display: inline-block; padding: .28rem .45rem; border-radius: 3px; font: .65rem "Cascadia Mono", Consolas, monospace; }
.session-status.live { background: rgba(68, 231, 212, .1); color: var(--cyan); }
.session-status.included { background: rgba(255, 204, 102, .09); color: var(--amber); }
.session-status.archived { background: #19212a; color: #8491a0; }
.archived-row { opacity: .7; }
.table-scroll, .round-table-wrap { overflow-x: auto; }
table { width: 100%; border-collapse: collapse; }
th { color: #6f7c89; font: 500 .65rem "Cascadia Mono", Consolas, monospace; text-transform: uppercase; letter-spacing: .08em; }
th, td { padding: 1rem 1.4rem; border-bottom: 1px solid #1b2530; text-align: left; white-space: nowrap; }
td { color: #b7c1cb; font-size: .8rem; }
code { color: #d7e1e9; font-family: "Cascadia Mono", Consolas, monospace; }
.status-code, .status-complete { padding: .25rem .4rem; border-radius: 3px; background: rgba(68, 231, 212, .09); color: var(--cyan); font: .7rem "Cascadia Mono", Consolas, monospace; }
.cards, .hands, .hand { display: inline-flex; align-items: center; gap: .28rem; }
.hands { gap: .65rem; }
.hand { padding-right: .6rem; border-right: 1px solid var(--line); }
.hand:last-child { padding-right: 0; border-right: 0; }
.hand small { color: #647181; font: .56rem "Cascadia Mono", Consolas, monospace; }
.card-chip { min-width: 1.65rem; padding: .26rem .32rem; border: 1px solid #344454; border-radius: 3px; background: #141d26; color: #eef4f8; font: 600 .7rem "Cascadia Mono", Consolas, monospace; text-align: center; }
.no-cards { color: #596673; }
.shuffle-zone { padding: .28rem .42rem; border: 1px solid rgba(255, 204, 102, .35); border-radius: 3px; background: rgba(255, 204, 102, .08); color: var(--amber); font: .65rem "Cascadia Mono", Consolas, monospace; }
.shoe-tag { padding: .28rem .42rem; border-radius: 3px; background: rgba(68, 231, 212, .09); color: var(--cyan); font: .65rem "Cascadia Mono", Consolas, monospace; }
.zone-row { background: rgba(255, 204, 102, .025); }
.table-empty { padding: 4rem; color: var(--muted); text-align: center; }
.cost-summary { margin-bottom: 1rem; }
.cost-panel { min-height: auto; }
.cost-items { padding: .5rem 1.4rem 1.5rem; }
.cost-row { padding: 1rem 0; }
.cost-label { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: .65rem; color: #aeb9c4; font-size: .82rem; }
.cost-label strong { color: var(--text); font: 500 .85rem "Cascadia Mono", Consolas, monospace; }
.cost-label small { color: var(--muted); font-size: .65rem; }
.cost-track { height: 5px; overflow: hidden; background: #17202a; }
.cost-track span { display: block; height: 100%; background: linear-gradient(90deg, var(--cyan), #91f4e8); }

/* Shoe-centered operations workspace. */
.nav-group { display: block; margin: 1.1rem .85rem .35rem; color: #536170; font: .57rem "Cascadia Mono", Consolas, monospace; letter-spacing: .13em; text-transform: uppercase; }
.global-shoe-search { position: relative; display: grid; gap: .25rem; width: min(360px, 32vw); color: var(--muted); font: .58rem "Cascadia Mono", Consolas, monospace; letter-spacing: .06em; text-transform: uppercase; }
.global-shoe-search input { width: 100%; border: 1px solid var(--line); border-radius: 4px; padding: .62rem .75rem; background: #080d12; color: var(--text); }
.global-shoe-results { position: absolute; z-index: 20; top: 100%; left: 0; right: 0; overflow-y: auto; max-height: 320px; border: 1px solid var(--line); background: #0a1118; box-shadow: 0 14px 32px rgba(0, 0, 0, .45); }
.global-shoe-results button { display: grid; width: 100%; gap: .2rem; border: 0; border-bottom: 1px solid #1e2a35; padding: .7rem; background: transparent; color: var(--text); cursor: pointer; text-align: left; }
.global-shoe-results small { color: var(--muted); }
.operator-strip { position: sticky; z-index: 12; top: 0; display: grid; grid-template-columns: repeat(5, minmax(110px, 1fr)) auto auto; gap: .65rem; align-items: stretch; margin: -.6rem 0 1rem; padding: .7rem; border: 1px solid #2b3a47; border-radius: 6px; background: rgba(8, 14, 20, .97); box-shadow: 0 8px 24px rgba(0, 0, 0, .3); }
.operator-strip > div:not(.shortcut-help) { display: grid; gap: .14rem; min-width: 0; padding: .35rem .55rem; border-left: 2px solid #263848; }
.operator-strip span { color: #6f7d8b; font: .55rem "Cascadia Mono", Consolas, monospace; text-transform: uppercase; }
.operator-strip strong { overflow: hidden; color: #eaf2f7; font-size: .78rem; text-overflow: ellipsis; white-space: nowrap; }
.operator-strip small { overflow: hidden; color: #7f8c98; font-size: .62rem; text-overflow: ellipsis; white-space: nowrap; }
.operator-strip button { border: 1px solid rgba(68, 231, 212, .4); border-radius: 4px; padding: .55rem .7rem; background: rgba(68, 231, 212, .09); color: var(--cyan); cursor: pointer; font-size: .68rem; }
.operator-strip #operator-primary-action { background: var(--cyan); color: #04100f; font-weight: 700; }
.shortcut-help { position: absolute; top: calc(100% + .35rem); right: 0; padding: .65rem .8rem; border: 1px solid var(--line); border-radius: 4px; background: #0a1118; color: #aeb9c4; font: .63rem "Cascadia Mono", Consolas, monospace; }
.round-table-wrap thead th, .table-scroll thead th { position: sticky; z-index: 2; top: 0; background: #111923; }
#round-rows tr:first-child { box-shadow: inset 3px 0 0 var(--cyan); }

.shoe-library-filters, .analytics-filter-bar, .log-filter-bar, .cost-projector { display: grid; grid-template-columns: minmax(220px, 1fr) repeat(2, minmax(150px, auto)) auto; gap: .75rem; align-items: end; padding: 1rem 1.25rem; border-bottom: 1px solid var(--line); background: #0a1118; }
.shoe-library-filters label, .analytics-filter-bar label, .log-filter-bar label, .cost-projector label { display: grid; gap: .35rem; color: var(--muted); font: .6rem "Cascadia Mono", Consolas, monospace; text-transform: uppercase; }
.shoe-library-filters input, .shoe-library-filters select, .analytics-filter-bar input, .analytics-filter-bar select, .log-filter-bar input, .log-filter-bar select, .cost-projector input { min-width: 0; border: 1px solid var(--line); border-radius: 4px; padding: .65rem; background: #080d12; color: var(--text); }
.shoe-library-filters button, .analytics-filter-bar button, .log-filter-bar button, .cost-projector button, .pagination button { border: 1px solid rgba(68, 231, 212, .35); border-radius: 4px; padding: .68rem .85rem; background: rgba(68, 231, 212, .08); color: var(--cyan); cursor: pointer; }
.shoe-library-layout { display: grid; grid-template-columns: minmax(310px, .75fr) minmax(0, 2fr); min-height: 680px; }
.shoe-library-layout > div { border-right: 1px solid var(--line); }
.shoe-library-list { display: grid; gap: .55rem; overflow-y: auto; max-height: 680px; padding: .8rem; }
.shoe-library-item { display: grid; gap: .45rem; width: 100%; border: 1px solid #263442; border-radius: 5px; padding: .8rem; background: #0a1118; color: var(--text); cursor: pointer; text-align: left; }
.shoe-library-item.active { border-color: var(--cyan); box-shadow: inset 3px 0 0 var(--cyan); }
.shoe-library-item > span { color: var(--muted); font-size: .68rem; }
.workflow-badges { display: flex; flex-wrap: wrap; gap: .3rem; }
.workflow-badge { padding: .22rem .36rem; border-radius: 3px; background: #17212b; color: #71808c; font: .56rem "Cascadia Mono", Consolas, monospace; text-transform: uppercase; }
.workflow-badge.complete { background: rgba(68, 231, 212, .09); color: var(--cyan); }
.workflow-badge.attention { background: rgba(255, 204, 102, .1); color: var(--amber); }
.workflow-badge.compiled, .workflow-badge.analyzed, .workflow-badge.transitions_saved { background: rgba(68, 231, 212, .09); color: var(--cyan); }
.workflow-badge.needs_attention { background: rgba(255, 204, 102, .1); color: var(--amber); }
.pagination { display: flex; align-items: center; justify-content: space-between; padding: .75rem; border-top: 1px solid var(--line); color: var(--muted); font-size: .68rem; }
.pagination button:disabled { opacity: .35; cursor: default; }
.shoe-workspace { overflow-y: auto; max-height: 760px; padding: 1rem; }
.shoe-workspace-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }
.shoe-workspace-header h3 { margin: 0 0 .3rem; font-size: 1.5rem; }
.shoe-workspace-header p { margin: 0; color: var(--muted); }
.workspace-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }
.workspace-header h2 { margin: .1rem 0 .3rem; }
.workspace-header > div > span { color: var(--muted); font-size: .7rem; }
.case-file-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .8rem; }
.case-file-grid section { overflow: hidden; border: 1px solid #263442; border-radius: 5px; padding: .8rem; background: #090f15; }
.case-file-grid h3 { margin: 0 0 .7rem; font-size: .78rem; }
.workspace-videos { display: grid; gap: .4rem; margin-bottom: .7rem; }
.workspace-video, .workspace-review, .workspace-output, .workspace-audit, .workspace-analysis { display: grid; gap: .25rem; width: 100%; margin-top: .35rem; border: 1px solid #2c3b49; border-radius: 4px; padding: .55rem; background: #101923; color: var(--text); cursor: pointer; text-align: left; }
.workspace-evaluation { display: grid; gap: .25rem; margin-bottom: .55rem; border: 1px solid rgba(0, 229, 214, .34); border-radius: 4px; padding: .6rem; background: rgba(0, 229, 214, .05); }
.workspace-evaluation strong { color: var(--cyan); font-size: .72rem; }
.workspace-evaluation span { color: var(--muted); font-size: .58rem; }
.case-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .8rem; }
.case-card { overflow: hidden; border: 1px solid #263442; border-radius: 5px; background: #090f15; }
.case-card.full { grid-column: 1 / -1; }
.case-card h4 { margin: 0; padding: .75rem .85rem; border-bottom: 1px solid #202d39; font-size: .78rem; }
.case-card-content { max-height: 260px; overflow: auto; padding: .75rem .85rem; color: #aeb9c4; font-size: .7rem; }
.case-list { display: grid; gap: .4rem; margin: 0; padding: 0; list-style: none; }
.case-list li { display: flex; justify-content: space-between; gap: .75rem; padding: .45rem 0; border-bottom: 1px solid #17222c; }

#panel-videos.active { display: grid; grid-template-columns: 270px minmax(0, 1fr) 390px; gap: 1rem; align-items: start; }
#panel-videos .video-summary { grid-column: 1 / -1; }
#panel-videos .video-review-layout { display: contents; }
#panel-videos .review-queue-panel { grid-column: 1; grid-row: 2; }
#panel-videos .theatre-panel { grid-column: 2; grid-row: 2; }
#panel-videos .video-transition-editor { position: sticky; top: 82px; grid-column: 3; grid-row: 2; max-height: calc(100vh - 100px); margin-top: 0; overflow-y: auto; }
#panel-videos .transition-inputs { grid-template-columns: 1fr; padding: .75rem; }
#panel-videos .transition-control { grid-template-columns: 1fr; }
#panel-videos .transition-range { grid-column: 1; }
#panel-videos .procedure-workflow { grid-template-columns: 1fr 1fr; }
#panel-videos .review-submit-bar { grid-template-columns: 1fr 1fr; }
#panel-videos .review-submit-bar label, #panel-videos .transition-message { grid-column: 1 / -1; }
.video-filter-controls { display: grid; grid-template-columns: 1fr 1fr; padding: .65rem; border-bottom: 1px solid var(--line); }
.video-filter-controls input { min-width: 0; border: 1px solid var(--line); border-radius: 4px; padding: .45rem .55rem; background: #080d12; color: var(--text); font-size: .68rem; }
.video-bookmark-controls { display: grid; grid-template-columns: 160px 1fr auto; gap: .65rem; align-items: end; padding: .8rem 1rem; border-top: 1px solid var(--line); background: #0a1016; }
.video-bookmark-controls label { display: grid; gap: .35rem; color: var(--muted); font: .6rem "Cascadia Mono", Consolas, monospace; text-transform: uppercase; }
.video-bookmark-controls select, .video-bookmark-controls input { border: 1px solid var(--line); border-radius: 4px; padding: .6rem; background: #080d12; color: var(--text); }
.video-bookmark-controls button { border: 1px solid rgba(255, 204, 102, .4); border-radius: 4px; padding: .62rem .75rem; background: rgba(255, 204, 102, .08); color: var(--amber); cursor: pointer; }
.video-bookmarks { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: .4rem; }
.video-bookmark { border: 1px solid #314252; border-radius: 999px; padding: .28rem .5rem; background: #101923; color: #b9c4cd; cursor: pointer; font-size: .62rem; }
.video-bookmark strong, .video-bookmark span, .video-bookmark small { margin-right: .35rem; }
.playback-speeds { display: flex; gap: .3rem; }
.precision-controls .playback-speeds button { min-width: 38px; }
.precision-controls .playback-speeds button.active { border-color: var(--cyan); color: var(--cyan); }
.loop-controls { display: flex; gap: .3rem; }

.analytics-filter-bar { margin-bottom: 1rem; }
.live-evaluation-panel { margin: 0 0 1rem; overflow: hidden; }
.dual-pipeline-panel { margin: 0 0 1rem; overflow: hidden; }
.dual-pipeline-flow { display: grid; grid-template-columns: minmax(190px, .75fr) 34px minmax(0, 1fr) minmax(0, 1fr); gap: .7rem; align-items: stretch; padding: 1rem; }
.pipeline-source, .pipeline-lane { display: grid; align-content: center; gap: .35rem; min-width: 0; padding: .9rem 1rem; border: 1px solid var(--line); border-radius: 5px; background: #081018; }
.pipeline-source span, .pipeline-lane p { margin: 0; color: var(--muted); font: .58rem "Cascadia Mono", Consolas, monospace; letter-spacing: .07em; text-transform: uppercase; }
.pipeline-source strong, .pipeline-lane strong { font-size: .76rem; }
.pipeline-source small, .pipeline-lane span { color: #8e9ba7; font-size: .62rem; line-height: 1.55; }
.pipeline-lane h3 { margin: 0; font-size: .86rem; }
.pipeline-lane.output-lane { border-top: 3px solid var(--cyan); }
.pipeline-lane.output-lane h3, .pipeline-lane.output-lane strong { color: var(--cyan); }
.pipeline-lane.input-lane { border-top: 3px solid var(--amber); }
.pipeline-lane.input-lane h3, .pipeline-lane.input-lane strong { color: var(--amber); }
.pipeline-arrow { display: grid; place-items: center; color: var(--cyan); font-size: 1.4rem; }
.pipeline-footnote { margin: 0; padding: .75rem 1rem; border-top: 1px solid var(--line); color: var(--muted); font-size: .64rem; line-height: 1.55; }
.live-evaluation-heading { align-items: flex-end; }
.live-prediction-control { display: grid; grid-template-columns: minmax(240px, 380px) auto; gap: .55rem; align-items: end; }
.live-prediction-control label { display: grid; gap: .35rem; color: var(--muted); font-size: .62rem; letter-spacing: .08em; text-transform: uppercase; }
.live-prediction-control select { min-height: 38px; }
.live-prediction-control button { min-height: 38px; }
.live-evaluation-metrics { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); border-bottom: 1px solid var(--line); }
.live-evaluation-metrics > div { display: grid; gap: .3rem; min-height: 92px; padding: .9rem 1rem; border-right: 1px solid var(--line); background: rgba(5, 12, 18, .5); }
.live-evaluation-metrics > div:last-child { border-right: 0; }
.live-evaluation-metrics span, .live-evaluation-metrics small { color: var(--muted); font-size: .59rem; }
.live-evaluation-metrics strong { color: var(--text); font-size: 1.18rem; }
.live-rank-grid { display: grid; grid-template-columns: repeat(13, minmax(0, 1fr)); gap: 1px; padding: 1px 0; background: var(--line); border-bottom: 1px solid var(--line); }
.live-rank-grid > div { display: grid; justify-items: center; gap: .2rem; padding: .6rem .2rem; background: var(--panel); }
.live-rank-grid span { color: var(--muted); font-size: .58rem; }
.live-rank-grid strong { font-size: .9rem; }
.live-evaluation-tables { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); }
.live-evaluation-tables > section { min-width: 0; }
.live-evaluation-tables > section + section { border-left: 1px solid var(--line); }
.live-evaluation-tables h3 { margin: 0; padding: .75rem 1rem; border-bottom: 1px solid var(--line); color: var(--cyan); font-size: .68rem; letter-spacing: .08em; text-transform: uppercase; }
.live-evaluation-tables .table-scroll { max-height: 270px; overflow: auto; }
.live-evaluation-tables table { width: 100%; }
.live-evaluation-tables th { position: sticky; top: 0; z-index: 1; background: #0b141d; }
.analytics-trend-panel { margin-bottom: 1rem; }
.analytics-trend-chart { display: flex; align-items: flex-end; gap: 3px; min-height: 180px; padding: 1rem 1.4rem; }
.trend-bar { flex: 1; min-width: 5px; background: var(--cyan); opacity: .75; }
.trend-point { display: grid; flex: 1; align-items: end; height: 150px; min-width: 7px; border: 0; padding: 0; background: transparent; color: var(--muted); cursor: pointer; }
.trend-point span { display: block; width: 100%; height: var(--precision); background: var(--cyan); opacity: .75; }
.trend-point small { font-size: .5rem; writing-mode: vertical-rl; }
.unusual-access { background: rgba(255, 107, 115, .07); }
body[data-role="operator"] .video-delete, body[data-role="reviewer"] .video-delete { display: none; }
.admin-tabs { display: flex; gap: .45rem; margin-bottom: 1rem; padding: .65rem; border: 1px solid var(--line); border-radius: 5px; background: var(--panel); }
.admin-tabs button { border: 1px solid #304252; border-radius: 4px; padding: .55rem .8rem; background: #101923; color: #aab6c0; cursor: pointer; }
.admin-tabs button.active { border-color: var(--cyan); color: var(--cyan); }
.admin-tabs #export-admin-data { margin-left: auto; }
.system-health-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: .75rem; margin-bottom: 1rem; }
.system-health-grid article { display: grid; gap: .35rem; padding: .85rem 1rem; border: 1px solid var(--line); border-radius: 5px; background: var(--panel); }
.system-health-grid span { color: var(--muted); font-size: .62rem; text-transform: uppercase; }
.cost-projector { grid-template-columns: repeat(4, 1fr) auto; border-top: 1px solid var(--line); }
.cost-projector output { grid-column: 1 / -1; color: var(--amber); font-size: .72rem; }

.capture-session-console { display: grid; grid-template-columns: minmax(220px, 1fr) 180px 150px minmax(360px, auto); gap: .75rem; align-items: end; padding: 1rem; border-bottom: 1px solid var(--line); background: #081018; }
.capture-session-console > div:first-child { display: grid; gap: .3rem; align-self: stretch; align-content: center; }
.capture-session-console > div:first-child > span, .capture-session-console label, .hand-history-filters label, .hand-history-range-tools label { color: var(--muted); font: .59rem "Cascadia Mono", Consolas, monospace; letter-spacing: .07em; text-transform: uppercase; }
.capture-session-console small { color: #8e9ba7; font-size: .62rem; }
.capture-state { color: var(--muted); font-size: .84rem; }
.capture-state.capturing { color: var(--cyan); }
.capture-state.paused { color: var(--amber); }
.capture-state.stopped { color: #ff6b73; }
.capture-session-console label, .hand-history-filters label, .hand-history-range-tools label { display: grid; gap: .35rem; }
.capture-session-console input, .hand-history-filters input, .hand-history-filters select, .hand-history-range-tools select { min-height: 38px; border: 1px solid var(--line); border-radius: 4px; padding: .55rem .65rem; background: #080d12; color: var(--text); }
.capture-session-actions { display: grid; grid-template-columns: repeat(4, minmax(74px, 1fr)); gap: .4rem; }
.capture-session-actions button, .hand-history-filters button, .hand-history-range-tools button, .pagination button { min-height: 38px; border: 1px solid #304252; border-radius: 4px; padding: .55rem .7rem; background: #101923; color: #c3ced7; cursor: pointer; }
.capture-session-actions button:disabled, .hand-history-range-tools button:disabled, .pagination button:disabled { cursor: not-allowed; opacity: .4; }
.capture-session-console .admin-message { grid-column: 1 / -1; margin: 0; }
.hand-history-filters { display: grid; grid-template-columns: minmax(240px, 1fr) minmax(220px, 1fr) minmax(220px, 1fr) auto; gap: .7rem; align-items: end; padding: .8rem 1rem; border-bottom: 1px solid var(--line); }
.hand-history-range-tools { display: grid; grid-template-columns: minmax(260px, 1fr) minmax(220px, .8fr) 110px auto auto auto; gap: .65rem; align-items: end; padding: .8rem 1rem; border-bottom: 1px solid var(--line); background: rgba(17, 29, 40, .55); }
.hand-history-range-tools > div:first-child { display: grid; gap: .25rem; }
.hand-history-range-tools > div:first-child strong { color: var(--cyan); font-size: .72rem; }
.hand-history-range-tools > div:first-child span { color: var(--muted); font-size: .6rem; line-height: 1.45; }
.hand-history-range-tools .admin-message { grid-column: 1 / -1; margin: 0; }
.hand-history-table-wrap { max-height: 62vh; overflow: auto; }
.hand-history-table { min-width: 1420px; }
.hand-history-table th { position: sticky; top: 0; z-index: 2; background: #0b141d; }
.hand-history-table td { vertical-align: top; }
.hand-history-table .hands { display: flex; flex-wrap: wrap; gap: .35rem; }
.hand-history-table .session-id, .hand-history-table td > small { display: block; margin-top: .28rem; color: var(--muted); font-size: .54rem; }
.history-boundary { display: inline-block; min-width: 78px; border: 1px solid #304252; border-radius: 999px; padding: .24rem .45rem; color: #9caab5; text-align: center; font-size: .55rem; white-space: nowrap; }
.history-boundary.start { border-color: rgba(57, 221, 190, .65); color: #72ead0; }
.history-boundary.end { border-color: rgba(255, 107, 115, .7); color: #ff8d93; }
.history-boundary.single { border-color: rgba(255, 204, 102, .7); color: var(--amber); }
.history-boundary.unassigned { border-style: dashed; }
.history-row.boundary-start td { box-shadow: inset 0 2px 0 rgba(57, 221, 190, .48); }
.history-row.boundary-end td { box-shadow: inset 0 -2px 0 rgba(255, 107, 115, .48); }
.history-row.boundary-single td { box-shadow: inset 0 2px 0 rgba(255, 204, 102, .48), inset 0 -2px 0 rgba(255, 204, 102, .48); }
.pagination { display: flex; justify-content: center; align-items: center; gap: .75rem; padding: .8rem 1rem; border-top: 1px solid var(--line); }
.pagination span { color: var(--muted); font: .62rem "Cascadia Mono", Consolas, monospace; }

@media (max-width: 1399px) {
  #panel-videos.active { grid-template-columns: minmax(0, 1fr) 360px; }
  #panel-videos .review-queue-panel { grid-column: 1 / -1; grid-row: 3; max-height: 440px; }
  #panel-videos .theatre-panel { grid-column: 1; }
  #panel-videos .video-transition-editor { grid-column: 2; }
  .video-library { grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); }
}

@media (max-width: 760px) {
  .login-shell { grid-template-columns: 1fr; }
  .login-context { min-height: 44vh; border-right: 0; border-bottom: 1px solid var(--line); }
  .brand-mark { margin-bottom: 3rem; }
  .login-context h1 { font-size: clamp(3.3rem, 16vw, 5.5rem); }
  .system-line, .login-copy { margin-top: 1.25rem; margin-bottom: 0; }
  .login-panel { min-height: 56vh; }
  .console-shell { grid-template-columns: 1fr; }
  .sidebar { position: static; width: 100%; height: auto; display: grid; grid-template-columns: auto 1fr; align-items: center; padding: .8rem 1rem; border-right: 0; border-bottom: 1px solid var(--line); }
  .console-brand { padding: 0; }
  .console-brand strong { display: none; }
  .sidebar nav { display: flex; justify-content: flex-end; }
  .nav-item { width: auto; padding: .65rem; font-size: 0; }
  .nav-icon { width: auto; font-size: 1rem; }
  .sidebar-foot { display: none; }
  .console-main { padding-top: 1.5rem; }
  .topbar { align-items: flex-start; flex-direction: column; }
  .tracking-setup { grid-template-columns: 1fr; align-items: stretch; }
  .watchdog-panel { grid-template-columns: 1fr; align-items: stretch; }
  .watchdog-panel > * { grid-column: auto !important; grid-row: auto !important; }
  .recording-panel { grid-template-columns: 1fr; }
  .video-review-layout, .review-video-context { grid-template-columns: 1fr; }
  .video-review-layout.player-expanded { grid-template-columns: 1fr; }
  .player-heading-actions { align-items: flex-end; flex-direction: column; }
  .precision-controls { grid-template-columns: 1fr 1fr; }
  .precision-controls input[type="range"], .precision-time, .precision-help { grid-column: 1 / -1; width: 100%; text-align: center; }
  .video-link-controls, .procedure-workflow { grid-template-columns: 1fr; }
  .review-queue-panel { max-height: none; }
  .video-library { max-height: 420px; }
  .review-submit-bar { grid-template-columns: 1fr; }
  .compiled-segment-grid { grid-template-columns: 1fr; }
  .compile-result-summary { align-items: flex-start; flex-direction: column; }
  .shoe-controls, .compilation-result { grid-template-columns: 1fr; align-items: stretch; }
  .live-boundary { grid-template-columns: 1fr; }
  .transition-heading { flex-direction: column; }
  .transition-submit-bar { grid-template-columns: 1fr; align-items: stretch; }
  .transition-message { grid-column: 1; }
  .transition-inputs { grid-template-columns: 1fr; }
  .transition-control { grid-template-columns: 1fr; }
  .transition-range { grid-column: 1; }
  .metric-grid, .cost-summary { grid-template-columns: 1fr 1fr; }
  .live-prediction-control, .live-evaluation-tables { grid-template-columns: 1fr; }
  .guide-layout, .guide-columns, .guide-distinction > div { grid-template-columns: 1fr; }
  .guide-toc { position: static; grid-template-columns: repeat(3, 1fr); border-right: 0; border-bottom: 1px solid var(--line); }
  .guide-toc strong { grid-column: 1 / -1; }
  .output-capture-control { grid-template-columns: 1fr; align-items: stretch; }
  .output-capture-control > strong { text-align: left; }
  .dual-pipeline-flow { grid-template-columns: 1fr; }
  .pipeline-arrow { transform: rotate(90deg); }
  .live-evaluation-metrics { grid-template-columns: 1fr 1fr; }
  .live-rank-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .live-evaluation-tables > section + section { border-left: 0; border-top: 1px solid var(--line); }
  .analytics-controls, .analytics-grid { grid-template-columns: 1fr; }
  .workspace-grid { grid-template-columns: 1fr; }
  .panel-heading { min-height: 84px; }
  .panel-heading-controls { align-items: flex-end; flex-direction: column; gap: .45rem; }
  .empty-state { min-height: 320px; padding: 2rem 1.2rem; }
  .capture-session-console, .hand-history-filters, .hand-history-range-tools { grid-template-columns: 1fr; }
  .capture-session-actions { grid-template-columns: 1fr 1fr; }
}

@media (min-width: 761px) and (max-width: 1050px) {
  .console-shell { grid-template-columns: 196px minmax(0, 1fr); }
  .metric-grid, .cost-summary { grid-template-columns: 1fr 1fr; }
  .live-evaluation-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .live-rank-grid { grid-template-columns: repeat(7, minmax(0, 1fr)); }
  .live-evaluation-tables { grid-template-columns: 1fr; }
  .dual-pipeline-flow { grid-template-columns: 1fr 1fr; }
  .pipeline-source { grid-column: 1 / -1; }
  .pipeline-arrow { display: none; }
  .live-evaluation-tables > section + section { border-left: 0; border-top: 1px solid var(--line); }
  .analytics-controls { grid-template-columns: 1fr 1fr; }
  .analytics-grid { grid-template-columns: 1fr; }
  .workspace-grid { grid-template-columns: 1fr; }
  .tracking-setup { grid-template-columns: 1fr 1fr; }
  .tracking-copy { grid-column: 1 / -1; }
  .watchdog-panel { grid-template-columns: 1fr 1fr; }
  .watchdog-panel > * { grid-column: auto !important; grid-row: auto !important; }
  .watchdog-copy { grid-column: 1 / -1 !important; }
  .recording-panel { grid-template-columns: 1fr 1fr; }
  .video-review-layout { grid-template-columns: 1fr; }
  .video-link-controls { grid-template-columns: 1fr 1fr; }
  .video-link-controls p { grid-column: 1 / -1; }
  .procedure-workflow { grid-template-columns: 1fr 1fr; }
  .review-queue-panel { max-height: none; }
  .video-library { grid-template-columns: repeat(2, minmax(0, 1fr)); max-height: 460px; }
  .review-submit-bar { grid-template-columns: 1fr 1fr; }
  .compiled-segment-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .recording-panel > div:first-child { grid-column: 1 / -1; }
  .shoe-controls { grid-template-columns: 1fr 1fr; }
  .transition-submit-bar { grid-template-columns: 1fr 1fr; }
  .transition-submit-bar label, .transition-message { grid-column: 1 / -1; }
  .compilation-result { grid-template-columns: 1fr; }
  .capture-session-console { grid-template-columns: 1fr 1fr; }
  .capture-session-console > div:first-child, .capture-session-actions, .capture-session-console .admin-message { grid-column: 1 / -1; }
  .hand-history-filters { grid-template-columns: 1fr 1fr; }
  .hand-history-range-tools { grid-template-columns: 1fr 1fr; }
  .hand-history-range-tools > div:first-child, .hand-history-range-tools .admin-message { grid-column: 1 / -1; }
}

@media (max-width: 1050px) {
  .operator-strip { position: static; grid-template-columns: 1fr 1fr; }
  .operator-strip .shortcut-help { position: static; grid-column: 1 / -1; }
  .global-shoe-search { width: 100%; }
  .shoe-library-layout, .case-grid, .case-file-grid { grid-template-columns: 1fr; }
  .shoe-library-layout > div { border-right: 0; border-bottom: 1px solid var(--line); }
  #panel-videos.active { display: block; }
  #panel-videos .video-review-layout { display: grid; }
  #panel-videos .review-queue-panel, #panel-videos .theatre-panel, #panel-videos .video-transition-editor { position: static; max-height: none; margin-top: 1rem; }
  .shoe-library-filters, .analytics-filter-bar, .log-filter-bar, .cost-projector, .video-bookmark-controls, .output-toolbar, .audit-toolbar { grid-template-columns: 1fr; }
  .video-bookmarks, .cost-projector output { grid-column: 1; }
  .system-health-grid { grid-template-columns: 1fr 1fr; }
}