/* Legacy Controls palette verified against the live company website. */
:root{--jet:#0e0f12;--graphite:#1d2129;--trace:#3a414d;--flame:#f26522;--copper:#c98a4b;--cream:#fff6ee;--vellum:#f3eee6;--navy:var(--jet);--teal:#b84310;--teal-soft:#fbe3d6;--ink:#14161b;--muted:#5a6170;--border:#dcd5c9;--paper:var(--vellum);--radius:2px}
body{background:var(--vellum);color:var(--ink)}
button,input,select,textarea,dialog,.metric,.job-card,.lane,.panel,.supply-card,.station-banner,.segmented,.search,.notice,.tv-return,.day-column{border-radius:2px}
h1,h2,.station-banner h3{font-family:'Arial Narrow','Roboto Condensed',Impact,'Segoe UI',sans-serif;letter-spacing:.2px}h1{text-transform:uppercase;font-weight:800}
button.primary{background:var(--flame);border-color:var(--flame);color:#14161b}button.primary:hover{background:#ff803e;border-color:#ff803e}
button:hover{background:#eee7dd}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:var(--flame)}
.practice-bar{background:#1d2129;color:#d6c6b7;border:0;border-bottom:2px solid var(--flame)}
.sidebar{background:var(--jet);border-right:1px solid var(--trace)}.sidebar .product-wordmark,.sidebar .nav-label{color:var(--copper)}
.nav-item{color:#b7bbc4}.nav-item.active{background:#26232a;color:var(--cream);box-shadow:inset 3px 0 var(--flame)}.nav-item:hover{background:#252830;color:var(--cream)}
.sidebar-note,.profile{border-color:var(--trace)}.sidebar-note,.profile strong{color:var(--cream)}.sidebar-note p,.profile small{color:#a5a9b3}.sidebar-note a{color:#f9a079}.signal-dot{background:var(--flame)}.avatar{background:#32353d;color:var(--cream)}
.topbar{position:relative;border-bottom-color:#bbb3a6}.topbar::after{content:'';position:absolute;bottom:-2px;left:0;height:3px;width:24%;background:var(--flame)}
.eyebrow{color:#9a5327}.summary[hidden]+.work-area{padding-top:26px}
.metric,.panel,.supply-card,.job-card{background:#fffcf7;border-color:#d3cabc;box-shadow:none}.metric .metric-icon{background:#f9e3d5;color:#aa4314;border-radius:2px}
.metric strong{font-family:'Arial Narrow','Segoe UI',sans-serif}.segmented{background:#e9e2d7}.segmented .selected{color:#9f370d;background:#fffcf7}.search{background:#fffcf7}
.lane,.day-column{background:#eae4da;border-color:#d8cfc2}.lane.hold{background:#f1e6d3;border-color:#ddc7a3}.lane-heading .count{background:#d9d1c4;color:#575049}
.job-card:hover{border-color:var(--flame);background:#fffdf8;box-shadow:0 3px 10px #4229100c}
.line-tag{color:#994116;background:#f7e5d6;border-radius:2px}.line-tag.tanks{background:#e6e9ed;color:#485b71}.job-ref,.route-text{color:#6d6258}
.steps span{background:#ded6ca}.steps span.done{background:#b95727}.steps span.current{background:#f29b6c}.card-bottom{border-color:#e7dfd4}.mini-avatar{background:#e9e2d7;color:#665b4e}
.station-banner{background:var(--jet);border-left:4px solid var(--flame)}.station-banner p{color:#bcb8b3}.station-banner h3{color:var(--cream)}
.detail-route span{background:#eee7dc;border-color:#d6cbbb}.detail-route .current{background:#fbe1d0;border-color:var(--flame)}.notice{background:#eee7db}.timeline li{border-color:#d7cabb}
.tv-return{border-color:#c6aa94;color:#9a390f}.supply-card .supply-meta,.supply-card details{color:#635e58}.supply-status{border-radius:2px}.day-column.today{background:#f6e5d7;border-color:#d26b37}
.login-brand{background:var(--jet)}.login-brand .eyebrow,.line-tags{color:var(--copper)}.login-brand>p:not(.eyebrow){color:#c1bcb6}.login-brand h1{color:var(--cream)}.toast{background:var(--graphite);border-left:4px solid var(--flame);border-radius:2px}
.circuit-rail{position:fixed;top:0;right:10px;width:74px;height:100vh;pointer-events:none;z-index:0;opacity:.56}
.circuit-rail path,.circuit-rail rect,.circuit-rail circle{fill:none;stroke:#99856f;stroke-width:1.1}.circuit-rail .leg{stroke:var(--copper);opacity:.52}.circuit-rail .silk{fill:#9b8065;font:7px monospace}.circuit-rail .via{fill:var(--copper);stroke:none}.circuit-rail .pulse{stroke:var(--flame);stroke-width:2;stroke-dasharray:5 95;animation:trace-flow 11s linear infinite}.circuit-rail .p2{animation-delay:-3.5s}.circuit-rail .p3{animation-delay:-7s}
@keyframes trace-flow{from{stroke-dashoffset:105}to{stroke-dashoffset:-100}}
body.motion-paused .circuit-rail .pulse{animation-play-state:paused}
.motion-control{font-size:10px;padding:6px 9px;background:transparent;color:#7d6a59;border:1px solid #bfb0a0;border-radius:2px}
#workspace,.login-shell,.practice-bar{position:relative;z-index:1}main{background:var(--vellum)}
.station-entry{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.station-choice{padding:20px;text-align:left;min-width:150px}.station-choice strong,.station-choice small{display:block}.station-choice strong{font-size:18px}.station-choice small{font-size:12px;margin-top:8px}
.station-code{font-size:42px;letter-spacing:8px;color:#aa4314;margin:22px 0}.office-link{display:block;margin-top:25px;font-size:12px}.station-name-note{font-size:12px;line-height:1.7;margin:8px 0;color:var(--muted)}
@media(min-width:1100px){main{margin-right:88px;padding-right:28px}}@media(max-width:1099px){.circuit-rail{display:none}}
@media(prefers-reduced-motion:reduce){.circuit-rail .pulse{animation:none;stroke-dasharray:none;opacity:.35}*{scroll-behavior:auto!important}}

/* Distance-readable display: charcoal, cream and Legacy orange. */
body.tv-page{--bg:var(--jet);--panel:var(--graphite);--line:var(--trace);--muted:#b0b3bc;--teal:var(--flame);--amber:#f2bb72;background:var(--jet);color:var(--cream)}
.tv-page #tv-workspace{position:relative;z-index:1;padding:0 4vw 0 4vw}.tv-page header{border-bottom:2px solid var(--trace);position:relative}.tv-page header::after{content:'';position:absolute;bottom:-2px;left:0;width:34%;height:3px;background:var(--flame)}
.tv-page h1{font-size:36px;font-weight:800;letter-spacing:.2px}.tv-page .eyebrow{color:var(--flame)}.tv-page .screen-label{color:var(--copper)}
.tv-page button,.tv-page .floor-entry{border-radius:2px;background:#252932;border-color:#454a55;color:var(--cream)}.tv-page button:hover{background:#383e48}
.tv-page .floor-entry{background:var(--flame);border-color:var(--flame);color:#14161b;font-weight:700}.tv-page .floor-entry:hover{background:#ff803e}
.tv-page .tv-metric{border-radius:2px;border-color:var(--trace);border-top:2px solid #55515a;background:var(--graphite)}.tv-page .tv-metric strong{color:var(--cream)}.tv-page .tv-metric.amber strong{color:var(--amber)}
.tv-page .tv-table th{color:#aeb1bb}.tv-page .tv-table td{border-color:#2e333d;color:#ddd7d0}.tv-page .tv-table .job-name{color:var(--cream)}.tv-page .tv-table .job-id,.tv-page .stage{color:#b0aaa3}.tv-page .status{border-radius:2px}
.tv-page .status.running{color:#ffb589;background:#432d20;border-color:#8e512b}.tv-page .due-today{color:#ffae7e!important}.tv-page .live-badge{background:#28372e;color:#b0dbbd;border-radius:2px}
.tv-page footer{color:#aaa39b}.tv-page .practice-label{border-radius:2px;background:#3b3024;color:#e1ba85;border-color:#66513a}.tv-page #rotation-track{background:#2e3138}.tv-page #rotation-progress{background:var(--flame)}
.tv-page .pair-card,.tv-page #pair-code{color:var(--cream)}.tv-page .pair-card a{color:#ffae7e}.tv-page .circuit-rail{opacity:.65}.tv-page .motion-control{color:#bbb0a2;border-color:#4b4540}
@media(min-width:1100px){.tv-page #tv-workspace{padding-right:112px}.tv-page .circuit-rail{right:14px}}
@media(min-width:1700px){.tv-page h1{font-size:48px}}@media(max-width:800px){.tv-page h1{font-size:27px}.tv-page #tv-workspace{padding:0 20px}}

/* Visible selection for the TV remote and keyboard. */
.remote-focus, :focus-visible { outline: 3px solid #F26522; outline-offset: 3px; }
.preserve-lines{white-space:pre-wrap;overflow-wrap:anywhere}
.required-parts{width:100%;border-collapse:collapse;text-align:left;table-layout:fixed;margin:12px 0}
.required-parts th,.required-parts td{padding:10px 8px;border-bottom:1px solid #c9c0b4;vertical-align:top;overflow-wrap:anywhere}
.required-parts th:first-child{width:42%}.required-parts th:nth-child(2){width:21%}
.brief-part{padding:16px 0;border-bottom:1px solid #bfb3a3;margin-bottom:15px}
#tv-control-center{order:-2}
.tv-page .tv-job-open{width:100%;padding:2px 0;text-align:left;border:0;background:transparent;font:inherit;color:inherit}
.tv-page .tv-heading>div:first-child{min-width:0}.tv-page #page-title{overflow-wrap:anywhere}
.tv-page tr:focus-within,.tv-page tr[data-job-row]:hover{background:#34251d}
.tv-page .tv-job-open:focus{outline:2px solid var(--flame);outline-offset:3px}
.tv-page #tv-job-dialog{width:92vw;max-width:1150px;height:90vh;max-height:90vh;padding:20px 24px;background:var(--jet);color:var(--cream);border:2px solid var(--copper);overflow:hidden}
.tv-page #tv-job-dialog[open]{display:flex;flex-direction:column}
.tv-page #tv-job-dialog::backdrop{background:#050609df}
.tv-dialog-top{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-shrink:0;border-bottom:1px solid var(--trace);padding-bottom:12px}
.tv-dialog-top h2{font-size:25px;margin:0}.tv-dialog-top button{white-space:nowrap}
.tv-reader-hint{font-size:11px;color:var(--copper);padding:9px 0;flex-shrink:0}
#tv-job-body{overflow-y:auto;min-height:0;flex:1;padding:10px 14px 14px 6px;line-height:1.6;font-size:15px}
#tv-job-body h3{font-size:17px;color:var(--cream);margin:12px 0 5px}
#tv-job-body section{border-top:1px solid var(--trace);padding:10px 0}
.tv-detail-meta{display:flex;gap:18px;flex-wrap:wrap;color:#efc6a6;font-size:13px;padding-bottom:14px}
.tv-detail-caption,.tv-job-note small{font-size:12px;color:#b7b0a8}.tv-detail-hold{background:#453321;padding:10px}
.tv-job-note{padding:10px 0}.tv-page .required-parts td,.tv-page .required-parts th{border-color:var(--trace);font-size:13px}
#tv-job-error{font-size:13px;color:#ffce94;flex-shrink:0}

/* Fit the TV's CSS viewport (960 x 540 on a 1080p, density-320 Fire Stick). */
body.tv-page{height:100vh;overflow:hidden}
.tv-page #tv-workspace{height:100vh;min-height:0;max-height:100vh;padding-top:2.5vh;padding-bottom:2.5vh}
.tv-page #tv-workspace>header,.tv-page .tv-heading,.tv-page .tv-metrics,.tv-page .tv-alert,.tv-page footer,.tv-page #rotation-track{flex-shrink:0}
.tv-page #tv-content{min-height:0;overflow:hidden}
.tv-page footer{flex-wrap:wrap;gap:10px}
.tv-page .page-controls{flex-wrap:wrap;justify-content:flex-end}
.tv-page .tv-table .job-name,.tv-page .stage{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.tv-page #rotation-track{margin-bottom:0}
@media(max-width:1099px){.tv-page .motion-control{display:none}.tv-page #tv-footnote{display:none}.tv-page footer{flex-direction:row;align-items:center}.tv-page .page-controls{gap:7px}.tv-page .screen-label{display:none}}
@media(max-height:650px){
  .tv-page header{padding:8px 0 12px}
  .tv-page .company-logos{gap:24px}.tv-page .company-logos img{width:190px}.tv-page .company-logos img:last-child{width:135px}
  .tv-page .clock strong{font-size:22px}.tv-page .clock span{font-size:10px}
  .tv-page .tv-heading{margin:12px 0}.tv-page h1{font-size:28px}.tv-page .eyebrow{font-size:9px;margin-bottom:5px}
  .tv-page .tv-metrics{gap:12px;margin-bottom:15px}.tv-page .tv-metric{padding:8px 14px;gap:12px;display:flex}.tv-page .tv-metric strong{font-size:30px}.tv-page .tv-metric span{font-size:11px;line-height:1.3}
  .tv-page .tv-table th{padding-bottom:9px;font-size:9px}.tv-page .tv-table td{padding-top:11px;padding-bottom:11px;font-size:14px}.tv-page .tv-table .job-name{font-size:16px}.tv-page .tv-table .owner{font-size:12px}.tv-page .status,.tv-page .stage{font-size:10px}
  .tv-page footer{padding:12px 0 10px;gap:8px}.tv-page #tv-footnote{display:none}.tv-page .tv-alert{padding:7px 10px;margin-bottom:10px;font-size:12px}
}