:root{--ink:#17232c;--muted:#78858d;--line:#dce4e5;--paper:#f4f7f5;--white:#fff;--coral:#e8755d;--navy:#122028;--green:#3b9b73;--amber:#d79640;--blue:#5b8fb0;--red:#d9534f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:13px Manrope,system-ui,sans-serif}.hidden{display:none!important}button,a{font:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{background:var(--navy);color:#eef3f3;width:252px;min-width:252px;padding:30px 17px 18px;display:flex;flex-direction:column}.nf-brand{font-size:21px;font-weight:800;display:flex;gap:9px;align-items:center;letter-spacing:-1px}.nf-brand .brand-light{font-weight:400;color:#8797a0}.nf-mark{background:var(--coral);height:30px;width:34px;border-radius:8px;display:grid;place-items:center;color:#fff;font-size:11px;letter-spacing:-.5px}.workspace{border:1px solid #34464d;background:#1b2c35;border-radius:10px;padding:12px 10px;display:flex;align-items:center;gap:10px;margin:30px 0 26px}.workspace b,.user-chip b{font-size:11px;display:block}.workspace small,.user-chip small{display:block;color:#98aab1;font-size:10px;margin-top:4px}.live-dot{width:8px;height:8px;background:#67d59d;border-radius:50%;box-shadow:0 0 0 4px #315244}.nav-label{color:#6f838c;font:500 10px 'DM Mono';letter-spacing:1.2px;margin:0 0 8px;padding:0 11px}.nav-label.second{margin-top:29px}.nav-item{width:100%;border:0;color:#b8c6ca;background:transparent;text-align:left;border-radius:7px;padding:12px 11px;margin:2px 0;font:600 12px Manrope;cursor:pointer}.nav-item:hover{background:#223841;color:#fff}.nav-item.active{background:#2b424b;color:#fff}.nav-item em{float:right;font-style:normal;color:#e9a18d;font:500 9px 'DM Mono';padding-top:2px}.sidebar-bottom{margin-top:auto}.system-status,.user-chip{display:flex;gap:9px;align-items:center;border-top:1px solid #33464e;padding:15px 4px;color:#a7dcbf}.system-status small{display:block;color:#9aadb3;font-size:10px;margin-top:3px}.user-chip{color:#fff}.avatar{display:grid;place-items:center;background:#526b76;border-radius:50%;width:29px;height:29px;font-size:10px}.main{flex:1;min-width:0}.topbar{height:67px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;background:rgba(255,255,255,.72)}.crumb{font:500 10px 'DM Mono';color:#a0aaad;letter-spacing:1px;margin-right:10px}.topbar strong{font-size:11px;letter-spacing:1px}.top-actions{display:flex;align-items:center;gap:22px}.api-pill{font:500 10px 'DM Mono';color:var(--green)}.api-pill i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:6px}.date{font:500 10px 'DM Mono';color:#89969b}.content{max-width:1400px;margin:auto;padding:42px 48px 70px}.hero-row{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:32px}.eyebrow{font:500 10px 'DM Mono';letter-spacing:1.6px;color:#91a0a5;margin:0 0 16px}.eyebrow.coral{color:var(--coral)}h1,h2,h3,p{margin-top:0}h2{font-size:42px;line-height:1.05;letter-spacing:-2.3px;margin:0 0 16px;font-weight:800}h2 span{color:#839398}h3{font-size:17px;letter-spacing:-.5px;margin:7px 0 4px}.hero-copy{color:#6e7b80;max-width:560px;line-height:1.7;margin:0}.hero-actions{display:flex;gap:10px;align-items:center;white-space:nowrap}.primary,.full-button{border:0;background:var(--coral);color:#fff;border-radius:7px;padding:13px 16px;font-weight:800;cursor:pointer;box-shadow:0 8px 18px rgba(232,117,93,.18)}.primary span,.full-button span{font-size:17px;margin-left:15px}.quiet-button,.outline-button{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:7px;padding:12px 15px;text-decoration:none;cursor:pointer}.fire-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.7fr);gap:17px}.analysis-card,.incident-panel,.surface,.metric{background:#fff;border:1px solid var(--line);border-radius:10px}.analysis-head,.panel-title,.surface-head{display:flex;justify-content:space-between;align-items:flex-start;padding:23px 23px 18px}.section-kicker{font:500 9px 'DM Mono';letter-spacing:1.2px;color:#91a0a5}.section-kicker .rec-dot{display:inline-block;background:var(--coral);width:6px;height:6px;border-radius:50%;margin-right:6px;box-shadow:0 0 0 3px #fae4de}.analysis-head p{font-size:11px;color:#9aa4a6;margin:0}.source-select{font:500 10px 'DM Mono';border:1px solid var(--line);padding:0;border-radius:6px;color:#526169;overflow:hidden}.source-select select{border:0;background:#fff;color:#526169;padding:10px 30px 10px 11px;font:500 10px 'DM Mono';appearance:auto}.source-select span{margin-left:14px;color:#a0aaad}.video-stage{position:relative;background:#17232c;margin:0 16px;aspect-ratio:16/8.7;overflow:hidden;border-radius:6px}.video-stage video{width:100%;height:100%;object-fit:cover;display:block}.video-stage.factory-fire-cctv:after{content:'FULL CAMERA CONTEXT  ·  CAMERA 04';position:absolute;left:14px;bottom:38px;padding:6px 8px;background:rgba(15,29,36,.82);color:#dce8e5;font:500 8px 'DM Mono';letter-spacing:.7px;border-left:2px solid #5b8fb0;pointer-events:none}.video-stage.factory-fire-cctv .layer-legend{right:14px;top:14px}.video-brand{position:absolute;left:17px;top:18px;color:#fff;z-index:2;text-shadow:0 2px 8px #000}.video-brand b{font-size:26px;letter-spacing:-1.6px}.video-brand b span{font-weight:400;color:#f0a391}.video-brand small{display:block;font:500 8px 'DM Mono';letter-spacing:1.2px;color:#d7e2e1;margin-top:3px}.video-readout{position:absolute;bottom:12px;left:14px;right:14px;display:flex;justify-content:space-between;color:#d9e4e3;font:500 9px 'DM Mono';letter-spacing:.7px}.zone-overlay{position:absolute;inset:0;pointer-events:none}.layer-legend{position:absolute;right:14px;top:14px;display:flex;align-items:center;gap:6px;padding:8px 9px;border-radius:4px;background:rgba(15,29,36,.82);color:#dce8e5;font:500 8px 'DM Mono';letter-spacing:.5px}.legend-swatch{width:9px;height:9px;display:inline-block}.legend-swatch.contour{background:#ee5d46;border-radius:50%;box-shadow:0 0 0 2px rgba(238,93,70,.28)}.legend-swatch.perimeter{border:1px solid #50b4eb;border-radius:2px;margin-left:4px}.analysis-foot{display:grid;grid-template-columns:1.2fr 1fr 1fr auto;gap:17px;align-items:center;padding:18px 23px 22px}.small-label,.metric span{display:block;font:500 9px 'DM Mono';letter-spacing:1px;color:#9aa6a8;margin-bottom:7px}.analysis-foot b{font-size:11px}.good,.green-text{color:var(--green)}.outline-button{font-size:11px;font-weight:700;padding:10px 12px}.incident-panel{padding-bottom:20px}.panel-title{align-items:center}.status-badge{font:500 9px 'DM Mono';letter-spacing:.6px;padding:6px 8px;border-radius:4px}.status-badge.watch{color:#a36b21;background:#fff2db}.status-badge.high{color:#b35b28;background:#ffeadc}.status-badge.critical{color:#b6423d;background:#ffe2df}.severity-card{margin:0 17px;padding:18px;background:#f5f7f5;border-radius:7px;display:flex;justify-content:space-between;align-items:center}.severity-card strong{display:block;font-size:42px;letter-spacing:-3px;margin-top:4px}.severity-card strong small{font-size:13px;letter-spacing:0;color:#a4adae}.severity-card p{font-size:10px;color:var(--green);margin:4px 0 0}.severity-ring{width:70px;height:70px;border:7px solid #a8dbbf;border-left-color:#e4ece7;border-radius:50%;display:grid;place-items:center}.severity-ring span{font:500 9px 'DM Mono';color:var(--green)}.signal-list{padding:11px 17px}.signal-list>div{display:flex;align-items:center;gap:9px;border-bottom:1px solid #edf1f0;padding:12px 0}.signal-list>div:last-child{border-bottom:0}.signal-list b{font-size:11px;display:block}.signal-list small{display:block;color:#99a5a7;font-size:10px;margin-top:3px}.signal-list strong{margin-left:auto;font-size:10px}.signal-icon{width:25px;height:25px;display:grid;place-items:center;border-radius:5px;font-size:16px}.smoke{background:#eef1f0;color:#63767b}.flame{background:#fff0e7;color:var(--coral)}.heat{background:#edf3f6;color:var(--blue)}.amber-text{color:var(--amber)}.muted-text{color:#a0abad}.full-button{width:calc(100% - 34px);margin:2px 17px 0;text-align:left;font-size:11px}.metrics-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:17px 0}.metric{padding:17px 18px}.metric b{font-size:28px;letter-spacing:-1.5px;display:block;margin:6px 0}.metric small{color:#94a0a2;font-size:10px}.lower-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:17px}.surface{padding-bottom:12px}.surface-head{padding-bottom:13px}.surface-head h3{margin-bottom:0}.text-button{border:0;background:none;color:var(--coral);font-size:10px;font-weight:800;cursor:pointer}.log-list{padding:0 23px}.log-item,.zone-row{display:flex;align-items:center;gap:11px;padding:12px 0;border-top:1px solid #edf1f0}.log-item b,.zone-row b{font-size:11px;display:block}.log-item small,.zone-row small{display:block;color:#96a2a4;font-size:10px;margin-top:3px}.log-item time{margin-left:auto;font:500 9px 'DM Mono';color:#a2abad}.log-mark{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;font-size:11px}.log-mark.green{background:#e2f3ea;color:var(--green)}.log-mark.amber{background:#fff0d9;color:var(--amber)}.log-mark.blue{background:#e7f0f5;color:var(--blue)}.zone-surface{padding-bottom:18px}.zone-row{margin:0 23px}.zone-row strong{margin-left:auto;font-size:10px}.zone-swatch{width:10px;height:10px;border-radius:2px}.zone-swatch.safe{background:#64c894}.zone-swatch.danger{background:#e8755d}.truth-note{display:flex;gap:8px;background:#f4f7f6;margin:16px 23px 0;padding:10px;border-radius:5px;color:#8b999b}.truth-note span{width:16px;height:16px;border:1px solid #aab8b6;border-radius:50%;display:grid;place-items:center;font:500 10px 'DM Mono'}.truth-note p{font-size:10px;line-height:1.5;margin:0}.sources-section{margin-top:17px;background:#fff;border:1px solid var(--line);border-radius:10px;padding-bottom:20px}.sources-section>.surface-head{align-items:end}.source-note{font-size:10px;color:#a1acad;margin:0}.source-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:0 23px}.source-card{position:relative;border:1px solid var(--line);padding:17px;text-decoration:none;color:var(--ink);border-radius:7px;transition:.2s}.source-card:hover{border-color:var(--coral);transform:translateY(-2px)}.source-card:before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--coral);border-radius:7px 0 0 7px}.source-card:nth-child(2):before{background:#d79640}.source-card:nth-child(3):before{background:#5b8fb0}.source-type{font:500 8px 'DM Mono';letter-spacing:1px;color:#9aa6a8;display:block;margin-bottom:10px}.source-card b{font-size:12px;display:block}.source-card small{font-size:10px;color:#95a0a1;display:block;margin-top:5px}.source-arrow{position:absolute;right:15px;top:16px;color:var(--coral)}.toast{position:fixed;right:24px;bottom:24px;background:var(--navy);color:#fff;padding:13px 16px;border-radius:6px;opacity:0;transform:translateY(10px);transition:.25s;font-size:11px;box-shadow:0 10px 30px #12202833}.toast.show{opacity:1;transform:none}.login{min-height:100vh;display:grid;place-items:center;background:var(--navy)}.login-card{background:#f6f8f6;width:min(440px,calc(100% - 32px));padding:42px;border-radius:10px}.login-card h1{font-size:34px;line-height:1.06;letter-spacing:-1.8px;margin:23px 0 14px}.sub{color:#78858a;line-height:1.7}.login-card form{margin-top:28px}.login-card label{font-size:11px;font-weight:700;display:block;margin-top:14px}.login-card input{display:block;width:100%;margin-top:6px;padding:12px;border:1px solid var(--line);border-radius:5px;background:#fff;font:13px Manrope}.login-card .primary{width:100%;margin-top:22px;text-align:left}.error{color:#c95148;min-height:16px;font-size:11px}.login-card .nf-brand{color:var(--ink)}@media(max-width:1050px){.fire-grid{grid-template-columns:1fr}.incident-panel{display:grid;grid-template-columns:1fr 1fr;align-items:start}.panel-title{grid-column:1/-1}.severity-card{margin:0 17px}.signal-list{padding:0 17px}.full-button{grid-column:1/-1}.lower-grid{grid-template-columns:1fr}}@media(max-width:760px){.sidebar{width:66px;min-width:66px;padding:20px 9px}.sidebar .nf-brand span:not(.nf-mark),.workspace div,.nav-label,.nav-item em,.sidebar-bottom div:not(.avatar),.nav-item{font-size:0}.sidebar .nf-brand{justify-content:center}.workspace{padding:12px 10px;justify-content:center}.nav-item{height:42px;padding:10px;text-align:center}.nav-item:first-letter{font-size:16px}.sidebar-bottom{display:none}.topbar{padding:0 17px}.top-actions .date{display:none}.content{padding:28px 16px 50px}.hero-row{display:block}.hero-actions{margin-top:20px}.hero-actions .primary{flex:1}.hero-actions{width:100%}h2{font-size:34px}.analysis-head{display:block}.source-select{display:inline-block;margin-top:16px}.analysis-foot{grid-template-columns:1fr 1fr}.analysis-foot .outline-button{grid-column:1/-1}.video-stage{margin:0 9px}.video-brand b{font-size:21px}.metrics-row{grid-template-columns:1fr 1fr}.incident-panel{display:block}.source-cards{grid-template-columns:1fr}.surface-head{padding-left:17px;padding-right:17px}.log-list{padding:0 17px}.zone-row{margin-left:17px;margin-right:17px}.truth-note{margin-left:17px;margin-right:17px}}

/* readability pass: one visual focus, quiet labels, no stacking */
.video-stage{background:#0c151a;min-height:clamp(300px,42vw,560px);display:grid;place-items:center;overflow:hidden}.video-stage video{display:block;width:100%;height:100%;max-height:560px;object-fit:contain;background:#0c151a}.video-brand{opacity:.9;transform:scale(.9);transform-origin:top left}.zone-overlay{pointer-events:none;inset:14px!important}.layer-legend{font-size:9px!important;letter-spacing:.7px!important;background:rgba(9,18,22,.82)!important;padding:7px 9px!important;white-space:nowrap}.video-readout{font-size:9px!important;background:rgba(9,18,22,.78)!important;padding:6px 9px!important}.analysis-head{gap:14px;align-items:center}.analysis-head h3{font-size:18px!important;line-height:1.15;margin:5px 0 2px!important}.analysis-head p{font-size:11px!important}.incident-panel{min-width:0}.signal-list>div{min-height:53px!important;padding:9px 0!important}.signal-list b{font-size:11px!important}.signal-list small{font-size:10px!important}@media(max-width:980px){.sidebar{width:210px;min-width:210px}.fire-grid{grid-template-columns:minmax(0,1fr)!important}.incident-panel{display:grid;grid-template-columns:1fr 1fr;gap:14px}.incident-panel .signal-list{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.incident-panel .full-button{grid-column:1/-1}}@media(max-width:680px){.sidebar{display:none}.main{width:100%}.topbar{padding:12px 16px}.content{padding:22px 14px 40px}.hero-row{display:block}.hero-actions{margin-top:18px}.video-stage{min-height:230px}.video-brand{display:none}.layer-legend{font-size:8px!important;max-width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis}.video-readout{bottom:8px!important}.analysis-foot{display:grid!important;grid-template-columns:1fr 1fr;gap:12px!important}.analysis-foot .outline-button{grid-column:1/-1}.incident-panel{display:block}.incident-panel .severity-card{margin:12px 0}.incident-panel .signal-list{display:block}.source-select select{max-width:170px}}

/* 2026-11-14 fix: frame overflow (aspect-ratio + min-height forced width) and duplicated baked-in brand banner */
.analysis-card{min-width:0;overflow:hidden}
.video-stage{width:auto!important;max-width:calc(100% - 32px);min-height:0!important;aspect-ratio:16/9!important;display:block!important;place-items:unset}
.video-stage video{width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important}
.video-brand{display:none!important}
@media(max-width:760px){.video-stage{max-width:calc(100% - 18px)}}
.layer-legend,.video-stage.factory-fire-cctv .layer-legend{top:auto!important;bottom:44px!important;right:14px!important}
.video-stage.factory-fire-cctv:after{bottom:44px}