.tv{position:fixed;inset:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:1.1vh;padding:1.4vh 1.4vw 0;overflow:hidden;background:radial-gradient(1400px 700px at 70% -10%,rgba(var(--blue-rgb),.18),transparent 60%),linear-gradient(180deg,var(--bg0),var(--bg1));color:var(--text);cursor:default}.tv--idle,.tv--idle *{cursor:none!important}.tv--loading{display:grid;grid-template-rows:minmax(0,1fr);place-items:center}.tv-msg{display:flex;flex-direction:column;align-items:center;gap:16px;margin:auto;color:var(--text-dim);font-size:2.4vh}.tv-msg--locked{max-width:min(70vw,1100px);gap:2.2vh;text-align:center}.tv-msg--locked>.icon{color:var(--amber)}.tv-msg__title{color:var(--text);font-size:5vh;font-weight:700;line-height:1.1}.tv-msg__hint{color:var(--text-mute);font-size:1.8vh}.tv-head{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:2vw;padding-bottom:1vh;border-bottom:1px solid var(--border)}.tv-head__brand{display:flex;align-items:center;gap:.8vw;min-width:0}.tv-head__brand svg{width:4.4vh;height:4.4vh}.tv-head__org{font-size:1.9vh;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tv-head__product{font-size:1.3vh;letter-spacing:.14em;text-transform:uppercase;color:var(--text-mute)}.tv-head__site{display:flex;align-items:center;gap:1.2vw}.tv-head__site-name{font-family:var(--font-num);font-size:4.6vh;font-weight:700;letter-spacing:.06em;text-transform:uppercase;line-height:1;text-shadow:0 0 30px rgba(var(--cyan-rgb),.35);white-space:nowrap}.tv-health{display:inline-flex;align-items:center;gap:.6vh;padding:.5vh 1.1vh;border-radius:99px;border:1px solid rgba(var(--tone-rgb),.5);background:rgba(var(--tone-rgb),.14);color:var(--tone);font-size:1.6vh;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.tv-health i{width:1vh;height:1vh;border-radius:50%;background:var(--tone);box-shadow:0 0 10px var(--tone)}.tv-head__right{display:flex;align-items:center;justify-content:flex-end;gap:2vw}.tv-shift{display:flex;flex-direction:column;align-items:flex-end;line-height:1.1}.tv-shift span,.tv-clock span{font-size:1.3vh;letter-spacing:.12em;text-transform:uppercase;color:var(--text-mute)}.tv-shift b{font-size:2.4vh;font-weight:600}.tv-clock{display:flex;flex-direction:column;align-items:flex-end;line-height:1}.tv-clock b{font-family:var(--font-num);font-size:4.8vh;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.04em}.tv-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1vw}.tv-kpi{--tone: var(--cyan);--tone-rgb: var(--cyan-rgb);display:flex;flex-direction:column;justify-content:center;min-width:0;padding:.9vh 1.1vw;border-radius:1vh;border:1px solid rgba(var(--tone-rgb),.35);background:radial-gradient(120% 100% at 100% 0%,rgba(var(--tone-rgb),.16),transparent 60%),var(--panel-grad);box-shadow:inset 0 3px 0 -1px var(--tone)}.tv-kpi--green{--tone: var(--green);--tone-rgb: var(--green-rgb)}.tv-kpi--amber{--tone: var(--amber);--tone-rgb: var(--amber-rgb)}.tv-kpi--red{--tone: var(--red);--tone-rgb: var(--red-rgb)}.tv-kpi--neutral{--tone: var(--neutral);--tone-rgb: var(--neutral-rgb)}.tv-kpi span{font-size:1.45vh;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}.tv-kpi b{font-family:var(--font-num);font-size:5.4vh;font-weight:600;line-height:1.05;color:var(--text);text-shadow:0 0 24px rgba(var(--tone-rgb),.45);white-space:nowrap}.tv-kpi b small{font-size:2.6vh;color:var(--text-dim);font-weight:500;text-shadow:none}.tv-kpi em{font-style:normal;font-size:1.5vh;color:var(--text-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tv-grid-wrap{position:relative;min-height:0;display:flex}.tv-grid{display:grid;width:100%;height:100%}.tv-tile{--tone: var(--st-offline);--tone-rgb: var(--st-offline-rgb);position:relative;display:flex;flex-direction:column;justify-content:space-between;min-width:0;min-height:0;padding:calc(var(--u) * 6) calc(var(--u) * 8);overflow:hidden;border-radius:calc(var(--u) * 5);border:2px solid rgba(var(--tone-rgb),.65);background:linear-gradient(150deg,rgba(var(--tone-rgb),.34),rgba(var(--tone-rgb),.1) 55%,rgba(var(--tone-rgb),.04)),var(--panel-grad);box-shadow:0 0 calc(var(--u) * 14) calc(var(--u) * -4) rgba(var(--tone-rgb),.75),inset calc(var(--u) * 2.2) 0 0 var(--tone)}.tv-tile--running{--tone: var(--st-running);--tone-rgb: var(--st-running-rgb)}.tv-tile--idle{--tone: var(--st-idle);--tone-rgb: var(--st-idle-rgb)}.tv-tile--down{--tone: var(--st-down);--tone-rgb: var(--st-down-rgb);animation:tv-alarm 1.2s ease-in-out infinite}.tv-tile--off{--tone: var(--st-off);--tone-rgb: var(--st-off-rgb);box-shadow:inset calc(var(--u) * 2.2) 0 0 var(--tone)}.tv-tile--offline{--tone: var(--st-offline);--tone-rgb: var(--st-offline-rgb);border-style:dashed;border-color:#94a3b88c;background:var(--panel-grad);box-shadow:none}.tv-tile--offline>*{opacity:.7}@keyframes tv-alarm{50%{background-color:rgba(var(--red-rgb),.28);border-color:rgba(var(--red-rgb),1);box-shadow:0 0 calc(var(--u) * 26) calc(var(--u) * 2) rgba(var(--red-rgb),.6),inset calc(var(--u) * 2.2) 0 0 var(--tone)}}.tv-tile__top{display:flex;align-items:flex-start;justify-content:space-between;gap:calc(var(--u) * 6);min-width:0}.tv-tile__id{min-width:0}.tv-tile__code{font-family:var(--font-num);font-size:calc(var(--u) * 21);font-weight:700;letter-spacing:.04em;line-height:.95;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tv-tile__model{margin-top:calc(var(--u) * 1.5);font-size:calc(var(--u) * 6);color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tv-tile__oee{display:flex;flex-direction:column;align-items:flex-end;line-height:.95;flex:none}.tv-tile__oee b{font-family:var(--font-num);font-size:calc(var(--u) * 19);font-weight:600}.tv-tile__oee b small{font-size:calc(var(--u) * 9);color:var(--text-dim)}.tv-tile__oee span{font-size:calc(var(--u) * 5);font-weight:700;letter-spacing:.14em;color:var(--text-mute)}.tv-tile__oee--green b{color:var(--green)}.tv-tile__oee--amber b{color:var(--amber)}.tv-tile__oee--red b{color:var(--red)}.tv-tile__state{display:flex;align-items:baseline;gap:calc(var(--u) * 6);min-width:0}.tv-tile__label{font-family:var(--font-num);font-size:calc(var(--u) * 14);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--tone);text-shadow:0 0 calc(var(--u) * 10) rgba(var(--tone-rgb),.7);line-height:1}.tv-tile--off .tv-tile__label,.tv-tile--offline .tv-tile__label{color:var(--text-dim);text-shadow:none}.tv-tile__dur{font-family:var(--font-num);font-size:calc(var(--u) * 11);font-weight:500;color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap}.tv-tile__out{display:flex;flex-direction:column;gap:calc(var(--u) * 2.5)}.tv-tile__out-row{display:flex;align-items:baseline;gap:calc(var(--u) * 3);font-family:var(--font-num);white-space:nowrap}.tv-tile__out-row b{font-size:calc(var(--u) * 12);font-weight:600}.tv-tile__out-row span{font-size:calc(var(--u) * 7.5);color:var(--text-dim)}.tv-tile__out-row em{margin-left:auto;font-style:normal;font-size:calc(var(--u) * 10);font-weight:600}.tv-tile__bar{height:calc(var(--u) * 2.6);border-radius:99px;background:#ffffff14;overflow:hidden}.tv-tile__bar i{display:block;height:100%;border-radius:99px;transition:width .8s var(--ease)}.tv-c--green{color:var(--green)}.tv-c--amber{color:var(--amber)}.tv-c--red{color:var(--red)}.tv-c--neutral{color:var(--text-dim)}.tv-bg--green{background:var(--green);box-shadow:0 0 10px var(--green)}.tv-bg--amber{background:var(--amber)}.tv-bg--red{background:var(--red)}.tv-bg--neutral{background:var(--neutral)}.tv-foot{position:relative;display:flex;align-items:center;gap:2vw;min-height:4.6vh;padding:.6vh 0 1vh;border-top:1px solid var(--border)}.tv-ticker{flex:1 1 auto;display:flex;gap:2.4vw;min-width:0;overflow:hidden;white-space:nowrap;font-size:1.75vh;color:var(--text-dim)}.tv-ticker__item{overflow:hidden;text-overflow:ellipsis}.tv-ticker__item b{font-family:var(--font-num);color:var(--text);margin-right:.4vw}.tv-ticker__item--critical{color:var(--red)}.tv-ticker__item--warning{color:var(--amber)}.tv-ticker__warn{display:inline-flex;align-items:center;gap:.6vw;color:var(--amber);font-weight:600}.tv-foot__right{display:flex;align-items:center;gap:1.6vw;flex:none}.tv-dots{display:flex;align-items:center;gap:.6vh}.tv-dots i{width:1.1vh;height:1.1vh;border-radius:50%;background:rgba(var(--blue-rgb),.35)}.tv-dots i.is-on{background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.tv-paused{margin-left:.6vw;font-size:1.3vh;letter-spacing:.12em;text-transform:uppercase;color:var(--amber)}.tv-live{display:inline-flex;align-items:center;gap:.6vh;font-size:1.4vh;font-weight:700;letter-spacing:.14em}.tv-live i{width:1vh;height:1vh;border-radius:50%}.tv-live--on{color:var(--green)}.tv-live--on i{background:var(--green);box-shadow:0 0 10px var(--green);animation:blink-soft 2s ease-in-out infinite}.tv-live--off{color:var(--amber)}.tv-live--off i{background:var(--amber)}.tv-progress{position:absolute;left:0;top:-1px;height:2px;width:100%;transform-origin:0 50%;background:linear-gradient(90deg,var(--blue),var(--cyan));box-shadow:0 0 8px var(--cyan);animation:tv-progress linear forwards}@keyframes tv-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.tv-controls{position:fixed;right:1.4vw;bottom:7vh;display:flex;gap:6px;padding:6px;border-radius:10px;background:#030a18d9;border:1px solid var(--border);box-shadow:var(--shadow-pop);transition:opacity .3s var(--ease);z-index:10}.tv--idle .tv-controls{opacity:0;pointer-events:none}.tv-controls button{display:grid;place-items:center;width:40px;height:40px;border-radius:8px;color:var(--text)}.tv-controls button:hover:not(:disabled){background:var(--hover)}.tv-controls button:disabled{opacity:.35}@media(max-width:900px){.tv{position:static;min-height:100vh;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto;padding:12px;overflow:visible}.tv-head__site{min-width:0;flex-wrap:wrap}.tv-head__site-name{min-width:0;overflow:hidden;text-overflow:ellipsis}.tv-kpi b{white-space:normal;overflow-wrap:anywhere}.tv-head{grid-template-columns:minmax(0,1fr) auto}.tv-head__brand{display:none}.tv-head__site-name{font-size:26px}.tv-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tv-kpi b{font-size:30px}.tv-kpi span,.tv-kpi em{font-size:11px}.tv-grid-wrap{min-height:70vh}.tv-clock b{font-size:26px}.tv-shift{display:none}.tv-ticker{font-size:12px}}