.control-app { background:#091012; }
.control-main { width:min(1600px,calc(100% - 48px)); margin:0 auto; padding:52px 0 96px; }
.control-hero { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(310px,.55fr); gap:48px; align-items:end; padding:48px 0 42px; border-bottom:1px solid #314044; }
.control-hero h1 { margin:12px 0 18px; color:#f0eee7; font:700 clamp(42px,6vw,82px)/1.02 "Noto Serif SC",serif; letter-spacing:-.04em; }
.control-hero h1 em { color:#75e3bd; font-style:normal; }
.control-hero>div>p:last-child { max-width:780px; color:#91a1a4; font-size:17px; line-height:1.8; }
.control-live-card { position:relative; padding:28px; border:1px solid #3c5c55; background:linear-gradient(145deg,rgba(26,61,52,.42),rgba(10,18,20,.85)); box-shadow:inset 3px 0 #75e3bd; }
.control-live-card span,.control-panel header span,.control-focus header span,.control-pipeline header span,.video-task-drawer summary span { display:block; color:#75e3bd; font:700 12px/1.2 ui-monospace,monospace; letter-spacing:.16em; }
.control-live-card strong { display:block; margin:16px 0 8px; color:#f0eee7; font-size:28px; }
.control-live-card p,.control-live-card time { color:#91a1a4; line-height:1.6; }
.control-live-card time { display:block; margin-top:24px; font:12px ui-monospace,monospace; }
.control-kpis { display:grid; grid-template-columns:1.25fr repeat(4,1fr); gap:12px; margin:24px 0; }
.control-kpis article { min-height:150px; padding:24px; border:1px solid #2c393d; background:#0d1719; }
.control-kpis article:first-child { background:linear-gradient(135deg,#152b27,#0d1719); }
.control-kpis article.is-human { border-color:#9a6b28; }
.control-kpis article.is-blocked { border-color:#744232; }
.control-kpis span { color:#849598; font:700 11px ui-monospace,monospace; letter-spacing:.12em; }
.control-kpis strong { display:block; margin:16px 0 10px; color:#f0eee7; font-size:38px; }
.control-kpis p { color:#738286; font-size:13px; line-height:1.5; }
.control-focus,.control-pipeline,.control-panel,.video-task-drawer { border:1px solid #2e3d40; background:#0d1517; }
.control-focus { margin:0 0 24px; padding:30px; border-color:#43635b; }
.control-focus header,.control-pipeline>header,.control-panel>header { display:flex; justify-content:space-between; gap:24px; align-items:flex-start; }
.control-focus h2,.control-pipeline h2,.control-panel h2 { margin:8px 0 0; color:#eeeae1; font-size:24px; }
.control-focus header b { padding:8px 12px; color:#75e3bd; border:1px solid currentColor; font:700 12px ui-monospace,monospace; }
.focus-grid { display:grid; grid-template-columns:minmax(0,1.7fr) minmax(300px,.7fr); gap:44px; margin-top:28px; }
.focus-primary { padding:24px; background:#101d1f; }
.focus-primary>p:first-child { color:#75e3bd; font:12px ui-monospace,monospace; }
.focus-primary h3 { margin:12px 0; color:#f4f0e7; font-size:27px; }
.focus-primary>p:nth-of-type(2) { color:#91a1a4; line-height:1.65; }
.focus-progress { height:5px; margin-top:26px; background:#263438; overflow:hidden; }
.focus-progress i { display:block; width:0; height:100%; background:#75e3bd; transition:width .35s ease; }
.focus-grid dl { display:grid; gap:1px; background:#263438; }
.focus-grid dl div { padding:17px 20px; background:#0d1719; }
.focus-grid dt { color:#718186; font-size:12px; }
.focus-grid dd { margin:7px 0 0; color:#e8e4db; line-height:1.45; }
.control-pipeline { margin-bottom:24px; padding:30px; }
.control-pipeline>header p { color:#718186; font:12px ui-monospace,monospace; }
.pipeline-lanes { display:grid; grid-template-columns:repeat(6,minmax(150px,1fr)); gap:10px; margin-top:26px; }
.pipeline-lane { position:relative; min-width:0; min-height:210px; padding:22px 18px 18px; border:1px solid #29373a; background:#101a1c; overflow:hidden; }
.pipeline-lane::before { content:""; position:absolute; inset:0 auto 0 0; width:2px; background:#405055; }
.pipeline-lane.is-active { border-color:#407663; background:linear-gradient(150deg,rgba(30,76,62,.48),#101a1c 62%); }
.pipeline-lane.is-active::before { background:#75e3bd; box-shadow:0 0 18px rgba(117,227,189,.45); }
.pipeline-lane.is-human { border-color:#6d552f; }
.pipeline-lane.is-human::before { background:#d3a04e; }
.pipeline-lane.is-blocked { border-color:#704437; }
.pipeline-lane.is-blocked::before { background:#f27450; }
.lane-number { color:#536468; font:700 11px/1 ui-monospace,monospace; letter-spacing:.14em; }
.pipeline-lane h3 { margin:22px 0 10px; color:#eeeae1; font-size:17px; }
.pipeline-lane p { min-height:42px; color:#748589; font-size:12px; line-height:1.65; }
.lane-track { height:3px; margin:20px 0 14px; background:#29373a; }
.lane-track i { display:block; height:100%; background:#75e3bd; }
.lane-counts { display:flex; flex-wrap:wrap; gap:7px 10px; align-items:center; color:#728286; font:11px/1.3 ui-monospace,monospace; }
.lane-counts b { color:#d9d7d0; }
.lane-counts em { color:#8ca0a3; font-style:normal; }
.lane-counts .is-active { color:#75e3bd; }
.lane-counts .is-human { color:#d3a04e; }
.lane-counts .is-blocked { color:#f27450; }
.control-loading,.control-empty { color:#718186; line-height:1.7; }
.control-grid { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(340px,.65fr); gap:24px; margin-bottom:24px; }
.control-grid-secondary { grid-template-columns:1fr 1fr; }
.control-panel { min-width:0; padding:28px; }
.control-panel header b { min-width:32px; color:#8ca0a3; font:700 14px ui-monospace,monospace; text-align:right; }
.control-panel>div,.control-events ol { margin-top:22px; }
.shot-progress-row { display:block; padding:20px 0; border-top:1px solid #273438; color:inherit; text-decoration:none; }
.shot-progress-row:first-child { padding-top:0; border-top:0; }
.shot-progress-row:hover strong { color:#75e3bd; }
.shot-progress-head { display:flex; justify-content:space-between; gap:20px; }
.shot-progress-head span { display:block; margin-bottom:7px; color:#6f8184; font:11px/1.2 ui-monospace,monospace; letter-spacing:.08em; }
.shot-progress-head strong { color:#e7e4dc; font-size:16px; line-height:1.45; transition:color .2s ease; }
.shot-progress-head>b { color:#d7d5cf; font:700 15px/1.2 ui-monospace,monospace; }
.shot-progress-track { height:4px; margin:16px 0 13px; background:#253236; overflow:hidden; }
.shot-progress-track i { display:block; height:100%; background:#75e3bd; }
.shot-progress-row.is-human .shot-progress-track i { background:#d3a04e; }
.shot-progress-row.is-blocked .shot-progress-track i { background:#f27450; }
.shot-progress-meta { display:flex; flex-wrap:wrap; gap:8px 15px; align-items:center; color:#748589; font-size:12px; line-height:1.5; }
.shot-progress-meta time { margin-left:auto; }
.state-pill { padding:4px 7px; border:1px solid #405155; color:#9aabad; font:700 10px/1 ui-monospace,monospace; }
.state-pill.is-active,.state-pill.is-system-queue,.state-pill.is-system-review { border-color:#3c685a; color:#75e3bd; }
.state-pill.is-human { border-color:#70582e; color:#d3a04e; }
.state-pill.is-blocked { border-color:#714235; color:#f27450; }
.state-pill.is-complete { border-color:#405155; color:#8ca0a3; }
.control-action-row { display:block; padding:16px; border:1px solid #2c393d; background:#101a1c; color:inherit; text-decoration:none; }
.control-action-row + .control-action-row { margin-top:10px; }
.control-action-row:hover { border-color:#527068; }
.control-action-row>div { display:flex; justify-content:space-between; gap:16px; color:#7e9093; font:11px/1.4 ui-monospace,monospace; }
.control-action-row strong { display:block; margin:10px 0 6px; color:#ebe8df; font-size:15px; line-height:1.45; }
.control-action-row p { color:#9aa8aa; font-size:13px; line-height:1.55; }
.control-action-row small { display:block; margin-top:7px; color:#6f8184; line-height:1.45; }
.control-action-row.is-human { border-left:2px solid #d3a04e; }
.control-action-row.is-blocked { border-left:2px solid #f27450; }
.control-human { border-color:#6d552f; }
.control-blockers { border-color:#5c3f36; }
.control-events ol { padding:0; list-style:none; }
.event-row { display:grid; grid-template-columns:8px 1fr auto; gap:14px; align-items:start; padding:13px 0; border-top:1px solid #263337; }
.event-row:first-child { padding-top:0; border-top:0; }
.event-row>i { width:7px; height:7px; margin-top:5px; border-radius:50%; background:#75e3bd; }
.event-row.is-exception>i { background:#f27450; }
.event-row.is-director>i { background:#d3a04e; }
.event-row strong { display:block; color:#dcdad4; font-size:13px; line-height:1.45; }
.event-row span,.event-row time { color:#6f8184; font:11px/1.5 ui-monospace,monospace; }
.control-focus header b.is-human { color:#d3a04e; }
.control-focus header b.is-blocked { color:#f27450; }
.video-task-drawer { padding:0; overflow:hidden; }
.video-task-drawer summary { display:grid; grid-template-columns:auto 1fr auto; gap:18px; align-items:center; padding:24px 28px; cursor:pointer; }
.video-task-drawer summary strong { color:#eeeae1; font-size:20px; }
.video-task-drawer summary small { color:#718186; }
.video-task-drawer>.task-toolbar,.video-task-drawer>.integration-message,.video-task-drawer>.video-task-list { margin-left:28px; margin-right:28px; }
.control-video-summary { margin:0 28px 20px; }
@media (max-width:1100px){.control-kpis{grid-template-columns:repeat(2,1fr)}.control-kpis article:first-child{grid-column:1/-1}.pipeline-lanes{grid-template-columns:repeat(3,1fr)}.control-grid{grid-template-columns:1fr}}
@media (max-width:760px){.control-main{width:min(100% - 24px,1600px);padding-top:20px}.control-hero,.focus-grid{grid-template-columns:1fr}.control-hero{gap:24px}.control-kpis{grid-template-columns:1fr 1fr}.pipeline-lanes{grid-template-columns:1fr}.video-task-drawer summary{grid-template-columns:1fr}.control-grid-secondary{grid-template-columns:1fr}}