/* Command v35.9 — modern HVN operations interface. */
:root{
  --command-sidebar:286px;
  --command-page:#0c0e12;
  --command-sidebar-bg:#101218;
  --command-panel:#151820;
  --command-panel-raised:#191d26;
  --command-line:#292e39;
  --command-line-soft:#212630;
  --command-text:#f2f4f8;
  --command-muted:#9ba3b1;
  --command-accent:#7770ff;
  --command-accent-soft:rgba(119,112,255,.14);
  --command-good:#3bd6a0;
  --command-warn:#f5bb62;
  --command-danger:#ff6e78;
}
*{scrollbar-color:#3a404d transparent}
body{background:var(--command-page);color:var(--command-text);font-size:14px;letter-spacing:0}
.accent-rail{display:none}
.sidebar{width:var(--command-sidebar);padding:20px 14px 13px;background:var(--command-sidebar-bg);border-right:1px solid var(--command-line);box-shadow:none}
.app-shell{margin-left:var(--command-sidebar)}
.brand-row{height:58px;padding:1px 10px 16px;margin:0 0 13px;border-bottom:1px solid var(--command-line-soft)}
.brand-row img{max-width:145px;max-height:28px;object-fit:contain}.brand-row>span{padding:5px 8px;border:1px solid #343b4c;border-radius:6px;background:#171b24;color:#bcc3d0;font-size:8px;letter-spacing:.12em}
.side-nav{padding:0 2px 16px;overflow-y:auto;scrollbar-width:thin}
.command-quick-nav{display:flex;flex-direction:column;gap:3px;margin:0 0 13px;padding:0 0 13px;border-bottom:1px solid var(--command-line-soft)}
.command-quick-nav .nav-item,.nav-group .nav-item{width:100%;min-height:42px;margin:0;padding:7px 9px;display:flex;align-items:center;justify-content:flex-start;gap:10px;border:1px solid transparent;border-radius:9px;background:transparent;color:#b6bdc9;text-align:left;box-shadow:none;transition:background .14s ease,color .14s ease,border-color .14s ease}
.command-quick-nav .nav-item>span:last-child,.nav-group .nav-item>span:last-child{font-size:12px;font-weight:650;line-height:1.2}
.command-quick-nav .nav-item:hover,.nav-group .nav-item:hover{background:#181c24;border-color:#272d38;color:#fff}
.nav-item.is-active{background:var(--command-accent-soft)!important;border-color:rgba(131,144,255,.26)!important;color:#fff!important;box-shadow:none!important}
.nav-item .nav-icon{width:19px;height:19px;min-width:19px;padding:0;border:0;border-radius:0;background:transparent!important;color:#8993a3;font-size:0;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.nav-item.is-active .nav-icon{color:#aab3ff!important}.nav-item:hover .nav-icon{color:#d9deea}
.nav-group{margin:0;border:0;border-radius:0;background:transparent!important}
.nav-group summary{list-style:none;display:flex;align-items:center;gap:8px;min-height:39px;padding:0 9px;color:#7f8796;font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.09em;cursor:pointer;user-select:none}
.nav-group summary::-webkit-details-marker{display:none}.nav-group summary:before{content:'';width:6px;height:6px;border-right:1.5px solid #777f8e;border-bottom:1.5px solid #777f8e;transform:rotate(-45deg);transition:transform .14s}.nav-group[open] summary:before{transform:rotate(45deg) translateY(-1px)}
.nav-group summary>span{flex:1}.nav-group summary small{color:#626a78;font-size:8px;font-weight:700;letter-spacing:.08em}
.nav-group>div{padding:0 0 8px}
.sidebar-footer{padding:12px 3px 0;border-top:1px solid var(--command-line-soft)}
.system-state{font-size:10px;color:#949ba8}.command-signout{font-size:10px;color:#949ba8}
.profile-mini{margin-top:10px;padding:9px;border:1px solid var(--command-line);border-radius:10px;background:#151820;box-shadow:none}
.profile-mini .avatar{background:#272d3a;color:#eef0f5}.profile-menu-trigger{border-radius:7px!important;color:#aeb5c1}
.topbar{height:68px;padding:0 30px;background:rgba(12,14,18,.93);border-bottom:1px solid var(--command-line);backdrop-filter:blur(16px);box-shadow:none}
.topbar-title strong{font-size:17px;letter-spacing:-.015em}.topbar-title span{font-size:8px;color:#7f8795}
.global-search input{width:min(27vw,350px);height:39px;border-radius:9px;border-color:var(--command-line);background:#151820}.global-search>span{color:#7e8795}
.topbar .icon-button{border:1px solid var(--command-line);background:#151820;color:#c7cdd8}
.network-command-strip{position:sticky;top:68px;z-index:35;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0;padding:0 22px;background:#101319;border-bottom:1px solid var(--command-line);box-shadow:0 9px 26px rgba(0,0,0,.17)}
.network-command-strip button{min-width:0;padding:10px 16px;border:0;border-right:1px solid var(--command-line-soft);background:transparent;color:#fff;text-align:left;cursor:pointer;border-radius:0}.network-command-strip button:last-child{border-right:0}.network-command-strip button:hover{background:#171b23}
.network-command-strip span,.network-command-strip strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.network-command-strip span{margin-bottom:3px;color:#757e8d;font-size:8px;font-weight:750;text-transform:uppercase;letter-spacing:.09em}.network-command-strip strong{font-size:11px;font-weight:650}
.view-wrap{max-width:1580px;margin:0 auto;padding:35px 34px 72px}.view{animation:command-view-in .16s ease-out}@keyframes command-view-in{from{opacity:.55;transform:translateY(3px)}to{opacity:1;transform:none}}
.page-heading{margin-bottom:25px;gap:24px;align-items:flex-end}.page-heading h1{font-size:clamp(29px,3vw,40px);line-height:1.05;letter-spacing:-.037em}.page-heading p{max-width:760px;margin-top:9px;color:var(--command-muted);font-size:13px;line-height:1.58}.eyebrow,.panel-kicker{color:#9ca6ff;letter-spacing:.1em}
.panel,.table-card,.submission-detail,.inbox-list{border:1px solid var(--command-line);border-radius:13px;background:var(--command-panel);box-shadow:0 12px 30px rgba(0,0,0,.13)}
.panel{padding:22px}.panel-head{margin-bottom:17px}.panel-head h2,.panel h2{letter-spacing:-.022em}
.metric-card,.capability-grid>div,.rundown-state-card{border-color:var(--command-line)!important;border-radius:12px!important;background:var(--command-panel)!important;box-shadow:none!important}
button,.primary-button,.ghost-button,.take-button,.cue-button,.danger-button,input,select,textarea{min-height:40px;border-radius:9px}
button{font-family:inherit}.primary-button,.take-button{background:#6876e8;border-color:#7c89ef;color:#fff;box-shadow:none}.primary-button:hover,.take-button:hover{background:#7482ed;box-shadow:none;transform:none}.ghost-button,.cue-button{background:#191d26;border-color:#343a47;color:#dce0e8}.danger-button{background:#3a1d24;border-color:#633039;color:#ffadb3}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--command-accent);outline-offset:2px}
input,select,textarea{border-color:#343a47;background:#11141a;color:#eef1f6;box-shadow:none}
table thead{background:#11141a}table th{color:#858e9d;font-size:9px;letter-spacing:.08em}table td{border-color:var(--command-line-soft)}
.command-start-panel{display:grid;grid-template-columns:minmax(250px,.75fr) minmax(480px,1.25fr);gap:28px;align-items:center;background:#161a22!important}.command-start-steps{gap:8px}.command-start-steps button{min-height:63px;border-color:#2d3340!important;border-radius:10px!important;background:#11141a!important}.command-start-steps button:hover{background:#1a1f29!important}.command-start-steps b{background:#272d3a!important;color:#cbd1dc!important}
.network-recovery-card{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);align-items:center;gap:28px;margin-bottom:18px;border-color:#2f594c;background:#14201e!important}.network-recovery-card h2{margin:6px 0 8px;font-size:22px}.network-recovery-card p{max-width:850px;margin:0;color:var(--command-muted);line-height:1.55}.network-recovery-actions{display:flex;flex-direction:column;align-items:flex-end;gap:9px}.network-recovery-actions span{color:#89958f;font-size:10px;text-align:right}.network-recovery-actions button{width:100%;min-height:48px}
.settings-grid{grid-template-columns:225px minmax(0,1fr);gap:20px}.settings-nav{position:sticky;top:126px;align-self:start;padding:8px;border:1px solid var(--command-line);border-radius:12px;background:#12151b}.settings-nav button{margin:2px 0;padding:0 12px;text-align:left;color:#aeb5c1;background:transparent;border:1px solid transparent}.settings-nav button.is-active{background:var(--command-accent-soft);border-color:rgba(131,144,255,.25);color:#fff}.settings-form{max-width:1080px}.settings-form>section{padding:4px}.settings-subsection{margin-top:24px;padding-top:23px;border-top:1px solid var(--command-line)}.settings-subsection h3{margin:0 0 6px;font-size:16px}.settings-subsection p{margin:0 0 16px;color:var(--command-muted);line-height:1.55}.settings-note{border-color:#303744!important;border-radius:9px!important;background:#11151b!important;color:#a8b0bd!important}
.mcr-core-grid,.mcr-bank-grid{gap:16px}.mcr-status-ribbon{border-radius:11px;overflow:hidden}.mcr-control-card{padding:18px!important;border-color:var(--command-line)!important;background:#11151b!important}.mcr-control-card>div:first-child strong{font-size:13px}.hvn-live-actions button{font-weight:700!important}
@media(max-width:1180px){.network-command-strip{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 10px}.network-recovery-card,.command-start-panel{grid-template-columns:1fr}.network-recovery-actions{align-items:flex-start}.network-recovery-actions span{text-align:left}}
@media(max-width:800px){:root{--command-sidebar:280px}.sidebar{width:var(--command-sidebar)}.app-shell{margin-left:0}.topbar{padding:0 15px}.network-command-strip{top:68px}.view-wrap{padding:28px 15px 58px}.global-search{display:none}.page-heading{align-items:flex-start}.page-heading h1{font-size:31px}.settings-grid{grid-template-columns:1fr}.settings-nav{position:static}.network-recovery-card{padding:18px}}
@media(prefers-reduced-motion:reduce){.view{animation:none}.nav-group summary:before{transition:none}}

/* v35.9 clarity pass: HVN color, predictable density, and resilient content widths. */
body:before{content:"";position:fixed;inset:0 0 auto var(--command-sidebar);height:2px;z-index:90;pointer-events:none;background:linear-gradient(90deg,#f34c62 0 25%,#7770ff 25% 50%,#28d5a1 50% 75%,#35c8f1 75%)}
.sidebar{background:linear-gradient(180deg,#101219 0%,#0d1016 100%)}
.brand-row{position:relative}.brand-row:after{content:"HVN OPERATIONS";position:absolute;left:10px;bottom:4px;color:#677080;font-size:7px;font-weight:800;letter-spacing:.16em}
.nav-item.is-active{position:relative;background:linear-gradient(90deg,rgba(119,112,255,.17),rgba(53,200,241,.055))!important;border-color:rgba(119,112,255,.3)!important}
.nav-item.is-active:before{content:"";position:absolute;left:-3px;top:10px;bottom:10px;width:2px;border-radius:999px;background:linear-gradient(#f34c62,#7770ff,#28d5a1,#35c8f1)}
.topbar-actions{position:relative}.topbar .primary-button{background:linear-gradient(105deg,#6f68ee,#596de1);border-color:#8580ff}
.network-command-strip{background:rgba(16,19,25,.96);backdrop-filter:blur(18px)}
.network-command-strip button:focus-visible{position:relative;z-index:2}
.panel,.table-card,.submission-detail,.inbox-list{box-shadow:0 16px 38px rgba(0,0,0,.11)}
.panel-head{align-items:flex-start}.panel-head>div{min-width:0}.studio-copy{max-width:880px}
.playout-main-grid{grid-template-columns:minmax(0,1.5fr) minmax(300px,.72fr)!important;align-items:start}
.program-library{min-width:0}
.program-master{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(190px,auto)!important;align-items:start!important;gap:18px!important;min-width:0;overflow:hidden;padding:17px!important;background:#11151c!important;border-color:#2c3340!important}
.program-master>div:first-child{width:100%;min-width:0!important;display:grid!important;grid-template-columns:minmax(0,1fr);gap:6px!important;overflow:hidden;overflow-wrap:normal;word-break:normal}
.program-master>div:first-child>span{display:flex;align-items:center;min-width:0;color:#9ea8ff!important;font-size:10px!important;font-weight:800;line-height:1.45;letter-spacing:.055em;text-transform:uppercase;white-space:normal;overflow-wrap:anywhere}
.program-master>div:first-child>strong{display:block;min-width:0;font-size:18px;line-height:1.25;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere;word-break:normal}
.program-master>div:first-child>small,.program-master>div:first-child>p{display:block;min-width:0;line-height:1.55;white-space:normal;overflow-wrap:anywhere;word-break:normal}
.program-master-actions{width:min(220px,100%);min-width:190px;display:grid!important;grid-template-columns:1fr 1fr;align-items:stretch!important;gap:7px!important}
.program-master-actions button{width:100%;min-width:0;min-height:36px;padding:7px 8px!important;white-space:normal;line-height:1.25}
.program-master-actions .danger-button{grid-column:1/-1}.program-master-actions>small{grid-column:1/-1;text-align:right;padding-top:2px}
.auto-hls-progress{width:100%;max-width:560px}.auto-hls-progress progress{width:100%}
.playout-rundown-row{min-width:0;overflow:hidden}.playout-rundown-row>div{width:100%}
.command-notification-center{position:relative;display:flex;align-items:center}
.command-notification-trigger{position:relative;display:grid!important;place-items:center;padding:0!important}.command-notification-trigger svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.command-notification-trigger .notify-dot{position:absolute;right:7px;top:7px;width:7px;height:7px;border:2px solid #151820;border-radius:50%;background:#f34c62}.command-notification-trigger .notify-dot[hidden]{display:none}
.command-notification-popover{position:absolute;right:0;top:48px;width:min(390px,calc(100vw - 28px));z-index:95;overflow:hidden;border:1px solid #353c4a;border-radius:14px;background:#151921;box-shadow:0 26px 80px rgba(0,0,0,.48)}
.command-notification-popover[hidden]{display:none}.command-notification-popover>header{display:flex;align-items:center;justify-content:space-between;padding:16px 17px;border-bottom:1px solid #292f3a}.command-notification-popover>header span,.command-notification-popover>header strong{display:block}.command-notification-popover>header span{margin-bottom:3px;color:#818a99;font-size:8px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.command-notification-popover>header strong{font-size:16px}.command-notification-popover>header button{width:34px;min-height:34px;padding:0;border:1px solid #323946;background:#1c212b;color:#cbd1db}
.command-notification-list{max-height:390px;overflow:auto;padding:8px}.command-notification-item{width:100%;display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:11px;align-items:start;padding:12px;border:0;border-radius:10px;background:transparent;color:#eef1f6;text-align:left}.command-notification-item:hover{background:#1d222c}.command-notification-count{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#272d3a;color:#aaa6ff;font-size:10px;font-weight:850}.command-notification-item.is-urgent .command-notification-count{background:#3b2028;color:#ff8799}.command-notification-item strong,.command-notification-item small{display:block}.command-notification-item strong{font-size:12px;line-height:1.35}.command-notification-item small{margin-top:4px;color:#8e97a5;font-size:10px;line-height:1.45}.command-notification-item>b{color:#747d8c;font-size:15px}.command-notification-empty{display:grid;gap:5px;padding:24px 14px;text-align:center}.command-notification-empty strong{font-size:13px}.command-notification-empty small{color:#8e97a5;font-size:10px;line-height:1.5}.command-notification-popover>footer{display:flex;gap:7px;padding:10px;border-top:1px solid #292f3a}.command-notification-popover>footer button{flex:1;border:1px solid #343b48;background:#1b2029;color:#cbd1da;font-size:10px}
@media(max-width:1180px){.playout-main-grid{grid-template-columns:1fr!important}.program-master-actions{width:100%;min-width:0;grid-template-columns:repeat(3,minmax(0,1fr))}.program-master-actions .danger-button{grid-column:auto}.program-master-actions>small{grid-column:1/-1}}
@media(max-width:760px){body:before{left:0}.program-master{grid-template-columns:minmax(0,1fr)!important}.program-master>div:first-child{width:100%!important;align-self:stretch}.program-master-actions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;min-width:0}.program-master-actions .danger-button{grid-column:1/-1}.topbar-actions{gap:7px}.topbar-actions>.primary-button span{display:none}}
@media(max-width:430px){.program-master-actions{grid-template-columns:1fr}.program-master-actions .danger-button{grid-column:auto}.command-notification-popover{position:fixed;left:12px;right:12px;top:62px;width:auto}}