/* Compact main content; preserve the login, sidebar and useful touch targets. */
.panel-content{padding:22px;max-width:1800px}
.panel-content h1{font-size:clamp(1.4rem,2vw,1.75rem);margin-bottom:7px}
.panel-content .page-heading{gap:14px;margin-bottom:18px}
.panel-content .eyebrow{margin-bottom:8px}
.panel-content .card{padding:17px}
.panel-content .metric-card{padding:16px}
.panel-content .metric-card strong{font-size:1.65rem;margin:7px 0 3px}
.panel-content .filter-bar{padding:14px 16px}
.panel-content .form-control,.panel-content .form-select{min-height:38px;padding:8px 10px}
.panel-content .btn:not(.btn-sm){padding:8px 12px;min-height:38px}
.panel-content .table td{padding:11px 9px}
.panel-content .table th{padding:10px 9px}
.panel-content .server-details{gap:12px;margin:16px 0}
.panel-content .stage-note{padding:15px 17px}
.panel-content .camera-card,.panel-content .live-card{padding:0}
.camera-info{padding:13px}
.camera-info h2,.live-card-heading h2{font-size:.88rem;overflow-wrap:anywhere}
.camera-info p{margin-bottom:9px}
.camera-info .status{white-space:normal}
.camera-info .mb-3{margin-bottom:10px!important}
.camera-info .mt-3{margin-top:10px!important}
.camera-info .eyebrow{overflow-wrap:anywhere}
.live-card-heading{padding:11px 12px;gap:8px;align-items:flex-start}
.live-card-heading>div{min-width:0;overflow-wrap:anywhere}
.live-card .live-toolbar{padding:8px;gap:5px;flex-wrap:wrap}
.live-card .live-toolbar>.d-flex{gap:4px!important}
.live-card .live-toolbar .btn{padding:6px 8px;min-height:34px}
.live-card .live-overlay{padding:12px;gap:8px}
.live-card .live-play-icon{font-size:1.6rem}
.modal-header,.modal-footer{padding:14px 18px}
.modal-body{padding:18px}
.modal-title.fs-5{font-size:1.08rem!important}
#live-modal .modal-dialog{max-width:min(960px,95vw)}
@media(max-width:575.98px){
 .panel-content{padding:17px 12px}
 .panel-content .page-heading{gap:12px}
 #live-modal .modal-dialog{max-width:calc(100vw - 16px)}
}