/* Corrections based on the user's live desktop screenshot. */
header{height:78px;gap:20px}
.header-title{display:flex;flex-direction:column;gap:4px;min-width:0}
.header-title>span{font-size:16px;color:#e3ece6;font-weight:550}
.header-title small{font-size:11px;color:#8da597}
.header-actions{display:flex;align-items:center;gap:20px;margin-left:auto}
.header-actions button{font-size:11px;padding:9px 13px;background:#163d29;color:#d4efdd;border:1px solid #345d43;font-weight:500}
.console-view .content>.heading{display:none}
.demo{font-size:10px;padding:5px 24px;letter-spacing:.7px}
.demo span{font-size:10px}
.console-view .content{padding:14px 18px}
.control-grid{grid-template-columns:minmax(0,2.85fr) minmax(290px,1fr);gap:12px}
.console-panel-head{min-height:44px;padding:9px 13px}
.console-panel-head h2{font-size:13px}
.panel-link{font-size:10px;padding:6px 9px}
.camera-grid{padding:9px;gap:9px}
.camera-top{height:35px;padding:8px 9px}
.camera-top strong{font-size:11px}
.camera-demo{font-size:8px}
.camera-photo{height:clamp(125px,17vh,175px);min-height:0;aspect-ratio:auto;filter:saturate(.9)}
.camera-watermark{font-size:8px;padding:5px 8px}
.camera-large{filter:saturate(.9)}
.camera-photo,.camera-large,.event-thumb{background-image:url('/reference-scenes.png')}
.alert-card{min-height:70px;padding:10px;gap:10px}
.alert-card strong,.event-card strong{font-size:12px;line-height:1.45}
.alert-card small,.event-card small{font-size:10px}
.alert-meta small,.event-card>small{font-size:9px}
.alert-meta .badge{font-size:10px}
.alert-note .signal,.alert-note p{font-size:11px}
.operation-map{height:clamp(200px,26vh,290px)}
.map-metrics{padding:12px 5px}
.map-metrics small{font-size:11px}
.map-metrics strong{font-size:22px}
.map-disclaimer{font-size:8px}
.event-card{min-height:57px}
.event-thumb{width:48px;height:43px}
.system-overview{margin-top:25px}
.system-overview h2{font-size:12px}
.health-row{font-size:10px;padding:9px 0}
.aside-bottom{padding-top:18px}
.aside-bottom p{font-size:12px}
.aside-bottom small,.aside-bottom button{font-size:11px}
.console-view .footnote{font-size:10px}
.map-point::after{content:'';position:absolute;inset:-12px;border-radius:50%}
@media(min-width:851px) and (max-height:850px){
 aside{padding-top:22px}.system-overview{margin-top:16px;padding:12px}
 .status-ring{height:100px;width:100px;margin-bottom:8px}.health-row{padding:7px 0}
 nav{gap:3px}nav button{padding:9px 12px}
 .camera-photo{height:125px}.operation-map{height:195px}
 .map-metrics{padding:9px 5px}.header-title small{font-size:10px}
}
@media(min-width:851px) and (max-width:1150px){
 .control-grid{grid-template-columns:minmax(0,1fr) 275px}
 .camera-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .camera-top strong{font-size:9px}.camera-demo{display:none}
 .camera-photo{height:120px}.camera-watermark{font-size:7px}
 .alert-card{gap:6px;padding:8px}.alert-card strong{font-size:11px}
}
@media(max-width:850px){
 .control-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:'cameras' 'map' 'alerts' 'events'}
 .header-actions{gap:10px}.header-actions #clock{display:none}
 .camera-top strong{font-size:10px}.camera-photo{height:120px}
 .operation-map{height:240px}.header-title small{font-size:10px}
}
@media(max-width:650px){
 header{height:72px;padding:10px 14px;gap:8px}
 .header-title>span{font-size:16px}.header-title small{font-size:10px;max-width:185px;line-height:1.4}
 .header-actions button{font-size:11px;padding:8px;max-width:120px;min-height:44px}
 .console-view .content{padding:10px}
 .demo{padding:7px 14px;font-size:9px}.demo span{font-size:9px;line-height:1.5;letter-spacing:0}
 nav button{min-height:44px;padding:10px 12px;font-size:12px}
 .camera-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:7px}
 .camera-top{height:36px;padding:7px 6px;gap:4px}.camera-top strong{font-size:10px}
 .camera-photo{height:auto;aspect-ratio:1.7;min-height:88px}
 .camera-watermark{font-size:7px;padding:4px 5px}
 .console-panel-head h2{font-size:12px}.panel-link{min-height:36px;display:flex;align-items:center;font-size:10px}
 .operation-map{height:230px}.map-controls{gap:8px}.map-control{width:38px;height:38px}
 .map-metrics{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:14px;padding:14px 4px}
 .map-metrics>div:nth-child(2){border:0}.map-metrics>div{padding:0 12px}
 .map-metrics small{font-size:11px}.map-metrics strong{font-size:22px}
 .alert-card{min-height:76px}.alert-card strong,.event-card strong{font-size:12px}
 .alert-card small,.event-card small{font-size:10px}.alert-note p{font-size:12px}
 .event-card{min-height:68px}.event-thumb{width:52px;height:48px}
 .map-disclaimer{font-size:7px;right:5px;bottom:5px}
 #camera-modal .heading{display:flex}.camera-explanation{font-size:13px}
}
@media(max-width:360px){.camera-grid{grid-template-columns:1fr}.camera-photo{aspect-ratio:1.9}.camera-top strong{font-size:12px}.camera-watermark{font-size:9px}.header-title small{display:none}}