:root{--navy:#111f36;--navy-light:#1d304d;--ink:#17283f;--muted:#718096;--line:#e4e9ef;--bg:#f4f6f9;--blue:#2877d4;--green:#168561;--amber:#a66b0d;--red:#bd4148}*{box-sizing:border-box}body{margin:0;font:14px/1.5 'Segoe UI',Arial,sans-serif;color:var(--ink);background:var(--bg)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}.sidebar{position:fixed;inset:0 auto 0 0;width:232px;background:var(--navy);color:#bbc8dc;display:flex;flex-direction:column;padding:33px 20px;z-index:1001}.brand{display:flex;align-items:center;gap:8px;color:#fff;font-size:31px;font-weight:750;letter-spacing:1px}.brand-symbol{font-size:23px;font-style:italic;color:#17283f;background:#bcdf5a;display:grid;place-items:center;width:37px;height:37px;border-radius:10px;margin-right:3px}.brand-dot{color:#bcdf5a;margin-left:-8px}.workspace-label{font-size:9px;letter-spacing:2.3px;color:#7d91ae;margin:18px 0 41px 5px}nav{display:grid;gap:9px}.nav-item{display:flex;align-items:center;gap:13px;padding:13px 15px;border-radius:9px;font-weight:550}.nav-item span{font-size:23px;width:23px;line-height:1}.nav-item:hover{background:#1b2b45;color:white}.nav-item.active{color:#fff;background:#263d5e;box-shadow:inset 3px 0 #bcdf5a}.sidebar-bottom{margin-top:auto}.account{display:flex;gap:11px;align-items:center;border-top:1px solid #2b3b54;padding-top:23px}.avatar{width:37px;height:37px;border:1px solid #52627a;border-radius:50%;display:grid;place-items:center;color:white;font-size:11px}.account strong{display:block;color:#e9eff8;font-size:12px}.account small{font-size:11px;color:#8f9fb8}.logout{background:none;border:0;color:#a8b9d0;margin:16px 0 0;padding:8px 0;font-size:12px}.app{margin-left:232px}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px}.breadcrumb{font-size:12px;font-weight:600}.breadcrumb span{padding:0 13px;color:#b6c0cc}.top-actions{display:flex;align-items:center;gap:22px}.today{font-size:12px;color:var(--muted)}select{background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:7px;padding:6px}main{max-width:1680px;margin:auto;padding:32px 36px 20px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--blue);margin-bottom:8px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px;gap:16px}h1{font-size:30px;line-height:1.25;letter-spacing:-.9px;margin:0 0 9px;font-weight:650}h2{font-size:16px;line-height:1.3;margin:0;font-weight:650}p{margin:5px 0 0;color:var(--muted);font-size:13px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:10px 15px;border-radius:8px;border:1px solid var(--line);font-weight:600;font-size:12px;white-space:nowrap}.secondary{background:#fff;color:#334861}.secondary:hover{background:#edf2f8;border-color:#c3cfe0}.primary{background:var(--blue);color:#fff;border-color:var(--blue)}.small{font-size:11px;padding:7px 11px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:26px}.stat{position:relative;border:1px solid var(--line);border-radius:12px;background:#fff;padding:19px 22px}.stat>span{font-size:12px;font-weight:600;color:#5e7087}.stat strong{display:block;font-size:33px;line-height:1.2;margin:9px 0 6px;font-weight:600;letter-spacing:-1px}.stat small{font-size:11px;color:var(--muted)}.stat:nth-child(2) strong{color:var(--green)}.stat:nth-child(4) strong{color:var(--amber)}.card{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden}.card-heading{display:flex;align-items:center;justify-content:space-between;padding:21px 23px;gap:16px}.card-heading p{font-size:11px;margin-top:5px}.overview-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(290px,1fr);gap:22px}.map-card{position:relative}#map{height:365px;background:#e8eef0}.map-key{display:flex;align-items:center;gap:7px;font-size:10px;letter-spacing:1px;font-weight:600}.map-key i{background:#3277ce;height:7px;width:7px;border-radius:50%}.map-error{position:absolute;z-index:500;bottom:25px;left:12px;right:12px;background:#fff7e4;padding:12px;border:1px solid #eadab2;border-radius:8px;font-size:12px}.count{background:#f0f4f9;color:#486386;border-radius:6px;padding:3px 9px;font-size:11px}.search{display:flex;align-items:center;gap:8px;margin:0 20px 13px;border:1px solid var(--line);background:#f8fafc;border-radius:8px;padding:9px 12px}.search span{font-size:22px;line-height:1;color:#92a1b3}.search input{border:0;background:transparent;width:100%;min-width:0;font-size:12px;color:var(--ink);outline:none}.tower-list{padding:0 14px 14px;max-height:310px;overflow:auto}.tower-row{display:block;padding:17px 15px;border:1px solid transparent;border-radius:9px;margin-bottom:8px;background:#f7f9fc}.tower-row:hover{background:#eef4fb;border-color:#cddced}.tower-row .row-top{display:flex;justify-content:space-between;gap:8px;align-items:center}.tower-row h3{font-size:14px;margin:7px 0 2px;font-weight:650}.tower-row small{font-size:10px;color:#7b8da3;letter-spacing:.5px}.tower-row p{font-size:11px}.tower-row .row-bottom{display:flex;justify-content:space-between;margin-top:17px;align-items:center;font-size:11px;color:#4777b2}.mini-statuses{display:flex;gap:5px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#93a0b0}.status-dot.online{background:#28a17b}.status-dot.warning{background:#d9a035}.status-dot.offline{background:#cd5b61}.section-heading{margin:27px 0 16px;display:flex;align-items:center;justify-content:space-between}.section-heading p{font-size:12px}.integration-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.integration-card{background:white;border:1px solid var(--line);border-radius:12px;padding:19px;min-width:0}.integration-title{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:15px}.provider-icon{height:34px;width:34px;background:#edf3fb;color:#3d6fae;border-radius:9px;display:grid;place-items:center;font-size:18px}.integration-card h3{font-size:14px;margin:11px 0 3px}.integration-card .tower-label{color:var(--muted);font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:600;white-space:nowrap;border-radius:20px;padding:4px 8px;background:#edf1f6;color:#738095}.badge::before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}.badge.online{background:#e6f5ee;color:#15835e}.badge.warning{background:#fff2d9;color:#a57114}.badge.offline{background:#fdebed;color:#b44b55}.readings{margin:16px 0 14px;display:grid;gap:8px}.reading{display:flex;justify-content:space-between;gap:5px;align-items:baseline}.reading dt{font-size:11px;color:#7b899b}.reading dd{font-size:13px;margin:0;font-weight:600}.observed{border-top:1px solid #edf0f4;padding-top:12px;font-size:10px;color:#8994a4;line-height:1.7}.observed strong{font-weight:500;color:#69788b}.stale-note{color:#a57114;font-size:10px;margin:9px 0 0}.empty,.loading{padding:30px 15px;text-align:center;color:var(--muted);font-size:12px}.notice{padding:13px 17px;border-radius:8px;margin-bottom:20px;font-size:12px}.error{background:#fff0f1;border:1px solid #f1d2d6;color:#a8404c}.back-link{display:inline-block;font-size:12px;color:#6a7e98;margin-bottom:19px}.camera-actions{display:flex;gap:12px;align-items:center}.video-container{position:relative;aspect-ratio:1216/416;min-height:220px;background:#101a28;display:grid;place-items:center;color:#a9b8ca}.video-container iframe{position:absolute;width:100%;height:100%;inset:0;border:0}.video-placeholder{font-size:13px;padding:20px}.camera-note{font-size:11px;color:#7c899a;padding:11px 22px;background:#fbfcfe}footer{font-size:10px;color:#97a3b3;margin-top:35px;padding-top:18px;border-top:1px solid var(--line)}footer>span{padding:0 6px}.footer-right{float:right}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-story{background:var(--navy);padding:48px 64px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;min-height:100vh}.login-story h1{font-size:43px;letter-spacing:-1.5px;line-height:1.18;margin-top:18px}.login-story p{color:#9cafc9;line-height:1.9;font-size:14px}.login-story .eyebrow{color:#bfdd80}.login-story small{font-size:11px;color:#768eae}.signal-art{height:190px;position:relative;display:grid;place-items:center;margin:15px 0}.signal-art i{position:absolute;border:1px solid #2c4568;border-radius:50%;height:160px;width:160px}.signal-art i:nth-child(2){height:230px;width:230px}.signal-art i:nth-child(3){height:300px;width:300px}.signal-art span{display:grid;place-items:center;width:65px;height:65px;background:#bcdf5a;color:var(--navy);font-style:italic;font-size:38px;font-weight:800;border-radius:18px;transform:rotate(-8deg)}.login-main{width:100%;display:grid;place-items:center;padding:40px;max-width:none}.login-form{width:100%;max-width:355px}.login-form h2{font-size:29px;letter-spacing:-.7px}.login-form>p{margin:10px 0 30px}.login-form label{display:block;font-size:12px;font-weight:600;margin:17px 0 7px}.login-form input:not([type=hidden]){width:100%;border:1px solid #d7dfe9;border-radius:8px;padding:12px;background:#fff;color:var(--ink)}.login-form .button{width:100%;margin-top:27px;justify-content:space-between;padding:13px 16px}.login-help{display:block;font-size:11px;color:#8794a7;text-align:center;margin-top:19px}.leaflet-container{font-family:'Segoe UI',Arial,sans-serif}.leaflet-popup-content{font-size:12px}.leaflet-popup-content a{display:inline-block;color:#2469ba;font-weight:600;margin-top:8px}.tower-marker{display:grid;place-items:center;background:#286dc2;border:3px solid #fff;border-radius:50%;color:#fff;font-weight:700;box-shadow:0 3px 13px #17497755;font-size:15px}
@media(min-width:1600px){#map{height:435px}.tower-list{max-height:380px}}
@media(max-width:1150px){.sidebar{width:192px;padding:28px 15px}.app{margin-left:192px}main{padding:26px 24px}.topbar{padding:0 24px}.integration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats{gap:12px}.stat{padding:16px}.overview-grid{grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr)}h1{font-size:27px}}
@media(max-width:800px){.sidebar{position:static;width:100%;padding:14px 18px;flex-direction:row;align-items:center;justify-content:space-between}.brand{font-size:23px}.brand-symbol{width:29px;height:29px;font-size:18px}.workspace-label,.sidebar-bottom,.nav-item span{display:none}nav{display:flex;gap:4px}.nav-item{padding:8px;font-size:11px}.nav-item.active{box-shadow:none}.app{margin-left:0}.topbar{height:54px;padding:0 20px}.today{display:none}main{padding:24px 20px}.page-heading{align-items:flex-start}.page-heading h1{font-size:25px}.page-heading p{font-size:12px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.overview-grid{grid-template-columns:1fr}.tower-list{max-height:260px}#map{height:310px}.integration-grid{gap:12px}.integration-card{padding:16px}.footer-right{display:block;float:none;padding:6px 0}.login-story{display:none}.login-page{grid-template-columns:1fr}.login-main{min-height:100vh;padding:30px}.camera-card .card-heading{padding:16px}.camera-actions{gap:6px}.card-heading{padding:18px}.video-container{aspect-ratio:16/9;min-height:190px}}
@media(max-width:420px){.integration-grid{grid-template-columns:1fr}.sidebar .brand{font-size:20px;gap:5px}.nav-item{font-size:10px;padding:7px}h1{font-size:23px!important}.page-heading .button{padding:8px;font-size:10px}.camera-actions{flex-direction:column;align-items:flex-end}}
.mobile-logout{display:none}.mobile-logout button{border:1px solid var(--line);background:white;color:#526981;border-radius:7px;padding:6px 10px}
@media(max-width:800px){.mobile-logout{display:block}.top-actions{gap:8px}.breadcrumb{font-size:11px}.breadcrumb span{padding:0 6px}}
/* Official VAIQ artwork, preserved on a white background for contrast. */
.brand{width:166px;max-width:100%;min-height:57px;background:#fff;border-radius:9px;padding:11px 12px;justify-content:center;flex-shrink:0}.brand-logo{display:block;width:100%;height:auto}.login-story .brand{width:200px;padding:14px 16px}.signal-art span{width:142px;height:65px;background:#fff;transform:none}.signal-art span img{display:block;width:112px;height:auto}
@media(max-width:800px){.sidebar .brand{width:86px;min-height:33px;padding:7px 8px;border-radius:6px}.sidebar{gap:8px}.sidebar nav{min-width:0}}
.tower-marker.gps-stale{background:#ad781d}.tower-row p{overflow-wrap:anywhere}
.preview-cta{display:inline-flex;align-items:center;gap:8px;background:#246dbe;color:white;border-radius:7px;padding:9px 12px;font-weight:650}.preview-cta svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}.camera-tabs{display:flex;gap:9px;padding:0 22px 17px;flex-wrap:wrap}.camera-tab{display:flex;align-items:center;gap:7px;padding:9px 16px;border:1px solid var(--line);border-radius:8px;background:#f7f9fc;color:#556b85;font-size:12px}.camera-tab.selected{border-color:#2877d4;background:#edf5ff;color:#1e62ac;font-weight:600}.speaker-card{margin-top:24px}.speaker-content{padding:0 23px 23px}.speaker-intro,.speaker-note{font-size:12px;color:#738298;margin-bottom:17px}.speaker-presets{display:grid;grid-template-columns:1fr 1fr;gap:14px}.announcement{text-align:left;position:relative;border:1px solid #d7e2ef;border-radius:10px;padding:17px 17px 17px 50px;background:#f7faff;color:var(--ink)}.announcement>span{position:absolute;left:16px;top:18px;color:#286dc2}.announcement strong,.announcement small{display:block}.announcement small{font-size:12px;margin-top:6px;line-height:1.6;color:#758399}.announcement:hover{border-color:#2877d4}.speaker-controls{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:23px 0 15px}.speaker-controls label{font-size:12px;color:#657a93;min-width:190px}.speaker-controls input{display:block;width:100%;margin:10px 0;accent-color:#2877d4}.speaker-controls output{font-weight:700;margin-left:8px}.speaker-buttons{display:flex;gap:10px}.stop-button{background:#fff0f1;border-color:#f0cad0;color:#b3424e}.microphone-live{background:#c0424b!important;color:white!important}.speaker-note{margin:0}#speaker-feedback{font-size:12px;margin-top:12px;color:#326698}#speaker-feedback.error-text{color:#ae4148}@media(max-width:600px){.speaker-presets{grid-template-columns:1fr}.speaker-controls{flex-direction:column;align-items:stretch}.speaker-buttons{justify-content:space-between}.speaker-content{padding:0 17px 20px}.camera-tabs{padding:0 16px 16px}}

.video-toolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:0 22px 16px}.video-toolbar label{display:flex;align-items:center;gap:7px;font-size:13px;color:#62748b}.video-toolbar select{padding:8px;border:1px solid #d8e2ee;background:white;border-radius:8px;color:#173354}.video-toolbar #video-status{font-size:12px;color:#62748b}.video-container>video,.video-container>iframe{width:100%;height:100%;border:0;object-fit:contain;display:block}.video-container>[hidden]{display:none}.video-container:fullscreen{width:100vw;height:100vh;aspect-ratio:auto!important;background:#000}@media(max-width:600px){.video-toolbar{padding:0 16px 14px;gap:10px}.video-toolbar #video-status{width:100%}}
.video-exit-fullscreen{display:none;position:absolute;right:16px;top:16px;z-index:10}.video-container:fullscreen .video-exit-fullscreen{display:block}