/* TV presentation: static surfaces keep continuous display inexpensive. */
.tv-brand{display:none}
.tv-mode.tv-cursor-hidden,.tv-mode.tv-cursor-hidden *{cursor:none!important}
.tv-mode{--tv-muted:#97aabb;--tv-line:rgba(165,191,210,.14);background:#080f19;color:#edf4fa}
.tv-mode .main{padding:2.8vh 2.6vw;gap:2.4vh;background:radial-gradient(ellipse at 85% 0,rgba(64,112,158,.13),transparent 55%),#080f19}
.tv-mode .topbar{padding-bottom:1.7vh;border-bottom:1px solid var(--tv-line)}
.tv-mode .topbar>div:has(#screenTitle){display:none}
.tv-mode .tv-brand{display:flex;align-items:center;gap:1vw;flex-shrink:0}
.tv-brand svg{width:4.5vh;height:4.5vh;fill:none;stroke:#c5f58a;stroke-width:3;stroke-linecap:square}
.tv-brand strong{display:block;font-size:clamp(19px,2.9vh,58px);letter-spacing:.13em;line-height:1.2;font-weight:800}
.tv-brand b{display:inline-block;vertical-align:middle;padding:.3vh .5vw;border:1px solid #c5f58a66;border-radius:5px;color:#c5f58a;font-size:.5em;letter-spacing:.08em}
.tv-brand span{display:block;margin-top:.6vh;font-size:clamp(8px,.95vh,19px);letter-spacing:.24em;color:var(--tv-muted)}
.tv-mode .clock{padding-right:1.4vw;border-right:1px solid var(--tv-line)}
.tv-mode .clock span{font-size:clamp(20px,3.1vh,62px);font-variant-numeric:tabular-nums;letter-spacing:-.04em;color:#f0f6fc}
.tv-mode .clock small{color:var(--tv-muted)}
.tv-mode .connection{background:#122323;border:1px solid #294b42;border-radius:30px;padding:.8vh 1vw}
.tv-mode .alert-toggle,.tv-mode .tv-back-button{border-color:var(--tv-line);background:#121e2c;color:#b5c7d6;border-radius:8px}
.tv-mode #assistance.active{grid-template-columns:1.25fr 1fr;grid-template-rows:minmax(0,.78fr) minmax(0,1.22fr);gap:2.2vh 1.5vw}
.tv-mode #assistance .hero-card,.tv-mode #assistance .metric,.tv-mode #assistance .recent-card,.tv-mode #assistance .pulse-card{border:1px solid var(--tv-line);border-radius:clamp(12px,1.8vh,36px);background:#111d2b;padding:2.6vh 2vw;box-shadow:0 8px 24px #00000015}
.tv-mode #assistance .hero-card{background:linear-gradient(115deg,#d4f5af,#b7e691);border-color:#dbf9bb;color:#172b20;position:relative;align-items:center}
.tv-mode #assistance .live-label{color:#395c37;font-weight:800;letter-spacing:.13em;font-size:clamp(9px,1.15vh,23px)}
.tv-mode #assistance .live-label i{background:#2f6940;box-shadow:none}
.tv-mode #assistance .hero-copy>p{color:#345135;font-size:clamp(13px,1.85vh,37px);margin:1.8vh 0 .4vh}
.tv-mode #assistance .hero-number strong{color:#152f22;font-size:clamp(48px,9vh,180px);font-weight:800;letter-spacing:-.065em;line-height:1.1}
.tv-mode #assistance .hero-number span{color:#46633f;font-weight:600}
.tv-mode .tv-queue-summary{border-color:#244b2926;padding-left:1.5vw;gap:1vh}
.tv-mode .tv-queue-summary>div{background:#f7ffe645;border:1px solid #ffffff35;border-radius:10px;padding:1.25vh .9vw}
.tv-mode .tv-queue-summary span{color:#355233;font-weight:600;font-size:clamp(11px,1.6vh,32px)}
.tv-mode .tv-queue-summary strong{color:#1c3b28;font-size:clamp(18px,2.65vh,53px);font-weight:800}
.tv-mode .tv-queue-summary i{background:#2b6f81;width:.8vh;height:.8vh}
.tv-mode .queue-waiting i{background:#9b6915}
.tv-mode .queue-urgent i{background:#af403c}
.tv-mode #assistance .metric:first-child{position:relative;background:radial-gradient(ellipse at 100% 100%,#24536b55,transparent 65%),#122334;align-items:center;border-top:3px solid #74baff}
.tv-mode #assistance .metric-icon{color:#86c7ff;border-color:#6eb5ed40;background:#81bbff12;border-radius:14px;width:6.5vh;height:6.5vh;font-size:3.2vh}
.tv-mode #assistance .metric span{color:#c6d9e8;font-size:clamp(14px,2vh,40px)}
.tv-mode #assistance .metric strong{font-size:clamp(48px,9vh,180px);font-weight:800;color:#e7f4ff;line-height:1.15}
.tv-mode #assistance .metric small{color:#91b5cf}
.tv-mode #assistance .metric em{color:#91bddb;border-color:#78b0db30;border-radius:20px;padding:.5vh .7vw}
.tv-mode #assistance .card-head{border-color:var(--tv-line);padding-bottom:1.8vh}
.tv-mode #assistance .section-label{color:#8faabd;letter-spacing:.18em;font-size:clamp(9px,1.1vh,22px)}
.tv-mode #assistance .card-head h2{color:#f0f5fa;font-weight:700;letter-spacing:-.035em;font-size:clamp(17px,2.6vh,52px)}
.tv-mode #assistance .recent-card .section-label{color:#e8bc7f}
.tv-mode #generalRecent{gap:.7vh;margin-top:1.2vh}
.tv-mode #generalRecent .recent-item{border:1px solid #98bbd010;border-radius:10px;background:#ffffff03;padding:1vh .8vw;gap:1vw}
.tv-mode #generalRecent .recent-item.urgent{border-left:3px solid #f3947e;background:#ed886808}
.tv-mode #generalRecent .recent-number{background:#203346;border:1px solid #648aac30;border-radius:9px;color:#b6d7ee}
.tv-mode #generalRecent .recent-number small{color:#83a5bf;font-size:.85vh}
.tv-mode #generalRecent .recent-number strong{color:#cae7fa}
.tv-mode #generalRecent .recent-title>strong{color:#edf4fa;font-size:clamp(12px,1.85vh,37px);font-weight:700}
.tv-mode #generalRecent .recent-item small,.tv-mode #generalRecent .recent-owner,.tv-mode #generalRecent .recent-time{color:#9eb3c5}
.tv-mode #generalRecent .recent-time strong{color:#c9d8e4;font-weight:600}
.tv-mode #generalWeekly{gap:1.3vw;background:repeating-linear-gradient(to top,transparent 0,transparent calc(25% - 1px),#b9d8ed0c calc(25% - 1px),#b9d8ed0c 25%)}
.tv-mode #generalWeekly .bar-column i{width:clamp(18px,3.4vw,130px);border-radius:7px 7px 2px 2px;background:linear-gradient(0deg,#335671,#7ab2d5);border-top:2px solid #a4cfea}
.tv-mode #generalWeekly .bar-column:last-child i{background:linear-gradient(0deg,#6e9f5a,#caf396);border-color:#e4ffc5}
.tv-mode #generalWeekly .bar-column b{color:#dcebf5;font-weight:700}
.tv-mode #generalWeekly .bar-column span{color:#90a7ba}
.tv-mode #generalWeekly .bar-column:last-child span{color:#caf396;font-weight:800}
.tv-mode #assistance .pulse-footer{border-color:var(--tv-line);color:#9eb3c5;padding-top:1.5vh}
.tv-mode #assistance .pulse-footer strong{color:#d9edc8}
.tv-mode #assistance .trend{color:#b7da97;background:#b7da9710;border:1px solid #b7da9720;border-radius:20px;padding:.5vh .7vw}
@media(min-width:761px) and (max-height:650px){
  .tv-mode #generalRecent .recent-item{padding:.35vh .8vw}
  .tv-mode #generalRecent .recent-item small,.tv-mode #generalRecent .recent-owner{margin-top:.35vh}
}
@media(max-width:760px){
  .tv-mode .main{padding:1.8vh 3vw;gap:1.3vh}
  .tv-mode .topbar{gap:1.4vh;padding-bottom:1.2vh}
  .tv-mode .tv-brand{gap:10px}
  .tv-mode .top-actions{gap:10px}
  .tv-mode .clock span{font-size:20px}
  .tv-mode #assistance.active{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) minmax(0,.6fr) minmax(0,1.5fr) minmax(0,1.3fr);gap:1.3vh}
  .tv-mode #assistance .hero-card,.tv-mode #assistance .metric,.tv-mode #assistance .recent-card,.tv-mode #assistance .pulse-card{padding:1vh 3vw}
  .tv-mode #assistance .hero-number strong,.tv-mode #assistance .metric strong{font-size:4.5vh}
  .tv-mode #assistance .hero-copy>p{font-size:13px;margin:.6vh 0}
  .tv-mode #assistance .live-label{font-size:9px}
  .tv-mode .tv-queue-summary>div{padding:.5vh 1vw}
  .tv-mode .tv-queue-summary span{font-size:12px}
  .tv-mode .tv-queue-summary strong{font-size:20px}
  .tv-mode #assistance .metric-icon{width:4vh;height:4vh;font-size:2vh}
  .tv-mode #assistance .card-head{padding-bottom:1vh}
  .tv-mode #assistance .card-head h2{font-size:20px}
  .tv-mode #generalRecent .recent-item{padding:.5vh 1vw;gap:8px}
  .tv-mode #generalRecent .recent-title>strong{font-size:14px}
  .tv-mode #generalRecent .recent-number small{font-size:9px}
}

/* TV-only operations board. The operator dashboard keeps its existing layout. */
.tv-board{display:none}
.tv-mode .main{padding:2vh 2vw;gap:1.5vh;background:radial-gradient(ellipse at 85% 0,rgba(64,112,158,.13),transparent 55%),#080f19;color:#edf4fa}
.tv-mode .topbar{flex:none;align-items:center;padding-bottom:1.4vh;border-bottom:1px solid rgba(165,191,210,.14)}
.tv-mode .topbar>div:has(#screenTitle){display:block;flex:1;min-width:0}
.tv-mode .topbar .eyebrow{color:#91aabd;font-size:clamp(9px,1.1vh,15px);letter-spacing:.16em}
.tv-mode .topbar h1{color:#c3ed91;font-size:clamp(20px,2.7vh,42px);letter-spacing:-.035em}
.tv-mode .tv-brand{display:flex;align-items:center;gap:1vw;flex-shrink:0}
.tv-mode .tv-brand svg{width:4.5vh;height:4.5vh;fill:none;stroke:#c5f58a;stroke-width:3;stroke-linecap:square}
.tv-mode .tv-brand strong{display:block;font-size:clamp(19px,2.9vh,42px);letter-spacing:.13em;line-height:1.2;font-weight:800}
.tv-mode .tv-brand b{display:inline-block;vertical-align:middle;padding:.3vh .5vw;border:1px solid #c5f58a66;border-radius:5px;color:#c5f58a;font-size:.5em;letter-spacing:.08em}
.tv-mode .tv-brand span{display:block;margin-top:.6vh;font-size:clamp(8px,.95vh,14px);letter-spacing:.24em;color:#97aabb}
.tv-mode #assistance.active{display:flex;flex:1;min-height:0;flex-direction:column;gap:0}
.tv-mode #assistance>.hero-grid,
.tv-mode #assistance>.metrics,
.tv-mode #assistance>.overview-bottom,
.tv-mode #assistance>.assistance-breakdown,
.tv-mode #assistance>#generalOrders{display:none!important}
.tv-mode #tvBoard{display:flex;flex:1;min-height:0;flex-direction:column;gap:1.8vh}
.tv-mode .tv-board-metrics{display:grid;grid-template-columns:1.25fr repeat(3,minmax(0,1fr));gap:1.1vw;flex:none}
.tv-mode .tv-stat{min-height:clamp(94px,13vh,160px);display:flex;align-items:center;gap:1.1vw;padding:1.5vh 1.4vw;border:1px solid rgba(165,191,210,.16);border-radius:16px;background:#111d2b;color:#edf4fa}
.tv-mode .tv-stat strong{font-size:clamp(36px,6.4vh,94px);line-height:.95;font-weight:800;letter-spacing:-.06em;font-variant-numeric:tabular-nums}
.tv-mode .tv-stat span{font-size:clamp(13px,1.7vh,24px);line-height:1.15;color:#c6d9e8}
.tv-mode .tv-stat-active{background:linear-gradient(115deg,#d8f8b7,#b9e891);border-color:#dff8c4;color:#193424}
.tv-mode .tv-stat-active span{color:#36543b}
.tv-mode .tv-stat-urgent{border-color:#e36c7066;background:linear-gradient(145deg,#1a202d,#111923)}
.tv-mode .tv-stat-urgent strong{color:#ef7178}
.tv-mode .tv-stat-waiting{border-color:#e6b15966;background:linear-gradient(145deg,#242319,#151a20)}
.tv-mode .tv-stat-waiting strong{color:#f1b654}
.tv-mode .tv-stat-execution{border-color:#54ba8966;background:linear-gradient(145deg,#122720,#111d24)}
.tv-mode .tv-stat-execution strong{color:#54c78f}
.tv-mode .tv-board-content{display:grid;grid-template-columns:minmax(0,4fr) minmax(265px,1fr);gap:1.2vw;flex:1;min-height:0}
.tv-mode .tv-panel{min-width:0;min-height:0;overflow:hidden;border:1px solid rgba(165,191,210,.16);border-radius:16px;background:#111d2b;box-shadow:0 8px 24px #00000015}
.tv-mode .tv-action-panel{display:flex;flex-direction:column;padding:1.8vh 1.5vw}
.tv-mode .tv-panel-heading{display:flex;flex:none;align-items:center;justify-content:space-between;gap:1vw;padding-bottom:1.3vh;border-bottom:1px solid rgba(165,191,210,.14)}
.tv-mode .tv-panel-heading span{display:block;margin-bottom:.55vh;color:#e8bc7f;font-size:clamp(9px,1.05vh,15px);font-weight:800;letter-spacing:.18em}
.tv-mode .tv-panel-heading h2{margin:0;color:#f0f5fa;font-size:clamp(17px,2.4vh,34px);font-weight:700;letter-spacing:-.035em}
.tv-mode .tv-panel-heading small{color:#8faabd;font-size:clamp(9px,1.05vh,14px)}
.tv-mode .tv-action-list{display:grid;grid-template-rows:repeat(6,minmax(0,1fr));flex:1;min-height:0;margin-top:.8vh;overflow:hidden}
.tv-mode .tv-action-list .recent-item{min-height:0;padding:.65vh .45vw;grid-template-columns:clamp(48px,5.8vh,84px) minmax(0,1fr) minmax(72px,auto);gap:.9vw;overflow:hidden;border:0;border-top:1px solid rgba(165,191,210,.11);border-radius:0;background:transparent}
.tv-mode .tv-action-list .recent-item:first-child{border-top:0}
.tv-mode .tv-action-list .recent-item.urgent{border-left:3px solid #ed646b;background:linear-gradient(90deg,#ed646b12,transparent 45%)}
.tv-mode .tv-action-list .recent-number{width:clamp(46px,5.6vh,80px);height:clamp(46px,5.6vh,80px);background:#203346;border:1px solid #648aac30;border-radius:10px;color:#c6e5fa}
.tv-mode .tv-action-list .recent-number small{font-size:clamp(10px,1.15vh,17px);color:#83a5bf}
.tv-mode .tv-action-list .recent-number strong{font-size:clamp(15px,1.9vh,28px)}
.tv-mode .tv-action-list .recent-main{min-width:0;overflow:hidden}
.tv-mode .tv-action-list .recent-title{display:flex;min-width:0;align-items:center;gap:.55vw;flex-wrap:nowrap}
.tv-mode .tv-action-list .recent-title>strong{min-width:0;overflow:hidden;color:#f0f5fa;font-size:clamp(18px,2.4vh,36px);font-weight:700;text-overflow:ellipsis;white-space:nowrap}
.tv-mode .tv-action-list .recent-main>small,.tv-mode .tv-action-list .recent-owner{display:block;overflow:hidden;margin-top:.25vh;color:#b9ccdb;font-size:clamp(13px,1.55vh,24px);line-height:1.2;text-overflow:ellipsis;white-space:nowrap}
.tv-mode .tv-action-list .recent-badges{display:flex;flex:none;gap:.3vw}
.tv-mode .tv-action-list .badge{padding:.3vh .45vw;font-size:clamp(10px,1.2vh,18px)}
.tv-mode .tv-action-list .recent-time{text-align:right;color:#a9bdcc;font-size:clamp(13px,1.55vh,24px)}
.tv-mode .tv-action-list .recent-time strong{color:#e4eef5;font-size:inherit;font-weight:700}
.tv-mode .tv-action-list .recent-arrow{display:none}
.tv-mode .tv-action-list .recent-time small{font-size:clamp(11px,1.3vh,20px);color:#a9bdcc}
.tv-mode .tv-board-sidebar{display:grid;grid-template-rows:minmax(0,1.15fr) minmax(0,.85fr);gap:1.2vh;min-width:0;min-height:0}
.tv-mode .tv-status-panel,.tv-mode .tv-week-panel{display:flex;flex-direction:column;padding:1.35vh 1vw}
.tv-mode .tv-status-panel .tv-panel-heading span{color:#b8d995}
.tv-mode .tv-week-panel .tv-panel-heading span{color:#8fc8e3}
.tv-mode .tv-status-panel .tv-panel-heading h2,.tv-mode .tv-week-panel .tv-panel-heading h2{font-size:clamp(14px,1.75vh,25px)}
.tv-mode .tv-status-content{display:flex;flex:1;min-height:0;flex-direction:column;align-items:center;justify-content:center;gap:.8vh;padding-top:.8vh}
.tv-mode .tv-donut{position:relative;display:grid;width:min(9vw,16vh);aspect-ratio:1;flex:none;place-items:center;border-radius:50%;background:conic-gradient(#b9f35a 0 75%,#43d999 75% 86%,#62a6ff 86% 94%,#a984ff 94%)}
.tv-mode .tv-donut:after{position:absolute;inset:14%;border:1px solid rgba(165,191,210,.14);border-radius:50%;background:#0d1b17;content:""}
.tv-mode .tv-donut>div{z-index:1;text-align:center}
.tv-mode .tv-donut strong,.tv-mode .tv-donut small{display:block}
.tv-mode .tv-donut strong{color:#f0f6fc;font-size:clamp(19px,2.8vh,38px);font-variant-numeric:tabular-nums}
.tv-mode .tv-donut small{color:#97aabb;font-size:clamp(7px,.75vh,10px);letter-spacing:.12em}
.tv-mode .tv-status-legend{display:grid;width:100%;gap:.35vh}
.tv-mode .tv-status-legend .legend-item{grid-template-columns:7px minmax(0,1fr) auto;gap:.4vw;font-size:clamp(8px,.9vh,12px)}
.tv-mode .tv-week-chart{display:flex;flex:1;min-height:0;align-items:stretch;justify-content:space-between;gap:.3vw;padding:.9vh .1vw .3vh;background:repeating-linear-gradient(to top,transparent 0,transparent calc(33.333% - 1px),rgba(165,191,210,.07) calc(33.333% - 1px),rgba(165,191,210,.07) 33.333%)}
.tv-mode .tv-week-chart .bar-column{min-width:0;gap:.35vh}
.tv-mode .tv-week-chart .bar-column i{width:clamp(10px,.95vw,16px);border-radius:4px 4px 0 0;background:linear-gradient(180deg,#8dc5e1,#426c89);box-shadow:none}
.tv-mode .tv-week-chart .bar-column:last-child i{background:linear-gradient(180deg,#d5f49b,#75a85a)}
.tv-mode .tv-week-chart .bar-column b,.tv-mode .tv-week-chart .bar-column span{font-size:clamp(7px,.78vh,10px)}
.tv-mode .tv-week-panel footer{display:flex;flex:none;justify-content:space-between;gap:.5vw;margin-top:.45vh;padding-top:.55vh;border-top:1px solid rgba(165,191,210,.12);color:#91aabd;font-size:clamp(8px,.85vh,11px)}
.tv-mode .tv-week-panel footer strong{color:#d9edc8}
@media(max-height:600px) and (min-width:761px){
  .tv-mode .tv-action-list .recent-item{padding-block:0;gap:.5vw}
  .tv-mode .tv-action-list{grid-template-rows:repeat(6,minmax(64px,1fr));overflow-y:auto}
}
@media(max-width:1000px){
  .tv-mode .tv-board-content{grid-template-columns:minmax(0,3fr) minmax(220px,1fr)}
  .tv-mode .tv-board-sidebar{grid-template-rows:minmax(0,1.1fr) minmax(0,.9fr)}
  .tv-mode .tv-stat{gap:.7vw;padding-inline:1vw}
}
@media(max-width:760px){
  .tv-mode .main{overflow:auto;padding:1.5vh 3vw}
  .tv-mode .tv-board-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:1vh 2vw}
  .tv-mode .tv-stat{min-height:9vh}
  .tv-mode .tv-board-content{grid-template-columns:1fr;grid-template-rows:minmax(560px,1fr) auto}
  .tv-mode .tv-board-sidebar{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(24vh,auto)}
  .tv-mode .tv-action-list .recent-item{grid-template-columns:48px minmax(0,1fr) auto}
  .tv-mode .tv-action-list .recent-title{flex-wrap:wrap;gap:3px 6px}
}

/* Shared Nexus Operations identity, matching the sidebar logo. */
.tv-mode .tv-brand{gap:clamp(10px,1vw,24px)}
.tv-mode .tv-brand-mark{width:clamp(30px,4.5vh,66px);height:clamp(30px,4.5vh,66px);flex:none}
.tv-mode .tv-brand-mark span{display:block;margin:0;width:72%;height:23%;border-radius:6px 1px;background:var(--lime)}
.tv-mode .tv-brand-mark span:nth-child(3){width:23%;height:23%;border-radius:50%;background:#fff}
.tv-mode .tv-brand-copy strong{font-family:'Manrope',sans-serif;color:#e4eee9}
.tv-mode .tv-brand-copy>span{color:#8aa397;font-weight:500;letter-spacing:.24em}

/* Detailed notifications are exclusive to the TV presentation. */
.tv-mode .tv-order-toast{display:flex;flex-direction:column;align-items:stretch;gap:clamp(12px,1.8vh,22px);width:min(1400px,94vw);min-height:0;max-height:92dvh;overflow:auto;aspect-ratio:auto;padding:clamp(20px,2vw,36px);text-align:left;background:#10251e}
.tv-mode .tv-toast-heading{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;padding-right:30px}
.tv-mode .tv-toast-heading>span{font-size:clamp(13px,1.7vw,24px);font-weight:800;color:var(--lime)}
.tv-mode .tv-toast-heading>strong{font-size:clamp(23px,2.8vw,42px);color:#fff}
.tv-mode .tv-toast-heading>b{font-size:clamp(14px,1.6vw,23px);color:#c4d6cd}
.tv-mode .tv-toast-problem small,.tv-mode .tv-toast-details small{display:block;font-size:clamp(12px,1.2vw,18px);letter-spacing:.12em;color:#a9c8b8;font-weight:700;margin-bottom:8px}
.tv-mode .tv-toast-problem p{margin:0;font-size:clamp(22px,2vw,32px);font-weight:700;line-height:1.3;color:#fff;overflow-wrap:anywhere}
.tv-mode .tv-toast-details{display:grid;grid-template-columns:1fr 1fr;gap:24px;border-top:1px solid #a9c8b833;padding-top:18px}
.tv-mode .tv-toast-details strong{display:block;font-size:clamp(18px,2vw,30px);line-height:1.35;overflow-wrap:anywhere;color:#e4f1e9}
.tv-mode .tv-toast-footer{display:flex;flex-wrap:wrap;gap:12px 28px;font-size:clamp(14px,1.5vw,22px);color:#d1e0d7;overflow-wrap:anywhere}
.tv-mode .tv-toast-footer b{color:#a9c8b8;font-size:.8em;margin-right:8px}
@media(max-width:600px){.tv-mode .tv-toast-details{grid-template-columns:1fr;gap:14px}}