:root{font-family:"Malgun Gothic",Arial,sans-serif;color:#17263c;background:#f2f5f8;font-size:14px;--bg:#f2f5f8;--nav:#111d2d;--ink:#17263c;--blue:#2765df;--green:#138470;--orange:#b36514;--red:#bc414b;--panel:#ffffff;--line:#dce3ec;--muted:#718096;--accent:#2765df}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{border:1px solid var(--line);border-radius:7px;padding:10px 14px;background:white;color:var(--ink)}button:hover{border-color:#b9cbee;background:#edf3ff}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}a{color:#2765df;text-decoration:none}p{color:var(--muted);line-height:1.6}h1,h2,h3,p{margin-top:0}h1{font-size:24px;margin-bottom:8px}h2{font-size:16px;margin-bottom:10px}h3{font-size:14px;margin-bottom:8px}small{font-size:11px;color:var(--muted)}b,strong{font-weight:600}input,select,textarea{width:100%;color:inherit;background:#ffffff;border:1px solid var(--line);border-radius:5px;padding:10px;min-width:0}textarea{min-height:85px;resize:vertical}label{display:grid;gap:7px;margin-bottom:12px;color:var(--muted)}[hidden]{display:none!important}button.primary{background:var(--blue);border-color:var(--blue);color:white}button.danger{color:var(--red)}.quiet{border:0;background:transparent;padding:8px}.mark{display:grid;place-items:center;width:37px;height:37px;border-radius:10px;color:white;background:var(--blue);font-weight:900;font-size:22px}
.sidebar{position:fixed;inset:0 auto 0 0;width:238px;background:var(--nav);color:#adc0d7;padding:31px 20px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;color:white;font-size:23px;letter-spacing:2px;font-weight:800}.brand small{display:block;font-size:8px;letter-spacing:1px;margin-top:5px;font-weight:400}.workspace-tag{font-size:11px;margin:40px 13px 13px;color:#647f9f}nav{display:grid;gap:7px}nav button{display:flex;align-items:center;gap:13px;text-align:left;background:none;border:none;color:#a5bad3;padding:14px;font-size:17px}nav button.active{background:#22374f;color:white}nav b{margin-left:auto;border-radius:4px;background:#39567b;font-size:11px;padding:2px 6px}.sidebar-bottom{margin-top:auto;padding:18px 8px;border-top:1px solid #293b52;font-size:12px}.sidebar-bottom small{display:block;margin-top:12px;color:#647f9f}.dot,.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#718196;flex:none}.status-dot.offline{background:#f18579}.incident-dot{background:#e8ac47;color:#142132;border-radius:4px;padding:0 5px}main{margin-left:238px;min-height:100vh}header{height:78px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px;gap:20px}.breadcrumb{font-size:13px;color:var(--muted)}.breadcrumb span{margin:0 13px;color:#b6c1cf}.breadcrumb b{color:var(--ink)}.header-right{display:flex;align-items:center;gap:16px}.header-right select{width:130px}.mode{font-size:10px;letter-spacing:1px;color:var(--green);background:#e7f5ef;padding:5px 9px;border-radius:5px}.mode.demo{color:var(--orange);background:#fff0d6}#demo-banner{background:#fff0d6;color:#805410;padding:11px 36px;border-bottom:1px solid #e9d4a6;font-size:12px}#notice{position:fixed;right:36px;top:89px;max-width:440px;z-index:30;border:1px solid var(--line);border-left:3px solid var(--blue);background:#e6effe;padding:16px;border-radius:7px}#content{padding:31px 36px 24px;min-width:0}footer{padding:16px 36px;border-top:1px solid var(--line);font-size:10px;color:#8797ab;display:flex;justify-content:space-between}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;min-width:0;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px;border-bottom:1px solid var(--line)}.panel-head h2{margin:0 0 5px}.panel-head p{margin:0}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:6px 0 22px}.page-heading p{margin:8px 0 0}.eyebrow{font-size:9px;letter-spacing:1.5px;color:var(--accent);margin-bottom:10px}.badge{display:inline-block;color:#62758b;background:#edf1f6;padding:4px 7px;font-size:10px;border-radius:4px;line-height:1.3}.badge.good{color:#138470;background:#e7f5ef}.badge.warn{color:#b36514;background:#fff2de}.badge.red{color:#bc414b;background:#fcebed}.badge.blue{color:#2765df;background:#eaf0fd}.badge.live{color:#6be1bf;background:#154333}.empty{text-align:center;padding:40px 18px;display:grid;place-items:center;gap:12px;color:var(--muted)}.empty b{color:#17263c;font-size:15px}.empty p{margin:0;font-size:12px}.empty-icon{font-size:28px;color:#99acc5}.muted{color:var(--muted)}
.operations-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:15px}.operations-heading h1{font-size:21px;margin:5px 0 0}.operations-heading small{letter-spacing:1px;font-size:9px}.operations-heading>span{color:var(--muted);font-size:12px}.operations-bar{display:flex;gap:24px;align-items:center;border:1px solid var(--line);background:#ffffff;padding:12px 16px;border-radius:7px;margin-bottom:14px;font-size:11px}.operations-bar b{margin-left:7px;color:var(--ink);font-size:17px}.operations-bar>small{margin-left:auto;font-size:9px}.control-room{display:grid;grid-template-columns:224px minmax(0,1fr) 318px;align-items:start;gap:14px}.camera-tree,.incident-rail{position:sticky;top:12px;max-height:calc(100vh - 232px);display:flex;flex-direction:column}.camera-tree .panel-head,.incident-rail .panel-head{padding:14px}.tree-search{padding:12px;display:grid;gap:8px;border-bottom:1px solid var(--line)}.tree-search input,.tree-search select{font-size:11px;padding:9px}.tree-scroll,.rail-scroll{overflow:auto;min-height:140px;min-width:0;flex:1}.tree-site{width:100%;display:flex;gap:8px;align-items:center;border-radius:0;border:0;background:transparent;text-align:left;font-weight:600;padding:14px}.tree-site small{margin-left:auto}.tree-site.active{background:#eaf0fd}.tree-area{margin:6px 8px 12px}.tree-area>summary{font-size:11px;padding:9px 5px;color:#718096}.tree-area>summary small{float:right}.tree-camera{width:100%;display:flex;align-items:center;gap:9px;border:0;text-align:left;background:transparent;padding:10px 8px;margin:3px 0;font-size:11px;min-height:51px}.tree-camera>span:nth-child(2){flex:1;min-width:0;overflow-wrap:anywhere}.tree-camera small{display:block;margin-top:5px;font-size:9px}.tree-camera.selected{background:#eaf0fd;box-shadow:inset 2px 0 #2765df}.tree-empty{padding:16px;font-size:11px}.tree-add,.rail-all{margin:12px;font-size:11px}.wall-toolbar{padding:12px 14px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:10px}.view-modes{display:flex;gap:4px}.view-modes button{font-size:11px;padding:7px 9px;background:transparent}.view-modes button.active{color:#2765df;background:#eaf0fd;border-color:#b9cbee}.wall-toolbar>small{font-size:9px}.focus-view{padding:12px}.media-surface{background:#050911;position:relative;aspect-ratio:16/9;overflow:hidden;isolation:isolate;min-width:0}.media-surface video,.media-surface>img{width:100%;height:100%;object-fit:contain;display:block;position:absolute;inset:0}.media-header{position:absolute;left:10px;right:10px;top:9px;display:flex;gap:7px;align-items:center;font-size:11px;pointer-events:none;z-index:2}.media-header>span:first-child{color:white;background:#09121ccd;padding:5px 8px;border-radius:4px;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-header .badge{font-size:8px;padding:4px 6px}.media-bottom{position:absolute;left:0;right:0;bottom:35px;color:#c4d1e0;background:linear-gradient(transparent,#080e19c9);display:flex;justify-content:space-between;gap:10px;padding:18px 12px 7px;font-size:9px;pointer-events:none;z-index:2}.media-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#0c1420;z-index:1;padding:20px;text-align:center}.media-placeholder b{color:#b7c6d8}.lens-icon{color:#416781;font-size:30px}.event-overlay{position:absolute;bottom:77px;left:12px;background:#66451ee6;color:#ffdb9e;border-left:3px solid #ffd383;padding:8px 12px;font-size:11px;z-index:2;max-width:90%}.camera-card{border:1px solid var(--line);border-radius:6px;background:#ffffff;overflow:hidden;min-width:0}.camera-card.has-incident{border-color:#dcaa59;box-shadow:0 0 0 1px #9b7330}.tile-info{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 10px;padding:10px 12px;align-items:center}.tile-name{padding:0;color:#17263c;text-align:left;background:none;border:0;font-weight:600}.tile-info small{font-size:10px}.tile-info>span{text-align:right;font-size:10px}.policy-context{padding:10px 12px;border-top:1px solid var(--line);display:grid;grid-template-columns:auto 1fr;gap:5px 9px;font-size:10px}.policy-context>span{color:#718096}.policy-context b{font-size:11px;font-weight:500}.policy-context small{grid-column:1/-1;font-size:9px}.tile-actions{display:flex;align-items:center;justify-content:space-between;padding:3px 8px 8px;gap:8px}.tile-actions small{font-size:9px}.tile-actions button{font-size:10px}.secondary-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}.secondary-strip button{padding:11px 8px;display:grid;gap:5px;text-align:left;font-size:10px;background:#f8fafc}.secondary-strip small{font-size:9px}.secondary-strip span{color:#62758b}.wall-grid{padding:10px;display:grid;gap:8px}.wall-4{grid-template-columns:repeat(2,minmax(0,1fr))}.wall-9{grid-template-columns:repeat(3,minmax(0,1fr))}.wall-4 .tile-info{padding:7px;font-size:10px}.wall-4 .policy-context{padding:7px}.wall-9 .tile-info{padding:6px;display:flex;flex-wrap:wrap;gap:4px}.wall-9 .tile-name{font-size:10px}.wall-9 .tile-info small,.wall-9 .tile-actions small{display:none}.wall-9 .policy-context{padding:6px;font-size:8px}.wall-9 .policy-context b{font-size:9px}.wall-9 .policy-context small{display:none}.wall-9 .media-header{top:5px;left:5px;right:5px;font-size:9px;gap:3px}.wall-9 .media-header .badge{font-size:7px;padding:3px}.wall-9 .media-header>span:first-child{padding:3px;max-width:50%}.wall-9 .media-bottom{font-size:8px;padding:4px;bottom:32px}.wall-9 .media-bottom time{display:none}.wall-9 .tile-actions{padding:0 4px 3px}.wall-9 .tile-actions button{font-size:9px;padding:3px}.wall-pagination{display:flex;align-items:center;justify-content:center;gap:18px;padding:12px;font-size:11px}.wall-pagination button{padding:6px 12px;font-size:10px}.waiting-list{margin:0 12px 12px;border:1px solid var(--line);border-radius:5px;font-size:11px}.waiting-list>summary{padding:11px;color:var(--muted)}.compact-camera{width:100%;display:flex;gap:10px;align-items:center;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;text-align:left;font-size:10px}.compact-camera span:nth-child(2){flex:1;min-width:0}.compact-camera small{display:block;margin-top:5px}.compact-camera em{font-style:normal;color:var(--muted);font-size:9px}.wall-empty{min-height:480px;display:grid;align-content:center;padding:28px}.onboarding{display:grid;gap:15px;list-style:none;padding:20px;max-width:390px;margin:0 auto;color:#17263c}.onboarding small{display:block;margin-top:5px}.rail-summary{display:flex;justify-content:space-between;gap:5px;padding:12px;font-size:10px;border-bottom:1px solid var(--line);color:var(--muted)}.rail-summary b{color:var(--ink);padding-left:3px}.queue-item{width:100%;display:flex;gap:10px;padding:13px 12px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;text-align:left}.queue-item.selected{background:#eaf0fd}.event-thumbnail{width:78px;aspect-ratio:16/9;height:50px;flex:none;background:#09111d;display:grid;place-items:center;border-radius:4px;overflow:hidden}.event-thumbnail img{width:100%;height:100%;object-fit:cover}.thumb-empty{font-size:8px;color:#61758c;padding:6px}.queue-text{display:grid;gap:6px;flex:1;min-width:0}.queue-text b{font-size:12px}.queue-text small{font-size:9px}.queue-text em{font-style:normal;color:var(--muted);font-size:10px}.rail-inspection{padding:14px 12px;background:#f8fafc;border-bottom:1px solid #b9cbee}.inspection-heading{display:flex;gap:5px;align-items:center;justify-content:space-between;font-size:10px;margin-bottom:14px}.inspection-heading button{font-size:10px}.rail-inspection .decision-step{padding:8px}.rail-inspection .step-number{width:23px;height:23px;font-size:10px}.rail-inspection .decision-step b{font-size:11px}.rail-inspection .operator{margin-top:16px}.rail-inspection .operator p{font-size:10px}.rail-inspection .operator-facts{font-size:10px}.rail-inspection .feedback{margin-top:15px}.rail-inspection .actions button{font-size:10px;padding:7px}.rail-inspection .technical-drawer{font-size:10px}.rail-scroll>.empty{padding:40px 12px}.rail-scroll>.empty b{font-size:12px}.rail-scroll>.empty p{font-size:10px}.recent-strip{margin-top:14px;display:flex;gap:20px;align-items:center;padding:13px 16px}.recent-strip>b{font-size:11px;flex:none}.recent-strip>div{display:flex;gap:14px;flex-wrap:wrap;font-size:10px}.recent-strip button{background:transparent;border:0;display:flex;gap:8px;align-items:center;font-size:10px;padding:3px}.recent-strip time{color:var(--muted)}.focus-event-line{padding:12px;display:flex;gap:12px;font-size:11px}
.detail-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:20px;align-items:start}.detail-content{padding:22px}.detail-content>h2{margin-top:20px}.decision-steps{display:grid;gap:8px;margin-top:16px}.decision-step{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid var(--line);border-radius:6px;background:#ffffff}.decision-step small,.decision-step b{display:block}.decision-step b{font-size:14px;margin-top:5px}.decision-step.complete{border-color:#a9d8ca;background:#f3faf7}.step-number{width:30px;height:30px;border-radius:50%;background:#eef3fa;display:grid;place-items:center;color:#2765df;flex:none}.scope-note{font-size:11px;margin:14px 0}.operator{border-top:1px solid var(--line);padding-top:20px;margin-top:24px}.operator-facts,.camera-facts{margin:16px 0}.operator-facts>div,.camera-facts>div{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line);padding:10px 0;font-size:12px}.operator-facts dt,.camera-facts dt{color:var(--muted)}dd{margin:0;overflow-wrap:anywhere}.actions{display:flex;gap:7px;flex-wrap:wrap;margin:16px 0}.actions button{font-size:12px}.feedback{margin-top:24px;border-top:1px solid var(--line);padding-top:16px}.feedback>small{display:block;line-height:1.6}.evidence-links{display:flex;gap:18px;flex-wrap:wrap;padding:14px;font-size:11px}.recent{margin-top:18px}.timeline{padding:18px 22px}.timeline-entry{border-left:2px solid #dbe5f2;padding:0 0 18px 16px}.timeline-entry small,.timeline-entry b{display:block;margin-bottom:8px}.timeline-entry p{font-size:11px;margin:0}.technical-drawer,.admin-camera{margin-top:20px;border:1px solid var(--line);border-radius:6px}.technical-drawer summary,.admin-camera summary{padding:13px;font-size:11px;color:var(--muted)}.details-body{padding:15px;font-size:11px}.details-body dl{display:grid;gap:8px}.details-body dd{margin-bottom:8px}pre{background:#0b131e;padding:15px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:350px;overflow:auto;font-size:10px}.latest-heading{margin-top:24px}.full-button{width:100%;margin-top:12px;font-size:11px}.fleet-toolbar,.history-filters{display:flex;gap:12px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.fleet-toolbar input{max-width:320px}.fleet-toolbar select{max-width:180px}.fleet-toolbar span{margin-left:auto;color:var(--muted)}.fleet-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:16px}.fleet-card{padding:16px;border:1px solid var(--line);border-radius:6px;background:#ffffff;min-width:0}.fleet-top{display:flex;justify-content:space-between;gap:10px;margin-bottom:16px}.camera-glyph{font-size:20px;color:#62758b}.fleet-card h2{font-size:15px}.fleet-card p{font-size:11px}.fleet-card .policy-context{margin:16px -4px 12px;padding:12px 4px}.fleet-event{margin:12px 0}.policy-sections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:22px}.policy-sections>div{background:#ffffff;padding:16px;border-radius:5px}.policy-sections b,.policy-sections small{display:block;margin-bottom:8px;line-height:1.6}.policy-sections b{font-size:13px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.filters button{font-size:11px}.filters button.active{background:#111d2d;border-color:#111d2d}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:11px}th{padding:15px;color:var(--muted);background:#f8fafc;font-weight:500}td{padding:15px;border-top:1px solid var(--line);line-height:1.5}td small{display:block;margin-top:6px;font-size:10px}tbody tr[data-incident]{cursor:pointer}tbody tr[data-incident]:hover{background:#f4f8ff}.table-evidence{display:flex;gap:12px;align-items:center;min-width:205px}.table-evidence>img{width:75px;height:48px;object-fit:cover;border-radius:4px}.table-evidence .thumb-empty{width:75px}.history-filters label{font-size:11px;flex:1;min-width:120px;margin:0}.history-metrics,.metrics{display:flex;gap:16px;padding:16px;margin-bottom:16px;background:var(--panel);border:1px solid var(--line);border-radius:6px;flex-wrap:wrap}.history-metrics>div,.metric{padding:8px 20px;border-right:1px solid var(--line);flex:1}.history-metrics strong,.history-metrics b,.metric strong{display:block;font-size:22px;margin:7px 0}.history-metrics small{line-height:1.5}.health-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.health-card{background:var(--panel);border:1px solid var(--line);border-radius:7px;padding:20px;min-width:0}.health-card p{font-size:12px;min-height:40px}.health-card summary{font-size:11px;color:#2765df}.system-strip,.status-strip{padding:13px 16px;border-top:1px solid var(--line);display:flex;gap:16px;flex-wrap:wrap;font-size:10px;color:var(--muted)}
.login{display:grid;grid-template-columns:1.1fr 1fr;min-height:100vh}.login-brand h1{font-size:45px;margin-top:35px;line-height:1.15}.login-brand p{font-size:15px;color:#acbfd5;margin:30px 0}.login-lines{display:grid;gap:20px;color:#7d9bbc;font-size:12px;margin-top:80px}.login-card{background:transparent;border:0;padding:0;border-radius:0;align-self:center;width:390px;max-width:85%;margin:40px auto}.login-card h2{font-size:26px;margin:15px 0}.login-card>p{font-size:12px;margin-bottom:25px}.login-card button{width:100%;margin:25px 0 14px}.login-card>small{display:block;line-height:1.7;font-size:10px}#login-error{color:var(--red)}dialog{background:white;color:var(--ink);border:1px solid var(--line);border-radius:9px;padding:0;width:650px;max-width:calc(100vw - 24px);max-height:90vh}dialog::backdrop{background:#06132688}.dialog-head{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--line)}.dialog-head h2{margin:0}#editor-body{padding:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 16px}.full{grid-column:1/-1}.form-help{font-size:11px;line-height:1.7}.form-error{color:#bc414b;font-size:12px}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}
.policy-schedule{display:flex;gap:18px;padding:14px 22px;border-bottom:1px solid var(--line);color:var(--muted);font-size:12px}.policy-footer{padding:14px 22px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line)}.focus-view .media-surface{aspect-ratio:auto;height:clamp(240px,calc(100vh - 590px),440px)}.wall-9 .media-surface{aspect-ratio:auto;height:clamp(85px,calc((100vh - 690px)/3),130px)}.wall-9 .policy-context{display:flex;gap:6px;padding:6px}.wall-9 .policy-context>span{display:none}.wall-9 .policy-context b{font-size:8px}.wall-9 .tile-info>span:last-child{display:none}
.wall-status{display:flex;gap:16px;padding:10px 14px;border-top:1px solid var(--line);color:var(--muted);font-size:10px;flex-wrap:wrap}.camera-tree,.incident-rail{max-height:calc(100vh - 345px)}.video-wall{max-height:calc(100vh - 345px);overflow:auto}.wall-9 .media-surface{height:clamp(85px,calc((100vh - 735px)/3),115px)}

nav button span{font-size:14px}
.login-brand{padding:12vh 9vw;background:#111d2d;color:white}
.login-card p{font-size:12px}
.login-card label{display:block;margin-top:24px;font-size:12px}
.login-card input{display:block;width:100%;margin-top:8px;height:45px}
nav button:hover{background:#22374f;color:white}.filters button.active{color:white}.health-card summary{color:var(--blue)}
@media(min-width:1800px){.control-room{grid-template-columns:244px minmax(0,1fr) 350px}}
@media(max-width:1450px){.sidebar{width:190px;padding:26px 14px}.brand{font-size:21px;gap:7px}.brand small{font-size:5.5px}.mark{width:30px;height:30px;font-size:19px}main{margin-left:190px}#content{padding:16px}.control-room{grid-template-columns:185px minmax(0,1fr) 268px;gap:10px}.operations-bar{gap:16px}.operations-bar>small{display:none}.media-bottom{font-size:8px}.tree-camera{font-size:10px}.queue-item{gap:8px}.event-thumbnail{width:55px;height:42px}.rail-inspection{padding:12px 9px}.wall-9 .policy-context{display:none}.wall-9 .tile-info>span:last-child{display:none}.fleet-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1100px){.control-room{grid-template-columns:165px minmax(0,1fr)}.incident-rail{grid-column:1/-1;position:static;max-height:500px}.rail-scroll{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.rail-inspection{grid-column:1/-1}.operations-heading>span{display:none}.operations-bar{gap:12px;flex-wrap:wrap}.detail-layout{grid-template-columns:minmax(0,1fr)}.fleet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.health-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.policy-sections{grid-template-columns:1fr}.secondary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.sidebar{position:static;width:auto;display:flex;flex-direction:row;align-items:center;padding:10px;gap:12px;border-bottom:1px solid var(--line)}.brand{font-size:18px}.brand small,.workspace-tag,.sidebar-bottom{display:none}.brand .mark{width:26px;height:26px;font-size:16px}nav{display:flex;overflow:auto;gap:2px;flex:1}nav button{padding:8px 6px;font-size:11px;white-space:nowrap;gap:3px}nav button span{display:none}nav b{font-size:8px}main{margin:0}header{height:auto;padding:11px 12px;gap:10px;flex-wrap:wrap}.breadcrumb{font-size:10px}.header-right{gap:8px;flex-wrap:wrap}.header-right select{width:100px;padding:6px}.header-right #actor{display:none}#content{padding:12px}#demo-banner{padding:8px 12px;font-size:10px}#notice{max-width:calc(100vw - 24px);right:12px;top:70px}.control-room{grid-template-columns:1fr}.camera-tree{position:static;max-height:250px}.tree-scroll{min-height:80px}.tree-search{display:flex;padding:8px}.tree-search input{width:65%}.tree-search select{width:35%}.tree-add{padding:7px;margin:8px}.camera-tree .panel-head{padding:10px}.incident-rail{grid-column:auto}.rail-scroll{display:block}.operations-bar{gap:10px;padding:9px;font-size:9px}.operations-bar b{font-size:14px;margin-left:3px}.operations-heading h1{font-size:19px}.wall-toolbar{padding:8px;flex-wrap:wrap}.wall-toolbar>small{display:none}.wall-grid{padding:6px;gap:5px}.wall-4 .policy-context,.wall-4 .tile-info small,.wall-4 .tile-actions small{display:none}.wall-4 .media-header .badge,.wall-9 .media-header .badge{display:none}.wall-4 .media-bottom,.wall-9 .media-bottom{display:none}.wall-9 .tile-info>span{display:none}.wall-9 .tile-actions{display:none}.wall-9 .tile-info{padding:5px}.wall-9 .tile-name{font-size:8px}.wall-4 .media-header>span:first-child,.wall-9 .media-header>span:first-child{max-width:100%;font-size:8px}.wall-4 .tile-info{display:flex;flex-wrap:wrap}.wall-4 .tile-name{font-size:9px}.wall-4 .badge{font-size:8px}.wall-4 .tile-actions button{font-size:8px}.focus-view{padding:8px}.secondary-strip{gap:6px}.recent-strip{display:block}.recent-strip>div{margin-top:10px;display:grid;gap:8px}.wall-empty{min-height:380px;padding:10px}.detail-content{padding:16px}.page-heading{align-items:flex-start}.page-heading h1{font-size:22px}.page-heading>button{font-size:10px}.fleet-grid,.health-grid{grid-template-columns:1fr}.history-filters label{min-width:130px}.history-metrics>div,.metric{padding:8px;min-width:120px}.fleet-toolbar input,.fleet-toolbar select{max-width:100%}.fleet-toolbar span{margin-left:0}.login{grid-template-columns:1fr;padding:0;gap:0}.login-brand{padding:30px 20px}.login-brand h1{font-size:26px}.login-brand .login-lines{display:none}.login-card{padding:25px}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}footer{font-size:8px;padding:12px;flex-wrap:wrap}.media-bottom time{display:none}}