.ops-dashboard-actions{display:flex;align-items:center;gap:18px}.tv-open{min-height:34px;padding:7px 12px;border:1px solid var(--accent);border-radius:0;background:var(--accent);color:#fff;font:700 12px Inter,Arial,sans-serif;white-space:nowrap}.tv-open:hover{background:var(--text);border-color:var(--text);color:var(--surface)}
.dial-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 12px;color:var(--muted);font:600 11px Inter,Arial,sans-serif}.dial-ranges{display:flex;flex-wrap:wrap;gap:0}.dial-ranges button{min-width:37px;min-height:32px;padding:6px 9px;border:1px solid var(--line);border-right:0;border-radius:0;background:var(--surface);color:var(--muted);font:700 11px Inter,Arial,sans-serif}.dial-ranges button:last-child{border-right:1px solid var(--line)}.dial-ranges button:hover,.dial-ranges button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent);box-shadow:inset 0 -2px var(--accent)}
.production-dials{gap:12px}.dial-card{min-width:0;padding:18px 20px!important;border-radius:0!important;background:var(--surface)!important}.dial-card-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.dial-card-head h3{margin:0;font:600 21px "Titillium Web",Inter,sans-serif}.dial-card-head>span{color:var(--muted);font:600 11px Inter,Arial,sans-serif;border:1px solid var(--line);padding:5px 7px;white-space:nowrap}
.dial-gauge{display:block;width:min(100%,255px);height:auto;margin:7px auto -22px;overflow:visible}.dial-arc{fill:none;stroke-width:14;stroke-linecap:butt}.dial-red{stroke:#d75b69}.dial-amber{stroke:#d8aa50}.dial-green{stroke:#62c5a0}.dial-needle{stroke:var(--text);stroke-width:3.5;stroke-linecap:round}.dial-hub{fill:var(--text)}.dial-reading{text-align:center;margin-bottom:17px}.dial-reading strong,.dial-reading span{display:block}.dial-reading strong{font:600 42px "Titillium Web",Inter,sans-serif;line-height:1.1}.dial-reading span{font:800 10px Inter,Arial,sans-serif;letter-spacing:.08em;margin-top:4px}.dial-card[data-status=green] .dial-reading span{color:#267b62}.dial-card[data-status=amber] .dial-reading span{color:#a66a0a}.dial-card[data-status=red] .dial-reading span{color:#c94658}
.dial-trend-head,.dial-trend-axis{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font:600 11px Inter,Arial,sans-serif}.dial-trend-head{border-top:1px solid var(--line);padding-top:12px}.dial-trend-head small{font-size:11px}.dial-trend{width:100%;height:75px;display:block;margin:4px 0}.dial-trend polyline,#tv-trend polyline{fill:none;stroke:currentColor;stroke-width:3;stroke-linejoin:round;stroke-linecap:round}.dial-trend-axis{font-size:10px}.dial-rule{font-size:11px!important;color:var(--muted)!important;margin:10px 2px 0!important}
.tv-wallboard{--tv-bg:#0a111c;--tv-panel:#0f1826;--tv-line:#2a3b50;--tv-text:#e7eef9;--tv-muted:#a6b8cf;--tv-cyan:#67d4ff;position:fixed;inset:0;z-index:200;width:100vw;height:100dvh;overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr) minmax(0,.63fr);padding:clamp(20px,2.5vw,78px);background:var(--tv-bg);color:var(--tv-text);font-family:Inter,Arial,sans-serif}.tv-wallboard:fullscreen,.tv-wallboard.tv-fallback{width:100vw;height:100dvh}.tv-fallback-open{overflow:hidden}.tv-top{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;padding-bottom:clamp(14px,1.6vw,44px);border-bottom:1px solid var(--tv-line)}.tv-brand{display:block;font:600 clamp(28px,2.1vw,76px) "Titillium Web",Inter,sans-serif;letter-spacing:-.05em;line-height:1}.tv-brand span{color:var(--tv-cyan)}.tv-top small{display:block;margin-top:5px;color:var(--tv-muted);font-size:clamp(10px,.7vw,24px);letter-spacing:.16em}.tv-top-right{display:flex;align-items:center;gap:clamp(12px,2vw,50px);color:var(--tv-muted);font-size:clamp(10px,.85vw,30px);font-weight:700;letter-spacing:.08em}.tv-top-right button{padding:10px 16px;border:1px solid var(--tv-cyan);border-radius:0;background:transparent;color:var(--tv-cyan);font-size:clamp(12px,.85vw,30px);font-weight:700;white-space:nowrap}.tv-top-right button:hover{background:var(--tv-cyan);color:var(--tv-bg)}
.tv-main{min-height:0;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:4vw;border-bottom:1px solid var(--tv-line)}.tv-copy>span{font-size:clamp(13px,1vw,36px);font-weight:750;letter-spacing:.13em;color:var(--tv-cyan)}.tv-copy h2{font:600 clamp(55px,6vw,218px)/1 "Titillium Web",Inter,sans-serif;margin:12px 0 16px}.tv-copy>p{max-width:800px;color:var(--tv-muted);font-size:clamp(18px,1.4vw,49px);margin:0 0 clamp(20px,2vw,70px)}.tv-target{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:clamp(14px,1vw,36px);font-weight:700;letter-spacing:.06em}.tv-target strong{font:600 clamp(27px,2vw,70px) "Titillium Web",Inter,sans-serif;color:var(--tv-cyan)}.tv-target span{border:1px solid currentColor;padding:7px 12px;letter-spacing:.02em}.tv-wallboard[data-status=green] .tv-target span{color:#62c5a0}.tv-wallboard[data-status=amber] .tv-target span{color:#d8aa50}.tv-wallboard[data-status=red] .tv-target span{color:#d75b69}.tv-visual{text-align:center;align-self:center}.tv-visual svg{display:block;width:min(100%,52vh,900px);height:auto;margin:0 auto -4vh}.tv-visual .dial-arc{stroke-width:14}.tv-visual .dial-needle{stroke:#e7eef9;stroke-width:3}.tv-visual .dial-hub{fill:#e7eef9}.tv-visual>strong{display:block;font:600 clamp(74px,7.8vw,285px)/1 "Titillium Web",Inter,sans-serif;color:var(--tv-cyan)}
.tv-bottom{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto auto;gap:6px;padding-top:clamp(12px,1.6vw,48px)}.tv-trend-head,.tv-timeline,.tv-controls{display:flex;justify-content:space-between;align-items:center;gap:15px}.tv-trend-head>span{color:var(--tv-cyan);font-size:clamp(13px,1vw,34px);font-weight:800;letter-spacing:.12em}.tv-wallboard .dial-ranges button{min-width:clamp(42px,3vw,110px);min-height:clamp(36px,2.5vw,95px);border-color:var(--tv-line);background:var(--tv-panel);color:var(--tv-muted);font-size:clamp(12px,.85vw,31px)}.tv-wallboard .dial-ranges button[aria-pressed=true],.tv-wallboard .dial-ranges button:hover{color:var(--tv-cyan);box-shadow:inset 0 -3px var(--tv-cyan)}#tv-trend{width:100%;height:100%;min-height:0;display:block;overflow:visible}#tv-trend polyline{stroke-width:4}.tv-timeline,.tv-controls{color:var(--tv-muted);font-size:clamp(11px,.8vw,29px)}.tv-controls{justify-content:center;gap:clamp(16px,2vw,70px)}.tv-controls button{border:1px solid var(--tv-line);border-radius:0;background:var(--tv-panel);color:var(--tv-text);padding:5px 14px;font-size:inherit}.tv-controls button:hover{border-color:var(--tv-cyan);color:var(--tv-cyan)}.tv-progress{height:4px;background:var(--tv-line)}.tv-progress span{display:block;width:0;height:100%;background:var(--tv-cyan)}
@media(max-width:900px){.ops-dashboard-heading{flex-wrap:wrap}.ops-dashboard-actions{gap:8px}.tv-wallboard{grid-template-rows:auto minmax(0,1fr) minmax(0,.55fr)}.tv-main{grid-template-columns:1fr 1fr}.tv-copy h2{font-size:clamp(45px,7vw,90px)}.tv-visual svg{width:min(100%,40vh)}}
@media(max-width:640px){.dial-toolbar{display:block}.dial-toolbar>span{display:block;margin-bottom:8px}.production-dials{grid-template-columns:1fr!important}.dial-card{padding:18px!important}.dial-gauge{width:min(100%,220px)}.dial-trend{height:95px}.tv-wallboard{overflow:auto;grid-template-rows:auto auto auto;padding:16px}.tv-main{grid-template-columns:1fr;gap:12px;padding:14px 0}.tv-top-right>span{display:none}.tv-copy h2{font-size:45px}.tv-copy>p{font-size:15px;margin-bottom:10px}.tv-visual svg{width:170px;margin:0 auto -15px}.tv-visual>strong{font-size:60px}.tv-bottom{display:block;padding:14px 0}.tv-trend-head{display:block}.tv-wallboard .dial-ranges{margin-top:8px}.tv-wallboard .dial-ranges button{min-width:38px;min-height:32px;font-size:11px}#tv-trend{height:120px}.tv-timeline,.tv-controls{font-size:11px}.tv-controls{margin:12px 0}.tv-progress{margin-top:8px}}
