:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d1217;--surface:#151c22;--surface-2:#1b242b;--surface-3:#222c33;--line:#2b363d;--text:#edf3f0;--muted:#9caaa7;--soft:#74837f;--mint:#a6e3bc;--mint-dark:#1e4a35;--amber:#f5c779;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.insecure-recorder-banner{color:#ffdfc2;background:#3b261d;border:1px solid #a96a40;border-radius:9px;align-items:flex-start;gap:12px;margin-bottom:14px;padding:13px 15px;font-size:12px;line-height:1.5;display:flex}.insecure-recorder-banner svg{color:#ffbb7a;flex:none;margin-top:1px}.insecure-recorder-banner div{flex-direction:column;gap:2px;display:flex}.insecure-recorder-banner strong{color:#fff0dc;font-size:13px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--mint);outline-offset:3px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--mint);color:#10241a;border-radius:8px;padding:10px 14px;position:absolute;top:-100px;left:16px}.skip-link:focus{top:16px}.app-shell{min-height:100vh;display:flex}.sidebar{z-index:30;background:#11181e;border-right:1px solid #27323a;flex-direction:column;width:248px;min-width:248px;height:100vh;padding:25px 14px 18px;display:flex;position:sticky;top:0}.sidebar-top{justify-content:space-between;align-items:center;padding:0 12px;display:flex}.brand-lockup{letter-spacing:-.035em;white-space:nowrap;align-items:center;gap:10px;font-size:17px;font-weight:600;display:flex}.brand-lockup strong{font-weight:800}.brand-mark{background:var(--mint);color:#102319;letter-spacing:-.09em;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;font-size:21px;font-weight:900;display:inline-flex;box-shadow:0 0 28px #96eab929}.sidebar-building{border:1px solid var(--line);background:#182128;border-radius:12px;align-items:center;gap:10px;margin:32px 0 26px;padding:10px;display:flex}.building-monogram{color:#b4e4c3;background:#283b32;border:1px solid #385941;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:800;display:flex}.sidebar-building div{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.sidebar-building strong{white-space:nowrap;font-size:12px}.sidebar-building small{color:var(--soft);font-size:11px}.sidebar-building>svg{color:var(--soft)}.nav-label{color:#6e7d79;letter-spacing:.14em;margin-bottom:10px;padding:0 13px;font-size:10px;font-weight:800}.nav-list{flex-direction:column;gap:4px;display:flex}.nav-item,.location-item{color:#9ea9a8;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;width:100%;height:41px;padding:0 13px;font-size:13px;font-weight:600;display:flex}.nav-item:hover,.location-item:hover{color:#eaf2ee;background:#1e2a30}.nav-item.active{color:#d4f4df;background:#254337}.nav-item.active svg{color:#a8e4bc}.nav-count{color:#a5dcb8;background:#365b45;border-radius:6px;margin-left:auto;padding:2px 6px;font-size:10px}.locations-label{margin-top:31px}.location-item{height:35px;padding-left:16px;font-size:12px;font-weight:500}.location-item.selected{color:var(--mint)}.location-dot{background:#576962;border-radius:50%;width:6px;height:6px}.location-item.selected .location-dot{background:var(--mint)}.sidebar-bottom{margin-top:auto}.sidebar-help{color:var(--mint);background:#1b2d25;border:1px solid #2b4a36;border-radius:11px;gap:10px;margin:12px 1px 16px;padding:12px;display:flex}.sidebar-help div{flex-direction:column;gap:4px;display:flex}.sidebar-help strong{color:#c5ecd1;font-size:12px}.sidebar-help span{color:#94b29f;font-size:11px;line-height:1.4}.sidebar-user{border-top:1px solid #29343b;align-items:center;gap:9px;padding:17px 5px 2px;display:flex}.user-avatar,.topbar-avatar{color:#d6f5df;background:#354b41;border:1px solid #527562;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:10px;font-weight:800;display:flex}.sidebar-user div{flex-direction:column;flex:1;gap:2px;display:flex}.sidebar-user strong{font-size:12px}.sidebar-user small{color:var(--soft);font-size:11px}.sidebar-close,.mobile-menu{display:none!important}.content-area{flex:1;min-width:0}.topbar{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#11171dd9;border-bottom:1px solid #263039;justify-content:space-between;align-items:center;height:70px;padding:0 38px;display:flex}.topbar-crumb{color:#aab5b1;font-size:12px;font-weight:600}.topbar-crumb span{color:#5a6864;margin:0 9px}.topbar-actions{align-items:center;gap:19px;display:flex}.building-clock{color:#9aa9a4;font-variant-numeric:tabular-nums;font-size:11px}.icon-button{color:#9baaab;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.icon-button:hover:not(:disabled){color:#fff;background:#26343a}.main-content{max-width:1540px;margin:0 auto;padding:26px 38px 70px}.simulation-banner{color:#d9c8a8;background:#2e291e;border:1px solid #665232;border-radius:9px;align-items:center;gap:9px;min-height:41px;padding:8px 12px;font-size:11px;line-height:1.4;display:flex}.simulation-banner strong{color:#f6dba8;white-space:nowrap}.simulation-pulse{background:var(--amber);border-radius:50%;width:7px;min-width:7px;height:7px;box-shadow:0 0 0 4px #f5c7791d}.banner-tag{letter-spacing:.12em;color:#efca8d;white-space:nowrap;border:1px solid #806739;border-radius:4px;margin-left:auto;padding:4px 6px;font-size:9px;font-weight:800}.page-heading{justify-content:space-between;align-items:flex-end;gap:28px;padding:33px 0 28px;display:flex}.eyebrow{letter-spacing:.19em;color:var(--mint);font-size:10px;font-weight:800}h1,h2,h3,p{margin-top:0}.page-heading h1,.coming-section h1{letter-spacing:-.065em;margin:12px 0 11px;font-size:clamp(34px,4vw,48px);font-weight:750;line-height:1.05}.heading-period{color:var(--mint)}.page-heading p{color:var(--muted);max-width:580px;margin:0;font-size:12px;line-height:1.6}.heading-side{border:1px solid var(--line);background:#172028;border-radius:10px;align-items:center;gap:11px;min-width:192px;padding:11px 14px;display:flex}.heading-side-icon{width:34px;height:34px;color:var(--mint);background:#274338;border-radius:8px;justify-content:center;align-items:center;display:flex}.heading-side div{flex-direction:column;gap:3px;display:flex}.heading-side strong{font-size:11px}.heading-side span:not(.heading-side-icon){color:var(--soft);font-size:10px}.stats-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:38px;display:grid}.stat-card{background:#171f25;border:1px solid #29353c;border-radius:12px;align-items:center;gap:16px;min-height:94px;padding:19px;display:flex}.stat-icon{width:42px;height:42px;color:var(--mint);background:#253a32;border-radius:10px;justify-content:center;align-items:center;display:flex}.stat-card:nth-child(2) .stat-icon{color:#c3d597;background:#303622}.stat-card:nth-child(3) .stat-icon{color:#d8b99b;background:#34302d}.stat-card>div:last-child{flex-direction:column;gap:1px;display:flex}.stat-card strong{letter-spacing:-.045em;font-size:25px;font-weight:750;line-height:1}.stat-card span{color:#9ba8a4;font-size:11px}.camera-section{border-top:1px solid #2b353c;padding-top:25px}.section-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:19px;display:flex}.section-heading h2{letter-spacing:-.035em;margin:0 0 5px;font-size:18px}.section-heading h2 span{color:#90ab9b;vertical-align:middle;background:#26392e;border-radius:5px;margin-left:4px;padding:3px 7px;font-size:10px}.section-heading p{color:var(--soft);margin:0;font-size:11px}.subtle-button,.filter-button,.group-select{color:#c4d1cc;background:#1c272e;border:1px solid #35434a;border-radius:7px;align-items:center;gap:7px;height:34px;padding:0 11px;font-size:11px;font-weight:650;display:inline-flex}.subtle-button:hover:not(:disabled),.filter-button:hover,.group-select:hover{background:#27353b}.toolbar{justify-content:space-between;gap:12px;margin-bottom:17px;display:flex}.search-field{color:#81958a;background:#1a242b;border:1px solid #35434a;border-radius:8px;align-items:center;gap:9px;width:min(100%,335px);height:38px;padding:0 11px;display:flex}.search-field:focus-within{border-color:#8ecba7}.search-field input{color:var(--text);background:0 0;border:0;outline:none;width:100%;min-width:0;font-size:11px}.search-field input::placeholder{color:#758680}.toolbar-right{align-items:center;gap:8px;display:flex}.group-select{height:38px}.group-select select{max-width:155px;color:inherit;cursor:pointer;background:0 0;border:0;outline:none;font-size:11px}.group-select option{background:#1a242b}.filter-button{height:38px}.filter-active{color:var(--mint);background:#253d31;border-color:#5a8b68}.layout-switch{background:#1a242b;border:1px solid #35434a;border-radius:8px;align-items:center;height:38px;padding:3px;display:flex}.layout-switch button{color:#81918c;background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;width:31px;height:29px;display:flex}.layout-switch button.selected{color:var(--mint);background:#2b4938}.camera-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.camera-grid.columns-1{grid-template-columns:1fr}.camera-grid.columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}.camera-card{background:#182128;border:1px solid #2c3940;border-radius:12px;transition:border-color .2s,transform .2s;overflow:hidden}.camera-card:hover{border-color:#54715d;transform:translateY(-2px)}.camera-preview{aspect-ratio:16/9;background:radial-gradient(circle at 48% 100%,#20322e,#111a1f 62%);min-height:220px;position:relative;overflow:hidden}.preview-grid{background-image:linear-gradient(#37524b1c 1px,#0000 1px),linear-gradient(90deg,#37524b1c 1px,#0000 1px);background-size:33px 33px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000);mask-image:linear-gradient(#0000,#000)}.preview-top{justify-content:space-between;display:flex;position:absolute;top:13px;left:14px;right:14px}.camera-badge{color:#d2e5d9;letter-spacing:.07em;background:#111b1fe0;border:1px solid #445650;border-radius:5px;padding:5px 7px;font-size:10px;font-weight:800}.favorite-button{color:#c3d3c9;background:#101b1fbd;border:1px solid #445650;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.favorite-button:hover,.favorite-button.favorited{color:var(--amber)}.preview-center{text-align:center;white-space:nowrap;flex-direction:column;align-items:center;gap:7px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-46%)}.preview-camera-icon{color:#aad1b6;background:#27382f;border:1px solid #3b5745;border-radius:15px;justify-content:center;align-items:center;width:58px;height:58px;margin-bottom:2px;display:flex;box-shadow:0 10px 35px #0004}.preview-center strong{color:#d7e4da;font-size:12px}.preview-center>span:last-child{color:#84968d;font-size:10px}.preview-bottom{color:#c5d2c9;background:#131d20db;border:1px solid #3d4d47;border-radius:5px;align-items:center;gap:6px;padding:5px 8px;font-size:10px;display:flex;position:absolute;bottom:13px;left:14px}.status-dot{background:#e1bd73;border-radius:50%;width:6px;height:6px}.camera-meta{justify-content:space-between;align-items:center;gap:10px;padding:15px 17px;display:flex}.camera-meta h3{letter-spacing:-.015em;margin:0 0 4px;font-size:13px}.camera-meta p{color:var(--soft);margin:0;font-size:10px}.camera-meta p span{padding:0 3px}.details-button{color:var(--mint);background:0 0;border:0;padding:7px 0;font-size:11px;font-weight:700}.details-button span{margin-left:3px}.details-button:hover{text-decoration:underline}.empty-state{text-align:center;color:#a5bead;border:1px dashed #3b5144;border-radius:12px;padding:55px 15px}.empty-state h3{color:var(--text);margin:10px 0 5px;font-size:16px}.empty-state p{font-size:12px}.coming-section{padding-top:44px}.coming-card{border:1px solid var(--line);background:var(--surface);border-radius:14px;max-width:650px;margin-top:30px;padding:42px}.coming-icon{width:58px;height:58px;color:var(--mint);background:#263d32;border-radius:14px;justify-content:center;align-items:center;margin-bottom:24px;display:flex}.coming-card h2{letter-spacing:-.04em;margin:0 0 10px;font-size:21px}.coming-card p{color:var(--muted);max-width:520px;margin-bottom:25px;font-size:13px;line-height:1.7}.dialog-backdrop{z-index:80;background:#050b0dcc;justify-content:flex-end;display:flex;position:fixed;inset:0}.camera-dialog{background:#162027;border-left:1px solid #3a4a48;width:min(100%,440px);height:100%;padding:44px 33px;position:relative;overflow:auto;box-shadow:-20px 0 50px #0007}.dialog-close{position:absolute;top:23px;right:22px}.camera-dialog h2{letter-spacing:-.05em;margin:10px 0 4px;font-size:29px}.muted{color:var(--muted);line-height:1.6}.camera-dialog .muted{font-size:13px}.detail-list{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:32px 0 22px}.detail-list>div{border-bottom:1px solid #2a363d;justify-content:space-between;gap:10px;padding:16px 0;font-size:12px;display:flex}.detail-list>div:last-child{border-bottom:0}.detail-list span{color:var(--soft)}.detail-list strong{font-weight:650}.dialog-note{color:#aed1ba;background:#23382c;border:1px solid #365a40;border-radius:9px;gap:10px;margin-bottom:25px;padding:13px;display:flex}.dialog-note svg{flex:none}.dialog-note p{margin:0;font-size:11px;line-height:1.6}.primary-button{background:var(--mint);color:#10291b;border:0;border-radius:8px;min-height:40px;padding:12px 17px;font-size:12px;font-weight:800}.primary-button:hover:not(:disabled){background:#c0f2d1}.center-page{background:radial-gradient(circle at 50% 20%,#1b3027,#0d1217 52%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-card,.setup-card{background:#172128;border:1px solid #35443f;border-radius:16px;width:min(100%,420px);padding:36px;box-shadow:0 20px 70px #0005}.auth-card .brand-lockup{margin-bottom:38px}.auth-card h1,.setup-card h1{letter-spacing:-.055em;margin:12px 0 10px;font-size:31px;line-height:1.12}.auth-card .muted,.setup-card p{color:var(--muted);font-size:13px;line-height:1.65}.auth-form{flex-direction:column;margin-top:24px;display:flex}.auth-form label{margin-bottom:7px;font-size:11px;font-weight:750}.auth-form input{color:#fff;background:#111b21;border:1px solid #3c4b49;border-radius:8px;outline:none;height:42px;margin-bottom:17px;padding:0 11px}.auth-form input:focus{border-color:var(--mint)}.auth-form .primary-button{margin-top:5px}.fine-print{color:var(--soft);margin:21px 0 0;font-size:11px;line-height:1.5}.form-message{color:#ffd6bc;background:#4a3029;border-radius:7px;margin:0 0 15px;padding:10px 11px;font-size:11px}.qr-wrap{color:#223329;text-align:center;background:#f5f8f5;border-radius:9px;margin-top:18px;padding:15px}.qr-wrap img{width:180px;height:180px;margin:0 auto;display:block}.qr-wrap details{text-align:left;margin-top:8px;font-size:11px}.qr-wrap summary{cursor:pointer}.qr-wrap code{word-break:break-all;font-size:10px}.setup-card .brand-mark{margin-bottom:22px}@media (max-width:1100px){.camera-grid.columns-3{grid-template-columns:repeat(2,minmax(0,1fr))}.heading-side{display:none}.main-content{padding-left:26px;padding-right:26px}.topbar{padding:0 26px}}@media (max-width:800px){.sidebar{transition:transform .2s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:20px 0 60px #0008}.sidebar.sidebar-open{transform:translate(0)}.sidebar-close,.mobile-menu{display:inline-flex!important}.mobile-scrim{z-index:20;background:#0009;border:0;position:fixed;inset:0}.topbar{height:60px;padding:0 18px}.topbar-crumb{flex:1}.building-clock{display:none}.main-content{padding:19px 18px 60px}.page-heading{padding-top:28px}.stats-row{gap:8px}.stat-card{gap:9px;min-height:76px;padding:12px}.stat-icon{width:32px;height:32px}.stat-icon svg{width:17px;height:17px}.stat-card strong{font-size:20px}.stat-card span{font-size:9px}}@media (max-width:610px){.simulation-banner{flex-wrap:wrap;font-size:10px}.banner-tag{display:none}.page-heading h1,.coming-section h1{font-size:38px}.page-heading p{font-size:11px}.stats-row{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:28px}.stat-card{flex-direction:column;align-items:flex-start;gap:7px}.stat-card span{line-height:1.3}.section-heading .subtle-button{display:none}.toolbar{flex-direction:column}.search-field,.toolbar-right{width:100%}.group-select{flex:1}.group-select select{width:100%;max-width:100%}.camera-grid,.camera-grid.columns-3,.camera-grid.columns-2{grid-template-columns:1fr}.camera-preview{min-height:190px}.camera-dialog{padding:40px 23px}.topbar-actions{gap:8px}.filter-button span{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.snapshot-image{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;inset:0}.snapshot-viewport{z-index:1;position:absolute;inset:0}.snapshot-state{z-index:2}.camera-preview .preview-top,.camera-preview .preview-bottom{z-index:3}.snapshot-dot{background:var(--mint)}.camera-meta .camera-spec{color:#b5c9bd;font-variant-numeric:tabular-nums;margin-top:5px;font-size:10px}.heading-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.map-shortcut{color:#d9fbe4;white-space:nowrap;cursor:pointer;background:#294c37;border:1px solid #87cfa2;border-radius:9px;justify-content:center;align-items:center;gap:9px;min-height:42px;padding:0 15px;font-size:12px;font-weight:750;display:inline-flex}.map-shortcut:hover,.map-shortcut:focus-visible{outline-offset:2px;background:#366448;outline:2px solid #baf6cc}.map-shortcut svg{flex:none}@media (max-width:700px){.page-heading{flex-direction:column;align-items:flex-start;gap:16px}.heading-actions,.map-shortcut{width:100%}}.display-switch{background:#1a242b;border:1px solid #35434a;border-radius:8px;align-items:center;gap:3px;height:38px;padding:3px;display:flex}.display-switch button{color:#9cabaa;background:0 0;border:0;border-radius:5px;align-items:center;gap:6px;height:29px;padding:0 9px;font-size:11px;font-weight:700;display:inline-flex}.display-switch button.selected{color:var(--mint);background:#2b4938}.map-layout{grid-template-columns:minmax(0,1.5fr) minmax(255px,1fr);align-items:start;gap:16px;display:grid}.map-panel,.map-sidebar{border:1px solid var(--line);background:#172128;border-radius:13px}.map-panel{overflow:hidden}.map-panel-heading{justify-content:space-between;align-items:center;gap:16px;padding:20px 20px 0;display:flex}.map-panel-heading h3{letter-spacing:-.04em;margin:7px 0 0;font-size:18px}.map-rotate{color:#b9cec1;white-space:nowrap;align-items:center;gap:8px;font-size:11px;font-weight:650;display:flex}.map-rotate input{accent-color:var(--mint);width:110px}.building-map-scene{background:radial-gradient(circle at 50% 35%,#243f35,#121d20 66%);width:100%;height:auto;max-height:500px;display:block}.map-floor-label{fill:#91b6a0;paint-order:stroke;stroke:#111d1b;stroke-width:3px;font-size:18px;font-weight:800}.map-floor-label.selected{fill:#e8fff0}.map-street-label{fill:#879b91;letter-spacing:.16em;font-size:10px;font-weight:750}.map-disclaimer{color:#a9bcb1;margin:0;padding:4px 20px 17px;font-size:11px;line-height:1.5}.map-sidebar{padding:17px}.map-floor-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.map-floor-button{text-align:left;color:#bdcec5;background:#1c2b2a;border:1px solid #344b44;border-radius:8px;justify-content:space-between;align-items:center;gap:7px;min-width:0;padding:10px;font-size:11px;font-weight:650;display:flex}.map-floor-button:hover{background:#294038}.map-floor-button.selected{color:#effcf2;background:#2b4b39;border-color:#86cba1}.map-floor-button strong{font-variant-numeric:tabular-nums;color:var(--mint);font-size:10px}.map-camera-heading{border-top:1px solid #324039;justify-content:space-between;align-items:baseline;gap:10px;margin-top:17px;padding-top:16px;display:flex}.map-camera-heading h3{margin:0;font-size:16px}.map-camera-heading span{color:#a5b8ac;font-size:10px}.map-level-note,.map-empty{color:#9eafa5;margin:9px 0 12px;font-size:11px;line-height:1.5}.map-camera-list{gap:7px;max-height:440px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.map-camera-list li button{text-align:left;width:100%;color:var(--text);background:#1c2b2b;border:1px solid #334840;border-radius:8px;align-items:center;gap:10px;padding:9px;display:flex}.map-camera-list li button:hover{background:#284039}.map-camera-list li button>svg:last-child{color:var(--mint);flex:none}.map-camera-icon{width:31px;height:31px;color:var(--mint);background:#2d4738;border-radius:7px;flex:none;justify-content:center;align-items:center;display:flex}.map-camera-copy{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.map-camera-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.map-camera-copy small{color:#9aafa2;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}@media (max-width:1050px){.map-layout{grid-template-columns:1fr}.map-camera-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}}@media (max-width:700px){.map-camera-list{grid-template-columns:1fr}.map-floor-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.map-panel-heading{flex-direction:column;align-items:flex-start}.toolbar-right{flex-wrap:wrap}.display-switch{order:3}.map-rotate{width:100%}.map-rotate input{flex:1}}.detail-preview{border:1px solid var(--line);background:#10181d;border-radius:10px;height:210px;margin-top:20px;position:relative;overflow:hidden}.recordings-section{padding-top:44px}.recordings-section h1{letter-spacing:-.065em;margin:12px 0 11px;font-size:clamp(34px,4vw,48px);line-height:1.05}.recordings-intro{color:var(--muted);max-width:580px;margin-bottom:28px;font-size:13px;line-height:1.6}.recordings-search{background:var(--surface);border:1px solid var(--line);border-radius:12px;flex-wrap:wrap;align-items:end;gap:12px;padding:18px;display:flex}.recordings-search label{color:#b5c6bd;flex-direction:column;gap:7px;min-width:130px;font-size:11px;font-weight:700;display:flex}.recordings-search label:first-child{flex:1;min-width:185px}.recordings-search input,.recordings-search select{min-width:0;height:39px;color:var(--text);background:#111b21;border:1px solid #3c4b49;border-radius:7px;padding:0 10px}.recordings-search .primary-button{justify-content:center;align-items:center;gap:8px;height:39px;display:inline-flex}.recordings-hint{color:var(--soft);align-items:center;gap:7px;margin:11px 0 0;font-size:11px;line-height:1.5;display:flex}.recordings-hint svg{flex:none}.recordings-error{color:#ffd6bc;background:#4a3029;border-radius:7px;margin-top:20px;padding:11px 13px;font-size:12px}.recordings-results{margin-top:30px}.recordings-results-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding-bottom:15px;display:flex}.recordings-results-head div{color:var(--mint);align-items:center;gap:10px;display:flex}.recordings-results-head strong{color:var(--text);font-size:16px}.recordings-results-head span{color:var(--soft);font-size:11px}.recording-list{grid-template-columns:minmax(0,1fr);gap:9px;margin:13px 0 20px;padding:0;list-style:none;display:grid}.recording-list li{background:#172128;border:1px solid #29353c;border-radius:9px;align-items:center;gap:12px;padding:12px;display:flex}.recording-icon{width:33px;height:33px;color:var(--mint);background:#263d32;border-radius:8px;flex:none;justify-content:center;align-items:center;display:flex}.recording-list li div{flex-direction:column;gap:4px;min-width:0;display:flex}.recording-list strong{font-variant-numeric:tabular-nums;font-size:12px}.recording-list small{color:var(--soft);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.recording-pill{color:var(--mint);background:#254337;border-radius:5px;margin-left:auto;padding:4px 7px;font-size:10px;font-weight:700}.recordings-note{max-width:750px;color:var(--mint);background:#1c2d29;border:1px solid #355144;border-radius:9px;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.recordings-note svg{flex:none}.recordings-note p{color:#bdd8c6;margin:0;font-size:11px;line-height:1.5}.recording-ruler{color:var(--soft);font-variant-numeric:tabular-nums;align-items:center;gap:10px;margin:20px 0 0;font-size:11px;display:flex}.recording-ruler-track{background:repeating-linear-gradient(90deg,#1a2626 0 calc(16.667% - 1px),#344941 16.667%);border:1px solid #3e514a;border-radius:6px;flex:1;height:22px;position:relative}.recording-ruler-track button{cursor:pointer;background:#7bcda0;border:0;border-radius:2px;min-width:3px;position:absolute;top:2px;bottom:2px}.recording-ruler-track button:hover,.recording-ruler-track button:focus-visible{outline-offset:1px;z-index:1;background:#c1ffd5;outline:2px solid #fff}.recording-play{color:#c5fbd5;cursor:pointer;background:#284638;border:1px solid #5f9978;border-radius:7px;align-items:center;gap:6px;margin-left:auto;padding:8px 10px;font-size:11px;font-weight:700;display:inline-flex}.recording-play:hover,.recording-play:focus-visible{outline-offset:2px;background:#3d7255;outline:2px solid #c5fbd5}.recording-player{background:#111b20;border:1px solid #52755d;border-radius:12px;margin:22px 0;padding:17px}.recording-player-heading{justify-content:space-between;align-items:end;gap:12px;margin-bottom:14px;display:flex}.recording-player-heading h2{letter-spacing:-.02em;margin:5px 0 0;font-size:17px}.recording-player-heading>span{color:var(--soft);font-size:11px}.recording-player video{background:#080d0f;border-radius:8px;width:100%;max-height:60vh;display:block}.recording-player-state{color:#c1d8c9;background:#0b1317;border-radius:8px;place-items:center;min-height:200px;font-size:13px;display:grid}.recording-player-controls{justify-content:space-between;align-items:center;gap:10px;margin-top:13px;display:flex}.recording-player-controls>span{color:var(--soft);font-variant-numeric:tabular-nums;font-size:11px}.recording-player-controls button{align-items:center;gap:5px;display:inline-flex}.recording-player-controls button:disabled{opacity:.45;cursor:not-allowed}@media (max-width:800px){.recording-list{grid-template-columns:1fr}.recordings-search label:first-child{flex-basis:100%}}@media (max-width:610px){.recordings-search{padding:13px}.recordings-search label{flex:1}.recordings-search label:nth-child(2){flex-basis:100%}.recordings-search .primary-button{width:100%}.recordings-results-head,.recording-player-heading{flex-direction:column;align-items:flex-start}.recording-player-controls{flex-wrap:wrap}.recording-player-controls>span{text-align:center;order:-1;width:100%}}
.map-panel-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.map-health-bar{color:#b9cdc3;background:#1c2928;border:1px solid #35443f;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 20px 0;padding:8px 10px;font-size:11px;line-height:1.35;display:flex}.map-health-bar>span:nth-child(2){flex:1;min-width:180px}.map-health-indicator{background:#98d6ae;border-radius:50%;flex:none;width:8px;height:8px}.map-health-indicator.has-issues{background:#aeb8ba}.map-health-bar button{color:#e3f5e8;font:inherit;cursor:pointer;background:#2b4037;border:1px solid #51625c;border-radius:6px;padding:5px 9px;font-weight:750}.map-health-bar button:hover,.map-health-bar button:focus-visible{outline-offset:2px;outline:2px solid #b9f4cd}.map-health-bar button:disabled{opacity:.6;cursor:wait}.map-mode-switch{background:#101c1d;border:1px solid #385249;border-radius:9px;gap:3px;padding:3px;display:flex}.map-mode-switch button{color:#a8bbb1;min-height:32px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;padding:0 10px;font-size:11px;font-weight:700;display:inline-flex}.map-mode-switch button.selected{color:#e0fbe9;background:#315541}.map-mode-switch button:hover,.map-mode-switch button:focus-visible{outline-offset:1px;outline:2px solid #b9f4cd}.floor-plan-wrap{background:radial-gradient(circle at 50% 34%,#213a31,#111d20 70%);padding:16px 18px 20px}.floor-plan-title{color:#e2f5e8;justify-content:space-between;align-items:baseline;gap:10px;font-size:13px;display:flex}.floor-plan-title span{color:#9eb8a8;font-size:11px;font-weight:700}.floor-plan-canvas{width:100%;max-width:620px;margin:4px auto 0;position:relative}.floor-plan-scene{width:100%;height:auto;display:block}.plan-camera-marker{z-index:2;cursor:pointer;background:#473818;border:2px solid #ffe283;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;padding:0;display:flex;position:absolute;overflow:visible;transform:translate(-50%,-50%);box-shadow:0 0 0 3px #16241da8,0 0 18px #ffd7659c}.plan-camera-marker:hover,.plan-camera-marker:focus-visible{outline-offset:4px;z-index:4;background:#715618;outline:3px solid #fff5c7}.plan-camera-marker.unlabeled-camera{width:44px;height:44px;box-shadow:none;background:0 0;border:0}.plan-camera-marker.unlabeled-camera:hover,.plan-camera-marker.unlabeled-camera:focus-visible{background:0 0}.plan-camera-marker.unlabeled-camera .plan-camera-origin{background:#473818;border:2px solid #ffe283;width:26px;height:26px;position:relative;box-shadow:0 0 0 3px #16241da8,0 0 18px #ffd7659c}.plan-camera-marker.unlabeled-camera .plan-camera-origin:after{content:"";background:#fff4ba;border-radius:50%;position:absolute;inset:7px;box-shadow:0 0 9px #ffe37d}.plan-camera-marker.cab-camera-marker .plan-camera-origin{width:18px;height:18px}.plan-camera-marker.cab-camera-marker .plan-camera-origin:after{inset:4px}.plan-camera-marker.is-linked-active{z-index:5}.plan-camera-marker.is-linked-active .plan-camera-origin{background:#fff9d9;box-shadow:0 0 0 5px #a5f1c9,0 0 22px 8px #b9f4cd99}.plan-camera-marker.unlabeled-camera.is-linked-active .plan-camera-origin{transform:scale(1.12)}.plan-camera-marker:not(.unlabeled-camera).is-linked-active{outline-offset:4px;outline:3px solid #c4ffe0;box-shadow:0 0 22px 8px #b9f4cd77}.plan-camera-marker.has-signal-issue{background:#343b3c;border-color:#b8c1c3;box-shadow:0 0 0 3px #16241da8,0 0 15px #aeb8ba88}.plan-camera-marker.has-signal-issue .plan-camera-origin,.plan-camera-marker.has-signal-issue.unlabeled-camera .plan-camera-origin{background:#41494a;border-color:#c6ced0;box-shadow:0 0 0 3px #16241da8,0 0 17px #b5bec099}.plan-camera-marker.has-signal-issue .plan-camera-origin:after{background:#f3f5f5;box-shadow:0 0 8px #d2dcde}.plan-camera-marker.has-signal-issue .plan-view-cone{filter:grayscale()drop-shadow(0 0 5px #acb6b688);opacity:.68}.plan-camera-marker.has-signal-issue .plan-camera-id{color:#eef3f4;background:#343c3e;border-color:#adb8ba}.plan-camera-marker.has-signal-issue.is-linked-active .plan-camera-origin{background:#596365;border-color:#ecf4f5;box-shadow:0 0 0 5px #d3dcde,0 0 18px 7px #aeb8ba88}.plan-signal-issue-cone{filter:grayscale();opacity:.58}.map-camera-list li button.is-linked-active{background:#29473b;border-color:#b9f4cd;box-shadow:0 0 0 2px #b9f4cd55}.map-camera-list li button.has-signal-issue{background:#293133;border-color:#667275}.map-camera-list li button.has-signal-issue .map-camera-icon{color:#e1e8e9;background:#485254}.map-camera-list li button.has-signal-issue.is-linked-active{background:#374346;border-color:#d2dbdd;box-shadow:0 0 0 2px #d2dbdd77}.map-camera-signal{color:#eef2f2;background:#374144;border:1px solid #7d8a8c;border-radius:4px;align-self:flex-start;padding:2px 5px;font-size:10px;font-weight:750;line-height:1.2}.map-camera-list li button.is-unmapped-active{background:#412d30;border-color:#ff928b;box-shadow:0 0 0 2px #ff928b77}.map-camera-list li button.is-unmapped-active:focus-visible{outline-color:#ffb1a8}.map-camera-list li button.is-unmapped-active .map-camera-icon{color:#ffcfca;background:#634043}.plan-view-cone{z-index:-1;transform-origin:0;pointer-events:none;filter:drop-shadow(0 0 7px #ffd6657d);width:152px;height:118px;position:absolute;top:calc(50% - 59px);left:50%;overflow:visible}.plan-camera-marker.aim-up .plan-view-cone{transform:rotate(-90deg)}.plan-camera-marker.aim-down .plan-view-cone{transform:rotate(90deg)}.plan-camera-marker.aim-left .plan-view-cone{transform:rotate(166deg)}.plan-camera-marker.aim-left-slight-up .plan-view-cone{transform:rotate(-170deg)}.plan-camera-marker.aim-up-left .plan-view-cone{transform:rotate(-150deg)}.plan-camera-marker.aim-up-right .plan-view-cone{transform:rotate(-26deg)}.plan-camera-marker.aim-up-mostly-right .plan-view-cone{transform:rotate(-60deg)}.plan-camera-marker.aim-up-slight-left .plan-view-cone{transform:rotate(-101deg)}.plan-camera-marker.aim-down-left .plan-view-cone{transform:rotate(158deg)}.plan-camera-marker.aim-down-slight-left .plan-view-cone{transform:rotate(105deg)}.plan-camera-marker.aim-down-right .plan-view-cone{transform:rotate(48deg)}.plan-camera-marker.aim-down-mostly-right .plan-view-cone{transform:rotate(65deg)}.plan-camera-marker.aim-down-slight-right .plan-view-cone{transform:rotate(25deg)}.plan-camera-origin{background:#fff4ba;border-radius:50%;width:9px;height:9px;box-shadow:0 0 9px #ffe37d}.plan-camera-id{color:#fff0b3;white-space:nowrap;background:#3b321d;border:1px solid #f0c960;border-radius:4px;padding:2px 5px;font-size:10px;font-weight:800;line-height:1;position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%)}.plan-footprint{fill:#101d1d;stroke:#7cae91;stroke-width:5px;stroke-linejoin:round}.plan-apartment{fill:#294739;stroke:#9fd2ad;stroke-width:5px;stroke-linejoin:round}.floor-plan-scene g:nth-of-type(2n)>.plan-apartment{fill:#254236}.plan-common{fill:#304743;stroke:#a3baaa;stroke-width:5px;stroke-linejoin:round}.plan-corridor{fill:#294149}.plan-elevator-left,.plan-elevator-right{fill:#38695a;stroke:#b8f1c9}.plan-basement-elevator{fill:#4c8b69;stroke:#c9ffda;stroke-width:8px;filter:drop-shadow(0 0 12px #7fdca568)}.plan-basement-elevator-label{fill:#fff;stroke:#244e35;stroke-width:3px}.plan-trash{fill:#66543a;stroke:#edc687}.plan-package-room{fill:#68505b;stroke:#efbccc}.plan-compactor{fill:#5b4935;stroke:#f0ca8e}.plan-basement-partition{fill:#233831;stroke:#84ad9a;stroke-width:5px;stroke-linejoin:round}.plan-basement-unused-north,.plan-basement-unused-south{fill:#1c2d2b}.plan-basement-storage-a,.plan-basement-storage-b{fill:#2c4038}.plan-basement-garbage-recycling{fill:#29453e}.plan-basement-boiler{fill:#394238}.plan-basement-hallway{fill:#294149;stroke:#a3baaa}.plan-basement-saw{fill:#303d3d}.plan-basement-old-super{fill:#35443e}.plan-basement-partition-label{fill:#e2f6e9;paint-order:stroke;stroke:#1c2b2b;stroke-width:3px;font-size:25px;font-weight:800}.plan-basement-old-super+.plan-basement-partition-label{font-size:19px}.plan-basement-hallway+.plan-basement-partition-label{letter-spacing:1px;font-size:22px}.plan-super-office{fill:#22473d;stroke:#b8e8cc;stroke-width:6px}.plan-super-office-label{fill:#e1ffec;letter-spacing:.4px;font-size:30px;font-weight:850}.plan-laundry{fill:#244849;stroke:#9ce2df;stroke-width:6px}.plan-laundry-label{fill:#dff;letter-spacing:.6px;font-size:30px;font-weight:850}.plan-compactor-label{fill:#f4dfb7;letter-spacing:.2px;font-size:20px;font-weight:850}.plan-door-opening{stroke:#101d1d;stroke-width:12px}.plan-door-swing{fill:none;stroke:#91dfe1;stroke-width:7px;filter:drop-shadow(0 0 4px #91dfe1)}.plan-lobby{fill:#385d4c;stroke:#b9e3c7}.plan-vestibule{fill:#37585a;stroke:#9ed3c4}.plan-entry-label{letter-spacing:2px;font-size:23px}.plan-stained-glass line{stroke-linecap:butt}.plan-window-frame{stroke:#dce9d5;stroke-width:17px}.plan-window-blue{stroke:#80c8db;stroke-width:10px}.plan-window-amber{stroke:#e8c176;stroke-width:10px}.plan-window-rose{stroke:#d596ba;stroke-width:10px}.plan-stairs{fill:#40547b;stroke:#b2c8ff}.plan-highlight{fill:#5baf80;stroke:#e0ffe9;stroke-width:8px}.plan-common.plan-elevator-working{fill:#7a662b;stroke:#ffe283;stroke-width:6px;filter:drop-shadow(0 0 14px #ffe078a6)}.plan-common.plan-elevator-issue{fill:#515b5d;stroke:#c6ced0;stroke-width:6px;filter:drop-shadow(0 0 14px #b5bec099)}.plan-unit-label{fill:#ecfff1;paint-order:stroke;stroke:#1d3529;stroke-width:3px;font-size:38px;font-weight:800}.plan-common-label{fill:#e7f8ee;paint-order:stroke;stroke:#1c2b2b;stroke-width:2px;font-size:25px;font-weight:800}.plan-label-corridor{letter-spacing:2px;font-size:23px}.plan-street{fill:#a9c2b2;letter-spacing:5px;font-size:24px;font-weight:800}.plan-north{fill:#d2e9d6;stroke:#d2e9d6;stroke-width:4px}.plan-north text{stroke:none;font-size:26px;font-weight:800}.floor-plan-key{color:#c8ddd0;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 15px;max-width:660px;margin:3px auto 0;font-size:11px;font-weight:650;display:flex}.floor-plan-key span{align-items:center;gap:6px;display:inline-flex}.floor-plan-key i{border:1px solid;border-radius:3px;width:12px;height:12px;display:inline-block}.key-camera-view{background:linear-gradient(90deg,#ffe784a8,#ffc83822);border-color:#f0c960!important}.key-apartment{background:#294739;border-color:#9fd2ad!important}.key-hall{background:#294149;border-color:#a3baaa!important}.key-elevator{background:#38695a;border-color:#b8f1c9!important}.key-trash{background:#66543a;border-color:#edc687!important}.key-stairs{background:#40547b;border-color:#b2c8ff!important}.key-lobby{background:#385d4c;border-color:#b9e3c7!important}.key-stained-glass{background:linear-gradient(90deg,#80c8db,#e8c176,#d596ba);border-color:#dce9d5!important}.key-compactor{background:#5b4935;border-color:#f0ca8e!important}.key-package-room{background:#68505b;border-color:#efbccc!important}.key-super-office{background:#22473d;border-color:#b8e8cc!important}.key-laundry{background:#244849;border-color:#9ce2df!important}.key-basement-partition{background:#233831;border-color:#84ad9a!important}.key-camera-dot{background:#473818;border-color:#ffe283!important;border-radius:50%!important}.map-signal-key{color:#cbd5d5;justify-content:center;align-items:center;gap:7px;margin:7px auto 0;font-size:11px;font-weight:700;display:flex}.map-signal-key-dot{background:#41494a;border:2px solid #c6ced0;border-radius:50%;width:12px;height:12px;box-shadow:0 0 7px #b5bec099}.map-plan-unavailable{color:#b7cbbf;text-align:center;max-width:520px;margin:8px auto 2px;font-size:12px;line-height:1.5}@media (max-width:700px){.map-panel-actions{justify-content:space-between;width:100%}.floor-plan-wrap{padding:12px 8px 17px}.floor-plan-title,.floor-plan-key,.map-mode-switch button{padding:0 8px}.plan-camera-marker{width:22px;height:22px}.plan-view-cone{width:96px;height:75px;top:calc(50% - 37.5px)}}.is-health-pending .plan-camera-marker{filter:grayscale();opacity:.4}.is-health-pending .floor-plan-scene path[fill^=url\(]{filter:grayscale();opacity:.25}.plan-elevator-link{cursor:pointer;outline:none}.plan-elevator-link:hover .plan-common,.plan-elevator-link:focus-visible .plan-common{stroke:#fff;stroke-width:9px}.plan-elevator-link text{pointer-events:none}
.recordings-day-controls{border:1px solid var(--line);background:var(--surface);border-radius:12px;flex-wrap:wrap;align-items:end;gap:14px;padding:18px;display:flex}.recordings-day-controls label{color:#b5c6bd;flex-direction:column;gap:7px;font-size:11px;font-weight:700;display:flex}.recordings-day-controls>label{flex:260px;min-width:190px}.recordings-day-controls select,.recordings-day-controls input{min-width:0;height:40px;color:var(--text);font:inherit;background:#111b21;border:1px solid #3c4b49;border-radius:7px;padding:0 11px;font-size:12px}.recordings-day-controls select{width:100%}.recordings-date-controls{flex-wrap:wrap;align-items:end;gap:7px;display:flex}.recordings-date-arrow,.recordings-today,.recordings-refresh{color:#d5ebdc;cursor:pointer;background:#20342b;border:1px solid #41564b;border-radius:7px;justify-content:center;align-items:center;gap:7px;height:40px;padding:0 11px;font-size:11px;font-weight:750;display:inline-flex}.recordings-date-arrow{width:40px;padding:0}.recordings-date-arrow:hover:not(:disabled),.recordings-today:hover,.recordings-refresh:hover:not(:disabled){background:#31533c}.recordings-date-arrow:focus-visible,.recordings-today:focus-visible,.recordings-refresh:focus-visible{outline-offset:2px;outline:2px solid #baf5cb}.recordings-date-arrow:disabled,.recordings-refresh:disabled{opacity:.42;cursor:not-allowed}.recordings-day-overview{background:#16231f;border:1px solid #35483d;border-radius:12px;margin-top:22px;padding:18px}.recordings-day-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.recordings-day-header h2{letter-spacing:-.035em;margin:4px 0 2px;font-size:20px}.recordings-day-header p{color:#afc8b8;margin:0;font-size:11px}.recordings-scan-progress{background:#36463e;border-radius:9px;height:4px;margin:16px 0 0;overflow:hidden}.recordings-scan-progress span{background:#9fe8b6;border-radius:9px;height:100%;transition:width .2s;display:block}.recordings-hour-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:7px;margin-top:17px;display:grid}.recordings-hour{color:#d2e1d6;text-align:left;cursor:pointer;background:#1b2a28;border:1px solid #3a4942;border-radius:8px;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:8px;min-width:0;min-height:73px;padding:9px;display:flex}.recordings-hour:hover:not(:disabled){background:#294538;border-color:#a8e5b6}.recordings-hour:focus-visible{outline-offset:2px;outline:2px solid #baf5cb}.recordings-hour.has-footage{color:#e6ffed;background:#244631;border-color:#5fa574}.recordings-hour.selected{outline-offset:2px;outline:2px solid #d4f7dc}.recordings-hour:disabled{cursor:default;opacity:.57}.recordings-hour-time{white-space:nowrap;font-size:11px;font-weight:800}.recordings-hour-bar{background:#42564c;border-radius:4px;width:100%;height:5px;display:block}.recordings-hour.has-footage .recordings-hour-bar{background:#9ae2aa;box-shadow:0 0 8px #7fda9e5c}.recordings-hour small{color:#adbfaf;white-space:nowrap;font-size:9px}.recordings-hour.has-footage small{color:#bde9c9}.recordings-day-warning,.recordings-day-empty{color:#eec8a9;margin:15px 0 0;font-size:11px;line-height:1.5}.recordings-day-empty{color:#bfd1c3}@media (max-width:1100px){.recordings-hour-grid{grid-template-columns:repeat(8,minmax(0,1fr))}}@media (max-width:700px){.recordings-day-controls{padding:13px}.recordings-date-controls{width:100%}.recordings-date-controls label{flex:1}.recordings-date-controls input{width:100%}.recordings-hour-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.recordings-day-overview{padding:13px}.recordings-day-header h2{font-size:17px}}.time-search-form{align-items:end}.time-search-form label:first-child{flex:none;min-width:130px}.time-search-mode{border:1px solid #3c4b49;border-radius:7px;align-items:center;gap:14px;min-width:0;height:39px;margin:0;padding:0 12px;display:flex}.time-search-mode legend{color:#b5c6bd;padding:0 5px;font-size:11px;font-weight:700}.recordings-search .time-search-mode label{min-width:0;color:var(--text);cursor:pointer;flex-direction:row;align-items:center;gap:6px;font-size:12px;font-weight:600}.recordings-search .time-search-mode input{accent-color:#9fe8b6;height:auto;padding:0}.time-search-rows{gap:8px;margin:14px 0 0;padding:0;list-style:none;display:grid}.time-search-row{background:#172128;border:1px solid #29353c;border-radius:9px;grid-template-columns:minmax(120px,1.1fr) minmax(150px,1.5fr) minmax(140px,3fr) auto;align-items:center;gap:14px;padding:11px 12px;display:grid}.time-search-row.good{border-color:#3f6a50}.time-search-camera,.time-search-status{flex-direction:column;gap:4px;min-width:0;display:flex}.time-search-camera strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.time-search-camera small,.time-search-status small{color:var(--soft);font-variant-numeric:tabular-nums;font-size:10px;line-height:1.4}.time-search-pill{border-radius:5px;align-self:flex-start;padding:3px 7px;font-size:10px;font-weight:750}.time-search-pill.good{color:var(--mint);background:#254337}.time-search-pill.some{color:var(--amber);background:#3d3722}.time-search-pill.none{color:#aab7b3;background:#262f35}.time-search-pill.unknown{color:#ffd6bc;background:#4a3029}.time-search-track{background:#1a2626;border:1px solid #3e514a;border-radius:5px;height:18px;position:relative;overflow:hidden}.time-search-span{background:#7bcda0;border-radius:2px;min-width:3px;position:absolute;top:2px;bottom:2px}.time-search-marker{background:#fff;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;left:50%}.time-search-none{text-align:center;width:66px;color:var(--soft)}.time-search-scale{color:var(--soft);font-variant-numeric:tabular-nums;grid-template-columns:minmax(120px,1.1fr) minmax(150px,1.5fr) minmax(140px,3fr) 66px;gap:14px;margin:9px 0 0;padding:0 13px;font-size:10px;display:grid}.time-search-scale div{grid-column:3;justify-content:space-between;display:flex}.recording-play.time-search-open{justify-content:center;width:66px;margin-left:0}@media (max-width:800px){.time-search-scale{grid-template-columns:1fr;padding:0}.time-search-scale div{grid-column:1}.time-search-row{grid-template-columns:1fr auto}.time-search-status{grid-area:2/1/auto/-1}.time-search-track{grid-area:3/1/auto/-1}}
.health-page{max-width:1300px;margin:0 auto;padding:34px 0 70px}.health-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:27px;display:flex}.health-heading h1{letter-spacing:-.065em;margin:8px 0 12px;font-size:clamp(42px,5.5vw,70px);line-height:1.05}.health-heading p{color:var(--muted);margin:0;font-size:14px;line-height:1.5}.health-refresh{color:#d9f8e4;white-space:nowrap;background:#294b39;border:1px solid #547d63;border-radius:10px;justify-content:center;align-items:center;gap:9px;min-height:42px;padding:0 17px;font-size:13px;font-weight:750;display:inline-flex}.health-refresh:hover:not(:disabled){background:#38684b}.health-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:24px;display:grid}.health-summary-card{border:1px solid var(--line);background:var(--surface);border-radius:14px;align-items:center;gap:14px;min-height:92px;padding:18px 20px;display:flex}.health-summary-card>svg{color:#a7b8b0;flex:none}.health-summary-card.issue>svg{color:#f5bb9c}.health-summary-card.good>svg{color:var(--mint)}.health-summary-card div{flex-direction:column;gap:1px;display:flex}.health-summary-card strong{font-variant-numeric:tabular-nums;font-size:27px;line-height:1}.health-summary-card span{color:var(--muted);font-size:12px}.health-controls{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.health-filter{border:1px solid var(--line);background:#162129;border-radius:11px;gap:4px;padding:4px;display:flex}.health-filter button{color:#aebdb6;background:0 0;border:0;border-radius:7px;padding:8px 13px;font-size:12px;font-weight:750}.health-filter button.active{color:#e5ffed;background:#315640}.health-filter button:hover:not(.active){color:#eaf3ee;background:#26343a}.health-checked{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.health-progress{color:var(--mint);margin:0 0 14px;font-size:12px}.health-grid{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));align-items:stretch;gap:14px;display:grid}.health-camera{background:var(--surface);border:1px solid var(--line);border-radius:14px;flex-direction:column;min-width:0;display:flex;overflow:hidden}.health-camera.black,.health-camera.striped,.health-camera.flat,.health-camera.unavailable{border-color:#684941}.health-camera-copy{padding:17px 18px 13px}.health-camera-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.health-channel{letter-spacing:.12em;color:var(--mint);font-size:11px;font-weight:800}.health-badge{white-space:nowrap;color:#b9e9c7;background:#263d31;border-radius:99px;align-items:center;gap:5px;padding:5px 8px;font-size:10px;font-weight:800;display:inline-flex}.health-badge.black,.health-badge.striped,.health-badge.flat,.health-badge.unavailable{color:#ffd5bd;background:#50352f}.health-camera h2{letter-spacing:-.03em;margin:12px 0 4px;font-size:19px}.health-camera p{color:#b4c4bd;margin:0 0 10px;font-size:12px}.health-camera small{min-height:30px;color:var(--muted);font-size:11px;line-height:1.45;display:block}.health-still{aspect-ratio:16/8;object-fit:contain;background:#0b1115;border-block:1px solid #32403c;width:100%;display:block}.health-no-image{color:#9ca9a6;justify-content:center;align-items:center;gap:9px;font-size:12px;display:flex}.health-history{background:#0b1115;border-block:1px solid #32403c;margin:0}.health-history figcaption{color:#d8f0dd;background:#24352f;flex-wrap:wrap;justify-content:space-between;gap:3px 9px;padding:9px 13px;font-size:11px;display:flex}.health-history figcaption span{color:#b6c9bc}.health-history a{line-height:0;display:block}.health-history a:hover img{opacity:.87}.health-history img{object-fit:contain;width:100%;height:auto;max-height:260px;transition:opacity .15s;display:block}.health-history-unavailable{color:#d6b6a7;align-items:center;min-height:120px;padding:16px;font-size:12px;line-height:1.5;display:flex}.health-history .health-history-final{color:#b9eacb;text-underline-offset:2px;background:#182620;padding:11px 13px;font-size:11px;font-weight:700;line-height:1.4;text-decoration:underline;display:block}.health-history .health-history-final:hover{color:#ecfff1}.health-camera-actions{gap:7px;margin-top:auto;padding:12px 17px;display:flex}.health-camera-actions button{color:#d7efe1;background:#1c2d29;border:1px solid #43564d;border-radius:8px;flex:1;min-height:36px;font-size:11px;font-weight:750}.health-camera-actions button:hover{background:#2b4938}.health-help{border:1px solid var(--line);color:var(--muted);background:#141e23;border-radius:10px;max-width:750px;margin-top:20px;padding:12px 15px;font-size:12px}.health-help summary{color:#bfd8ca;cursor:pointer;align-items:center;gap:8px;font-weight:750;list-style:none;display:flex}.health-help summary::-webkit-details-marker{display:none}.health-help p{margin:11px 0 0;line-height:1.55}.health-message,.health-empty{color:#cdebd6;background:#1b2d28;border:1px solid #3a5d49;border-radius:12px;align-items:center;gap:10px;padding:18px;display:flex}.health-message p{margin:0;font-size:13px}.health-error{color:#ffd8c1;background:#382821;border-color:#765143}.health-empty{text-align:center;flex-direction:column;justify-content:center;min-height:180px}.health-empty strong{font-size:15px}.health-empty span{color:var(--muted);font-size:12px}@media (max-width:720px){.health-page{padding-top:20px}.health-heading{flex-direction:column;align-items:start}.health-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.health-summary-card{flex-direction:column;align-items:start;gap:7px;min-height:83px;padding:11px}.health-summary-card strong{font-size:22px}.health-summary-card span{font-size:10px}.health-controls{flex-direction:column;align-items:start}.health-grid{grid-template-columns:1fr}}.camera-status-history{color:#d9e8df;background:#172820;border:1px solid #3b5147;border-radius:9px;margin:14px 0;font-size:13px}.health-camera>.camera-status-history{margin:12px 16px}.camera-status-history summary{cursor:pointer;padding:13px 15px;font-weight:750}.camera-status-history summary:focus-visible{outline-offset:2px;outline:2px solid #d8eadb}.camera-history-body{padding:0 15px 15px;line-height:1.5}.camera-history-body p{color:#b5c9bd;margin:0 0 12px;font-size:12px}.camera-history-body ol{max-height:360px;margin:14px 0;padding:0;list-style:none;overflow:auto}.camera-history-body li{border-left:3px solid #8d9998;flex-direction:column;gap:4px;margin-bottom:10px;padding:10px 0 10px 12px;display:flex}.camera-history-body li.history-restored{border-left-color:#e5cc66}.camera-history-body time,.camera-history-body li span{color:#c1d1c6;font-size:12px}.camera-history-body small{color:#93ad9e;font-size:11px}.camera-history-body .camera-history-warning{color:#efc88b}.camera-history-actions{flex-wrap:wrap;gap:8px;display:flex}.camera-history-actions button{color:#e1eee5;cursor:pointer;font:inherit;background:#263e30;border:1px solid #587263;border-radius:6px;padding:7px 10px}.camera-history-actions button:disabled{opacity:.5;cursor:wait}
