@font-face{font-family:Inter;src:url('../fonts/Inter-variable.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--cam-bg:#f3f6fa;--cam-surface:#fff;--cam-surface-soft:#f8fafc;--cam-text:#172b4d;--cam-muted:#74839a;--cam-border:#e6ecf3;--cam-blue:#3169ef;--cam-blue-soft:#edf3ff;--cam-shadow:0 3px 18px rgba(29,49,82,.035);--cam-sidebar:274px;--cam-header:80px;--vz-font-sans-serif:Inter,sans-serif;scroll-behavior:smooth}
html[data-camera-theme=dark]{--cam-bg:#101827;--cam-surface:#172234;--cam-surface-soft:#1b293d;--cam-text:#e5edf9;--cam-muted:#9baac0;--cam-border:#2a384c;--cam-blue:#81a7ff;--cam-blue-soft:#223453;--cam-shadow:none;--vz-body-bg:#101827;--vz-body-color:#e5edf9;--vz-card-bg:#172234;--vz-input-bg:#172234;--vz-input-color:#e5edf9;--vz-input-border:#2a384c;color-scheme:dark}
body.camera-shell{background:var(--cam-bg);color:var(--cam-text);font-family:Inter,system-ui,sans-serif;font-size:13px;line-height:1.6;margin:0;letter-spacing:-.15px}
.camera-shell *{box-sizing:border-box}.camera-shell a{text-decoration:none}.camera-shell h1,.camera-shell h2,.camera-shell h3,.camera-shell h4{font-family:inherit;color:var(--cam-text);letter-spacing:-.6px}.camera-shell button,.camera-shell input,.camera-shell select{font-family:inherit}.camera-shell [hidden]{display:none!important}.camera-shell :focus-visible{outline:3px solid #7aa5ff;outline-offset:3px}.camera-shell .skip-link{position:fixed;left:20px;top:-100px;background:var(--cam-surface);padding:12px 20px;z-index:1100;border:2px solid var(--cam-blue)}.camera-shell .skip-link:focus{top:12px}
.camera-sidebar{position:fixed;inset:0 auto 0 0;width:var(--cam-sidebar);background:#121e32;color:#a2b2cd;z-index:1005;display:flex;flex-direction:column;border-right:1px solid #20304a;transition:transform .22s ease;overflow:hidden}
.camera-brand{display:flex;align-items:center;gap:12px;padding:28px 22px 25px;color:#fff;min-height:106px;flex-shrink:0}.camera-brand:hover{color:#fff}.camera-brand img{flex-shrink:0;object-fit:contain}.camera-brand strong{font-size:18px;letter-spacing:-.6px;font-weight:750;display:block;white-space:nowrap}.brand-accent{color:#79a4ff}.camera-brand small{display:block;color:#8fa3c2;font-size:10px;line-height:1.6;margin-top:3px;max-width:158px}
.sidebar-search{margin:2px 20px 16px;border:1px solid #2a3850;background:#19263c;display:flex;align-items:center;gap:9px;padding:8px 11px;border-radius:7px}.sidebar-search i{font-size:17px;color:#7f95b7}.sidebar-search input{min-width:0;width:100%;background:none;border:0;color:#dce6f7;font-size:11px;outline:none}.sidebar-search input::placeholder{color:#8599b7}.sidebar-search:focus-within{border-color:#6596fc}
.sidebar-scroll{flex:1;overflow-y:auto;padding:0 13px 12px;scrollbar-width:thin;scrollbar-color:#35465e transparent}.camera-sidebar .menu-title{padding:22px 15px 9px;font-size:9px;font-weight:650;letter-spacing:1.45px;color:#627d9e;text-transform:uppercase}.camera-sidebar .navbar-nav{padding:0}.camera-sidebar .nav-link{display:flex;align-items:center;gap:11px;padding:11px 13px;color:#a3b4ce;min-height:42px;font-size:12px;font-weight:500;border-radius:6px;margin:2px 0;line-height:1.5;position:relative}.camera-sidebar .nav-link>i{font-size:18px;flex-shrink:0;color:#7e96b8;width:21px}.camera-sidebar .nav-link>span:not(.menu-arrow){min-width:0}.camera-sidebar .nav-link:hover{color:#eef4ff;background:#1b2b44}.camera-sidebar .nav-link.active{background:#243e64;color:#fff}.camera-sidebar .nav-link.active>i{color:#8ab0ff}.camera-sidebar .nav-link.active:before{content:'';position:absolute;inset:10px auto 10px -13px;width:3px;background:#538dff;border-radius:0 3px 3px 0}.camera-sidebar .menu-arrow{margin-left:auto;border:solid #7d94b5;border-width:0 1.5px 1.5px 0;transform:rotate(45deg);height:5px;width:5px;flex-shrink:0;margin-right:4px;transition:transform .2s}.camera-sidebar [aria-expanded=true]>.menu-arrow{transform:rotate(225deg)}.camera-sidebar .menu-dropdown{margin:3px 0 5px 24px;padding-left:8px;border-left:1px solid #2a3b56}.camera-sidebar .nav-sm .nav-link{font-size:11px;min-height:36px;padding:8px 10px;gap:8px}.camera-sidebar .nav-sm .nav-link>i{font-size:14px;width:15px}.camera-sidebar .nav-sm .nav-link.active:before{left:-9px;width:2px}.sidebar-bottom{border-top:1px solid #27354b;padding:15px 20px 18px;flex-shrink:0;background:#121e32}.sidebar-institute{display:flex;align-items:center;gap:11px;font-size:10px;color:#97aac7;margin-bottom:13px}.sidebar-institute>i{font-size:20px;color:#6996ed}.sidebar-institute small{display:block;font-size:9px;color:#5e789b}.sidebar-logout{display:flex;align-items:center;gap:10px;width:100%;border:1px solid #2c3b53;border-radius:6px;padding:9px 11px;background:#19263c;color:#b6c7e0;font-size:11px;text-align:left}.sidebar-logout:hover{background:#253958;color:#fff}.sidebar-logout i{font-size:16px}.sidebar-logout i:last-child{margin-left:auto}.logout-form{margin:0}.sidebar-empty{padding:15px;font-size:11px;color:#91a5c3}.sidebar-overlay{position:fixed;inset:0;border:0;background:rgba(5,14,30,.6);z-index:1004}
.camera-topbar{position:fixed!important;left:var(--cam-sidebar)!important;right:0;top:0;height:var(--cam-header);display:flex;align-items:center;justify-content:space-between;padding:0 32px;background:var(--cam-surface);border-bottom:1px solid var(--cam-border);box-shadow:none;z-index:1003;transition:left .22s}.camera-topbar-left,.camera-topbar-right{display:flex;align-items:center;gap:20px}.shell-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;border:1px solid var(--cam-border);background:var(--cam-surface);color:var(--cam-muted);border-radius:6px;font-size:19px}.shell-icon:hover{background:var(--cam-blue-soft);color:var(--cam-blue)}.topbar-context{line-height:1.4}.topbar-context>span{display:block;font-size:8px;letter-spacing:1.6px;color:var(--cam-muted);font-weight:650}.topbar-context strong{display:block;font-size:13px;font-weight:600;margin-top:3px}.topbar-date{font-size:11px;color:var(--cam-muted);font-variant-numeric:tabular-nums}.topbar-divider{width:1px;height:30px;background:var(--cam-border)}.profile-toggle{display:flex;align-items:center;gap:11px;border:0;background:none;color:var(--cam-text);padding:0;text-align:left}.user-initial{width:37px;height:37px;border-radius:50%;background:var(--cam-blue-soft);color:var(--cam-blue);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.profile-name strong{display:block;font-size:11px;font-weight:600}.profile-name small{display:block;color:var(--cam-muted);font-size:10px}.profile-toggle>i{color:var(--cam-muted);margin-left:6px}.profile-menu{border:1px solid var(--cam-border);background:var(--cam-surface);padding:8px;box-shadow:0 12px 30px #08162d18;min-width:200px;color:var(--cam-text)}.dropdown-account{padding:5px 12px 10px;color:var(--cam-muted);font-size:11px;border-bottom:1px solid var(--cam-border);margin-bottom:5px}.profile-menu .dropdown-item{color:var(--cam-text);font-size:12px;padding:10px;border-radius:5px}.profile-menu .dropdown-item:hover{background:var(--cam-blue-soft);color:var(--cam-blue)}.profile-menu i{font-size:16px;margin-right:8px}
.camera-workspace{margin-left:var(--cam-sidebar);padding-top:var(--cam-header);display:flex;min-height:100vh;flex-direction:column;transition:margin-left .22s}.camera-content{padding:32px;flex:1;min-width:0;width:100%;max-width:1920px;margin:0 auto}.camera-content .container-fluid{padding:0}.camera-content>.content-wrapper{min-height:0;margin:0}.camera-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;color:var(--cam-muted);font-size:10px;border-top:1px solid var(--cam-border);margin:8px 32px 0;padding:17px 0!important;height:auto!important;position:static!important;z-index:auto;min-height:54px}.footer-separator{margin:0 7px;color:#b2bfd3}.sidebar-collapsed .camera-sidebar{transform:translateX(-100%)}.sidebar-collapsed .camera-topbar{left:0!important}.sidebar-collapsed .camera-workspace{margin-left:0}
.page-heading{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:26px}.eyebrow{color:var(--cam-muted);font-size:8px;letter-spacing:1.7px;font-weight:650;margin:0 0 10px;text-transform:uppercase}.eyebrow a{color:var(--cam-muted)}.page-heading h1{font-size:27px;line-height:1.25;font-weight:700;margin:0 0 7px;letter-spacing:-1px}.page-heading p:last-child{margin-bottom:0;font-size:12px;color:var(--cam-muted)}.heading-label{display:flex;align-items:center;gap:8px;color:var(--cam-muted);font-size:11px}.heading-label i{font-size:19px;color:#9aabc1}.camera-shell .btn{border-radius:6px;padding:10px 15px;font-size:11px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:9px;box-shadow:none}.camera-shell .btn i{font-size:16px}.camera-shell .btn-primary{background:#3169ef;border-color:#3169ef;color:#fff}.camera-shell .btn-primary:hover{background:#2456ce;border-color:#2456ce}.camera-shell .btn-light{color:var(--cam-text);background:var(--cam-surface);border:1px solid var(--cam-border)}.camera-shell .btn-light:hover{background:var(--cam-blue-soft);color:var(--cam-blue)}
.overview-hero{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(115deg,#162a48,#193a6b 65%,#1c467c);border:1px solid #24456d;border-radius:10px;min-height:284px;display:flex;align-items:center;justify-content:space-between;padding:32px 36px;color:#fff}.overview-hero:before{content:'';position:absolute;inset:0;z-index:-1;opacity:.16;background-image:linear-gradient(#6c9bce55 1px,transparent 1px),linear-gradient(90deg,#6c9bce55 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(90deg,transparent,#000)}.hero-kicker{font-size:8px;letter-spacing:2.2px;font-weight:600;color:#9cbcf3;display:flex;align-items:center;gap:8px}.hero-kicker>span{height:5px;width:5px;border-radius:50%;background:#8ab5ff;box-shadow:0 0 9px #8ab5ff88}.hero-copy h2{color:#fff;font-size:35px;line-height:1.2;font-weight:700;letter-spacing:-1.4px;margin:17px 0 14px}.hero-copy h2>span{color:#8ab3ff}.hero-copy>p{color:#acbfdc;font-size:11px;line-height:1.9;margin-bottom:22px}.hero-copy .btn{background:#fff;border-color:#fff;color:#204777;padding:10px 16px}.hero-art{width:335px;height:230px;position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-right:25px}.hero-orbit{position:absolute;border:1px solid #7ea9e52e;border-radius:50%}.orbit-one{width:210px;height:210px}.orbit-two{width:310px;height:310px}.hero-building{width:110px;height:110px;display:flex;align-items:center;justify-content:center;border:1px solid #b3cced50;background:linear-gradient(135deg,#5386c940,#2b558b20);transform:rotate(-8deg);border-radius:24px;box-shadow:0 0 55px #548fff2c}.hero-building i{font-size:65px;color:#b3d2ff;transform:rotate(8deg)}.art-node{position:absolute;width:43px;height:43px;border:1px solid #7fa9e45c;background:#214877;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#b2d1ff;font-size:22px;box-shadow:0 8px 25px #071c3630}.node-one{top:9px;left:58px;transform:rotate(-8deg)}.node-two{right:15px;top:75px;transform:rotate(10deg)}.node-three{bottom:7px;left:51px;transform:rotate(-5deg)}.art-caption{position:absolute;bottom:-12px;font-size:7px;letter-spacing:2px;color:#87a8d3}.art-caption b{color:#5e88be;margin:0 7px}
.overview-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:22px 0 32px}.stat-card{padding:22px 24px;background:var(--cam-surface);border:1px solid var(--cam-border);border-radius:8px;display:flex;align-items:flex-start;justify-content:space-between;box-shadow:var(--cam-shadow)}.stat-card div{display:flex;flex-direction:column}.stat-card div>span{font-size:11px;font-weight:550;color:var(--cam-muted)}.stat-card strong{font-size:30px;font-weight:700;line-height:1.2;letter-spacing:-1px;margin:9px 0 5px;font-variant-numeric:tabular-nums}.stat-card small{font-size:9px;color:var(--cam-muted)}.stat-card>i{display:flex;align-items:center;justify-content:center;background:var(--cam-blue-soft);color:var(--cam-blue);width:39px;height:39px;border-radius:8px;font-size:21px}
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:19px}.section-heading h2{font-size:18px;font-weight:650;margin:0}.section-heading .eyebrow{margin-bottom:5px;font-size:7px}.section-search{display:flex;align-items:center;gap:9px;background:var(--cam-surface);border:1px solid var(--cam-border);padding:9px 12px;border-radius:6px;min-width:245px}.section-search i{color:var(--cam-muted);font-size:16px}.section-search input{border:0;background:none;color:var(--cam-text);font-size:10px;outline:none;width:100%;min-width:0}.section-search:focus-within{border-color:var(--cam-blue)}.area-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}.area-card{border:1px solid var(--cam-border);background:var(--cam-surface);border-radius:8px;padding:21px;box-shadow:var(--cam-shadow);min-width:0;transition:border-color .15s,box-shadow .15s}.area-card:hover{border-color:#aac3f3;box-shadow:0 6px 23px #1e3d6e09}.area-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:10px}.area-icon{width:37px;height:37px;display:flex;align-items:center;justify-content:center;border:1px solid var(--cam-border);border-radius:7px;background:var(--cam-surface-soft);color:#7290b5;font-size:21px}.count-pill{font-size:9px;color:var(--cam-muted);border-radius:4px;border:1px solid var(--cam-border);padding:3px 7px;white-space:nowrap}.area-card h3{font-size:14px;font-weight:650;letter-spacing:-.4px;line-height:1.5;margin:0 0 3px}.area-card>p{font-size:10px;color:var(--cam-muted);margin-bottom:15px}.area-links{border-top:1px solid var(--cam-border);padding-top:7px}.area-links a{display:flex;align-items:center;gap:6px;min-height:35px;font-size:10px;color:var(--cam-muted);padding:5px 0}.area-links a>span{flex:1;min-width:0;overflow-wrap:anywhere}.area-links a:hover{color:var(--cam-blue)}.area-links a>small{color:var(--cam-muted);font-size:9px}.area-links a>i{color:#9cb0ce;margin-left:4px}.more-sections summary{font-size:10px;cursor:pointer;color:var(--cam-blue);padding:8px 0;list-style:none;display:flex;align-items:center;justify-content:space-between}.more-sections summary::-webkit-details-marker{display:none}.overview-note{font-size:10px;color:var(--cam-muted);display:flex;align-items:center;gap:7px;margin:17px 0 24px}.overview-note i{font-size:15px}.dashboard-manage{display:flex;align-items:center;gap:13px;border:1px solid var(--cam-border);background:var(--cam-surface);border-radius:7px;padding:17px 21px;color:var(--cam-text)}.dashboard-manage>i:first-child{font-size:22px;color:var(--cam-blue);background:var(--cam-blue-soft);padding:7px;border-radius:6px}.dashboard-manage strong{font-size:11px;display:block;font-weight:600}.dashboard-manage small{font-size:10px;color:var(--cam-muted);display:block;margin-top:3px}.dashboard-manage>i:last-child{margin-left:auto;color:var(--cam-muted);font-size:18px}.empty-state{border:1px dashed var(--cam-border);background:var(--cam-surface);text-align:center;padding:38px 20px;border-radius:8px}.empty-state>i{color:var(--cam-muted);font-size:32px}.empty-state h3{font-size:15px;margin:12px 0 6px}.empty-state p{font-size:11px;color:var(--cam-muted);margin:0}.pinned-streams{margin-top:30px}
.grid-controls{display:flex;align-items:center;background:var(--cam-surface);border:1px solid var(--cam-border);border-radius:7px;padding:4px;flex-shrink:0}.grid-controls button{border:0;background:none;color:var(--cam-muted);padding:7px 11px;display:flex;align-items:center;gap:7px;border-radius:4px;font-size:10px}.grid-controls i{font-size:17px}.grid-controls [aria-pressed=true]{background:var(--cam-blue-soft);color:var(--cam-blue)}.stream-notice{display:flex;align-items:center;gap:9px;padding:12px 15px;background:var(--cam-surface);border:1px solid var(--cam-border);border-radius:7px;margin-bottom:21px;color:var(--cam-muted);font-size:10px}.stream-notice>i{font-size:17px;color:var(--cam-blue)}.stream-page-count{margin-left:auto;white-space:nowrap;font-size:10px;color:var(--cam-text);font-weight:550}.camera-grid{--vz-gutter-x:20px;--bs-gutter-x:20px;row-gap:22px;align-items:start}.camera-tile{min-width:0}.camera-player{aspect-ratio:16/9;background:#0b1120;border:1px solid #1d293d;border-radius:8px 8px 0 0;overflow:hidden;height:auto!important;min-height:0!important;margin:0!important}.camera-tile .cam_title{background:var(--cam-surface);border:1px solid var(--cam-border);border-top:0;border-radius:0 0 8px 8px;padding:14px 16px;justify-content:flex-start!important;gap:8px;min-height:50px;line-height:1.4}.cam_title p{font-size:11px;color:var(--cam-text);font-weight:550;margin:0;display:flex;align-items:center;gap:8px}.cam_title i{font-size:17px;color:var(--cam-blue)}.camera-grid[data-grid="1"]>.camera-tile{width:100%;max-width:100%}.camera-tile .cam_record{margin:0!important;padding:8px;background:var(--cam-surface);border-left:1px solid var(--cam-border);border-right:1px solid var(--cam-border)}.camera-tile .cam_record button{border:1px solid var(--cam-border);background:var(--cam-surface-soft);color:var(--cam-blue);padding:7px 12px;border-radius:4px}.camera-shell .pagination{flex-wrap:wrap;justify-content:center;margin:18px 0;gap:5px}.camera-shell .page-link{font-size:11px;padding:6px 12px;margin:0;border-radius:5px;border-color:var(--cam-border);background:var(--cam-surface);color:var(--cam-muted)}.camera-shell .page-item.active .page-link{color:#fff;background:#3169ef;border-color:#3169ef}
.settings-tabs{display:flex;gap:22px;border-bottom:1px solid var(--cam-border);margin-bottom:21px;overflow:auto}.settings-tabs button{display:flex;align-items:center;gap:8px;border:0;border-bottom:2px solid transparent;background:none;padding:0 2px 13px;color:var(--cam-muted);font-size:11px;font-weight:600;white-space:nowrap}.settings-tabs button>i{font-size:17px}.settings-tabs button>span{background:var(--cam-surface);border:1px solid var(--cam-border);padding:1px 6px;border-radius:4px;font-size:9px}.settings-tabs [aria-selected=true]{border-bottom-color:var(--cam-blue);color:var(--cam-blue)}.settings-panel,.editor-panel{border:1px solid var(--cam-border);border-radius:8px;background:var(--cam-surface);box-shadow:var(--cam-shadow);overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:21px 23px;border-bottom:1px solid var(--cam-border)}.panel-heading h2{font-size:14px;font-weight:650;margin:0 0 4px;letter-spacing:-.3px}.panel-heading p{font-size:10px;color:var(--cam-muted);margin:0}.panel-icon{font-size:23px;color:var(--cam-muted)}.subtle-tag{font-size:9px;background:var(--cam-surface-soft);color:var(--cam-muted);padding:5px 8px;border:1px solid var(--cam-border);border-radius:4px;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.table-scroll{width:100%;overflow-x:auto;padding:0 22px}.camera-table{width:100%!important;border-collapse:collapse;font-size:10px;margin:0!important;color:var(--cam-text)}.camera-table th{background:var(--cam-surface-soft)!important;color:var(--cam-muted);font-size:9px;font-weight:600;white-space:nowrap;padding:12px!important;border-bottom:1px solid var(--cam-border)!important;border-top:0!important}.camera-table td{background:var(--cam-surface)!important;color:var(--cam-text);padding:13px 12px!important;border-bottom:1px solid var(--cam-border)!important;vertical-align:middle!important;overflow-wrap:anywhere}.camera-table tr:hover td{background:var(--cam-surface-soft)!important}.camera-table strong{font-weight:550}.camera-table .mono,.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;white-space:nowrap}.table-actions{white-space:nowrap}.table-action{display:inline-flex;align-items:center;justify-content:center;height:28px;width:28px;background:var(--cam-surface);border:1px solid var(--cam-border);border-radius:4px;margin-right:4px;color:var(--cam-muted);font-size:14px}.table-action:hover{background:var(--cam-blue-soft);color:var(--cam-blue)}.table-action.danger:hover{background:#fff0f0;color:#cf4545;border-color:#facaca}.status-tag{font-size:8px;background:#eaf8f3;color:#23876b;padding:4px 6px;border-radius:4px;white-space:nowrap}.masked-secret{font-size:11px;letter-spacing:1px;color:var(--cam-muted)}.table-note{padding:14px 23px;color:var(--cam-muted);font-size:10px;margin:0;display:flex;gap:7px;align-items:center}.table-note i{font-size:15px}.advanced-tools{border-top:1px solid var(--cam-border);padding:15px 23px;color:var(--cam-muted);font-size:10px;background:var(--cam-surface-soft)}.advanced-tools summary{cursor:pointer;font-weight:600;list-style:none}.advanced-tools summary i{margin-right:7px;font-size:15px}.advanced-tools p{margin:13px 0}.advanced-tools>div{display:flex;flex-wrap:wrap;gap:9px}.dataTables_wrapper{padding-top:18px}.camera-shell .dataTables_wrapper .row{align-items:center;margin:0 0 14px;gap:10px 0}.camera-shell .dataTables_wrapper .row>.col-sm-12{padding:0}.camera-shell .dataTables_wrapper>.row:last-child{margin-top:18px}.camera-shell .dataTables_wrapper label,.dataTables_info{color:var(--cam-muted)!important;font-size:10px!important}.camera-shell .dataTables_wrapper .form-control{height:32px!important;font-size:11px;min-height:32px}.camera-shell .dataTables_wrapper .form-select,.camera-shell .dataTables_wrapper select{height:32px!important;min-height:32px;font-size:10px}.camera-shell div.dataTables_wrapper div.dataTables_filter input{margin-left:8px}.dataTables_empty{padding:30px!important}.camera-shell .dataTables_wrapper .pagination{margin:0;justify-content:flex-end}.camera-shell .dataTables_wrapper .page-link{padding:5px 9px;font-size:10px}
.editor-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:22px;align-items:start}.editor-fields{padding:23px}.camera-shell .form-group{margin-bottom:20px}.camera-shell .form-group>label,.camera-shell .control-label{font-size:11px;font-weight:550;display:block;color:var(--cam-text);margin-bottom:7px}.camera-shell .form-control,.camera-shell .form-select,.camera-shell textarea{background-color:var(--cam-surface);border:1px solid var(--cam-border);color:var(--cam-text);border-radius:5px;min-height:41px;font-size:12px;padding:9px 12px;box-shadow:none;line-height:1.5}.camera-shell .form-control:focus,.camera-shell .form-select:focus{border-color:#81a8ff;box-shadow:0 0 0 3px #3169ef12}.camera-shell input::placeholder{color:#95a4b8}.camera-shell input[type=checkbox]{accent-color:#3169ef;width:15px;height:15px;vertical-align:middle;margin-right:5px}.camera-shell .checkbox label{display:flex;align-items:center;gap:6px;font-size:11px}.camera-shell .help-block{font-size:10px;margin-top:5px}.camera-shell .has-error .help-block{color:#d55252}.camera-shell .has-error .form-control{border-color:#e38e8e}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.editor-hint{display:flex;gap:10px;color:var(--cam-muted);padding:13px;background:var(--cam-surface-soft);border:1px solid var(--cam-border);border-radius:5px;font-size:10px;line-height:1.8}.editor-hint i{font-size:17px;color:var(--cam-blue)}.editor-hint p{margin:0}.editor-actions{display:flex;justify-content:flex-end;gap:11px;padding-top:22px}.camera-content .card{background:var(--cam-surface);border:1px solid var(--cam-border);border-radius:8px;box-shadow:var(--cam-shadow)}.camera-content>.content-wrapper>section.content:not(.camera-stream-section){background:var(--cam-surface);border:1px solid var(--cam-border);border-radius:8px;padding:24px!important}.camera-content>.content-wrapper>.content-header h1{color:var(--cam-text);font-size:23px!important;text-align:left!important;font-weight:650}.camera-content>.content-wrapper>.content-header{margin-bottom:20px}
.camera-auth{min-height:100vh}.auth-layout{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr}.auth-story{background:linear-gradient(145deg,#101c30,#1b3459);display:flex;flex-direction:column;justify-content:space-between;color:#fff;position:relative;overflow:hidden;padding:26px 42px}.auth-story:before{content:'';position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#51739812 1px,transparent 1px),linear-gradient(90deg,#51739812 1px,transparent 1px);background-size:48px 48px}.auth-story .camera-brand{padding:0;position:relative;min-height:70px}.auth-story .camera-brand small{max-width:none}.auth-story-copy{position:relative;padding:70px 35px;max-width:600px}.auth-story h1{font-size:44px;font-weight:700;line-height:1.25;color:#f5f8ff;letter-spacing:-1.8px;margin:21px 0}.auth-story h1 span{color:#80abff}.auth-story-copy>p:not(.hero-kicker){color:#9bb0cf;font-size:13px;line-height:2;margin-bottom:36px}.auth-feature{display:flex;align-items:center;gap:12px;color:#b2c4df;font-size:11px;margin:16px 0}.auth-feature i{font-size:19px;color:#80aaf7;width:33px}.auth-story-footer{position:relative;letter-spacing:2px;font-size:8px;color:#728eaf;padding:20px 0}.auth-form-side{display:flex;align-items:center;justify-content:center;flex-direction:column;background:var(--cam-bg);position:relative;padding:60px 35px 30px;gap:60px}.auth-theme-toggle{position:absolute;top:28px;right:28px}.auth-card{width:100%;max-width:355px}.auth-lock{display:inline-flex;width:45px;height:45px;align-items:center;justify-content:center;border-radius:9px;background:var(--cam-blue-soft);color:var(--cam-blue);font-size:22px;margin-bottom:29px}.auth-card h2{font-size:28px;font-weight:700;letter-spacing:-1px;margin:7px 0 8px}.auth-card .eyebrow{font-size:8px;color:var(--cam-blue)}.auth-intro{font-size:12px;color:var(--cam-muted);margin-bottom:30px}.auth-form .form-group{margin-bottom:20px}.auth-form .form-control{background:var(--cam-surface);min-height:46px}.auth-submit{width:100%;margin-top:10px;min-height:45px;justify-content:space-between!important;padding:12px 16px!important}.auth-help{display:flex;gap:8px;color:var(--cam-muted);font-size:10px;line-height:1.8;margin-top:25px;border-top:1px solid var(--cam-border);padding-top:22px}.auth-help i{font-size:17px;margin-top:1px}.auth-form-side footer{font-size:9px;color:var(--cam-muted);height:auto!important;position:static!important;z-index:auto;padding:0!important}.auth-form .checkbox label{color:var(--cam-muted)}
@media(min-width:1650px){.area-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.overview-hero{min-height:304px}.hero-art{margin-right:80px}.hero-copy h2{font-size:39px}}
@media(max-width:1279px){:root{--cam-sidebar:250px}.camera-content{padding:25px}.camera-topbar{padding:0 25px}.area-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-art{width:250px;margin-right:0}.orbit-two{width:260px;height:260px}.overview-hero{padding:28px}.hero-copy h2{font-size:31px}.stat-card{padding:19px}.stat-card small{font-size:8px}.editor-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.camera-topbar-right{gap:15px}}
@media(max-width:1099px){.camera-sidebar{transform:translateX(-100%)}.camera-workspace{margin-left:0!important}.camera-topbar{left:0!important}.sidebar-open .camera-sidebar{transform:translateX(0)}.sidebar-open{overflow:hidden}.camera-footer{margin-left:25px;margin-right:25px}.auth-story{padding:25px}.auth-story-copy{padding:60px 15px}.auth-story h1{font-size:37px}}
@media(max-width:767px){:root{--cam-header:68px}.camera-content{padding:22px 17px}.camera-topbar{padding:0 17px}.camera-topbar-left{gap:12px}.camera-topbar-right{gap:10px}.topbar-date,.profile-name,.profile-toggle>i{display:none}.topbar-divider{height:24px}.topbar-context strong{font-size:12px}.topbar-context>span{font-size:7px}.shell-icon{width:33px;height:33px}.user-initial{width:33px;height:33px;font-size:12px}.page-heading{align-items:flex-start;margin-bottom:22px;gap:15px;flex-wrap:wrap}.page-heading h1{font-size:23px}.page-heading p:last-child{font-size:11px}.eyebrow{font-size:7px;letter-spacing:1.3px}.heading-label{display:none}.overview-hero{min-height:248px;padding:27px 25px}.hero-copy h2{font-size:29px}.hero-copy>p{font-size:10px}.hero-art{width:125px;margin-right:-20px;opacity:.75;transform:scale(.7);transform-origin:center right}.hero-copy{position:relative;z-index:1}.hero-building{width:95px;height:95px}.hero-building i{font-size:57px}.orbit-one{width:170px;height:170px}.orbit-two{width:245px;height:245px}.node-one{left:-27px;top:13px}.node-two{right:-21px}.node-three{left:-32px;bottom:13px}.art-caption{display:none}.overview-stats{gap:9px;margin:14px 0 27px}.stat-card{padding:14px 12px;position:relative;min-height:121px}.stat-card>i{width:25px;height:25px;font-size:14px;border-radius:5px;position:absolute;right:10px;top:13px}.stat-card div>span{font-size:9px;padding-top:33px}.stat-card strong{font-size:24px;margin:5px 0 0}.stat-card small{display:none}.section-heading{flex-wrap:wrap;gap:13px}.section-heading h2{font-size:17px}.section-search{width:100%;min-width:0;padding:10px 12px}.area-grid{gap:12px}.area-card{padding:15px}.area-card-top{margin-bottom:13px}.area-card h3{font-size:13px}.area-links a{font-size:9px}.area-icon{height:31px;width:31px;font-size:18px}.count-pill{font-size:8px;padding:2px 5px}.overview-note{align-items:flex-start;font-size:9px}.dashboard-manage{padding:14px 15px}.dashboard-manage strong{font-size:10px}.dashboard-manage small{font-size:9px}.camera-footer{flex-direction:column;align-items:flex-start;gap:4px;margin:10px 17px 0;padding:14px 0!important;font-size:9px}.grid-controls{margin-top:0}.grid-controls button{font-size:9px;padding:6px 9px}.camera-grid>.camera-tile{width:100%;max-width:100%}.stream-notice{font-size:9px;align-items:flex-start;padding:10px 12px}.stream-page-count{font-size:9px}.camera-grid{row-gap:16px}.cam_title p{font-size:10px}.settings-tabs{gap:18px}.settings-tabs button{font-size:10px}.settings-tabs button>span{font-size:8px}.panel-heading{padding:17px;align-items:flex-start;flex-wrap:wrap}.panel-heading h2{font-size:13px}.subtle-tag{font-size:8px}.table-scroll{padding:0 16px}.table-note{padding:13px 17px;font-size:9px;align-items:flex-start}.advanced-tools{padding:14px 17px}.editor-grid{grid-template-columns:1fr;gap:16px}.editor-fields{padding:18px}.field-pair{gap:12px}.editor-actions{flex-wrap:wrap;padding-top:18px}.editor-actions .btn{flex:1}.auth-layout{display:block}.auth-story{padding:22px 25px}.auth-story .camera-brand{min-height:52px}.auth-story-copy,.auth-story-footer{display:none}.auth-form-side{min-height:calc(100vh - 96px);padding:75px 25px 25px;gap:38px}.auth-theme-toggle{top:20px;right:22px}.auth-lock{margin-bottom:20px}.auth-card h2{font-size:26px}.camera-shell .dataTables_wrapper .row{display:flex}.camera-shell .dataTables_wrapper .row>.col-md-6{width:100%}.camera-shell .dataTables_wrapper div.dataTables_filter{text-align:left}.camera-shell .dataTables_wrapper .pagination{justify-content:flex-start}.camera-content>.content-wrapper>section.content:not(.camera-stream-section){padding:18px!important}}
@media(max-width:359px){.area-grid{grid-template-columns:1fr}.hero-art{display:none}.overview-hero{padding:25px}.stat-card{padding:12px 9px}.stat-card div>span{font-size:8px}.camera-topbar-right{gap:7px}.topbar-divider{display:none}.topbar-context{max-width:125px}.field-pair{grid-template-columns:1fr;gap:0}.settings-tabs{gap:12px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.route-user .panel-default{border:1px solid var(--cam-border);border-radius:7px;overflow:hidden;margin-bottom:16px}.route-user .panel-body{padding:18px}.route-user .panel-title{font-size:12px;font-weight:600}.route-user .panel-heading{padding:17px 18px}.route-user .ua-global-box{background:var(--cam-surface-soft)!important}.route-user .container{max-width:100%;padding:0}
/* Readability, proper theme ownership and personal profile. */
#page-topbar.camera-topbar{background:var(--cam-surface);color:var(--cam-text);border-bottom-color:var(--cam-border)}
html[data-camera-theme=dark]{--vz-secondary-color:#9baac0;--vz-heading-color:#e5edf9;--vz-border-color:#2a384c;--vz-tertiary-bg:#1b293d;--vz-secondary-bg:#172234;--vz-light:#1b293d;--vz-dropdown-bg:#172234;--vz-dropdown-color:#e5edf9;--vz-dropdown-link-color:#e5edf9}
.camera-topbar .topbar-context strong{color:var(--cam-text);font-size:14px}.camera-topbar .topbar-context>span{font-size:9px;color:var(--cam-muted)}.camera-topbar .topbar-date{font-size:12px;color:var(--cam-muted)}
.camera-shell{font-size:14px!important}.camera-sidebar .nav-link{font-size:13px;min-height:44px}.camera-sidebar .nav-sm .nav-link{font-size:12px;min-height:38px;line-height:1.6}.sidebar-search input{font-size:12px}.sidebar-logout{font-size:12px}.sidebar-empty{font-size:12px}.camera-brand small{font-size:11px}.camera-sidebar .menu-title{font-size:10px}.camera-sidebar .nav-link>span:not(.menu-arrow){overflow-wrap:anywhere}
.camera-breadcrumbs{margin:0 0 19px;font-size:12px;line-height:1.7}.camera-breadcrumbs ol{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:0;flex-wrap:wrap}.camera-breadcrumbs li{display:flex;align-items:center;gap:7px;color:var(--cam-muted);min-width:0;overflow-wrap:anywhere}.camera-breadcrumbs li+li:before{content:'›';margin:0 11px;color:var(--cam-muted);font-size:17px;font-weight:400}.camera-breadcrumbs a{color:var(--cam-muted)}.camera-breadcrumbs a:hover{color:var(--cam-blue);text-decoration:underline}.camera-breadcrumbs [aria-current=page]{color:var(--cam-text);font-weight:550}.camera-breadcrumbs li>i{font-size:15px;color:var(--cam-muted)}
.camera-shell .page-heading p:last-child{font-size:13px}.camera-shell .btn{font-size:12px;min-height:39px}.section-search input{font-size:12px}.area-links a{font-size:12px;min-height:38px}.area-card h3{font-size:15px}.area-card>p{font-size:12px}.count-pill{font-size:11px}.area-links a>small{font-size:11px}.more-sections summary{font-size:12px}.stat-card div>span{font-size:13px}.stat-card small{font-size:11px}.overview-note,.table-note{font-size:12px}.dashboard-manage strong{font-size:13px}.dashboard-manage small{font-size:12px}.camera-footer{font-size:11px}.stream-notice{font-size:12px}.cam_title p{font-size:13px}.grid-controls button{font-size:12px}
.camera-shell .camera-table{font-size:13px;min-width:1030px}.camera-shell .camera-table th{font-size:11px;padding:15px 14px!important;font-weight:600;letter-spacing:.1px}.camera-shell .camera-table td{padding:16px 14px!important;line-height:1.6}.camera-table strong{font-weight:600}.camera-table .mono{font-size:12px}.camera-table td:nth-child(2){min-width:190px}.camera-table td:nth-child(6){min-width:170px}.table-action{width:36px;height:36px;font-size:18px;margin-right:5px}.status-tag{font-size:11px;padding:4px 8px}.masked-secret{font-size:12px}.settings-tabs button{font-size:13px;padding-bottom:15px}.settings-tabs button>span{font-size:11px}.settings-tabs button>i{font-size:19px}.panel-heading h2{font-size:16px}.panel-heading p{font-size:12px}.subtle-tag{font-size:11px}.camera-shell .dataTables_wrapper label,.camera-shell .dataTables_info{font-size:12px!important}.camera-shell .dataTables_wrapper .form-control,.camera-shell .dataTables_wrapper .form-select,.camera-shell .dataTables_wrapper select{height:39px!important;min-height:39px;font-size:12px}.camera-shell .dataTables_wrapper .page-link{font-size:12px;min-width:34px;padding:7px 11px}.table-filters{display:flex;align-items:center;gap:11px;flex-wrap:wrap;padding:17px 23px 0}.table-filters label{font-size:12px;color:var(--cam-muted)}.table-filters .form-select{max-width:300px;min-height:39px;font-size:12px}.table-filters .filter-hint{font-size:11px;color:var(--cam-muted);margin-left:auto}
.camera-shell .form-group>label,.camera-shell .control-label{font-size:13px}.camera-shell .form-control,.camera-shell .form-select,.camera-shell textarea{font-size:13px;min-height:43px}.camera-shell .checkbox label{font-size:13px}.editor-hint{font-size:12px}.camera-shell .help-block{font-size:12px}.route-user .panel-title{font-size:14px}.acl-global-surface{background:var(--cam-surface-soft)!important;color:var(--cam-text)}.acl-mode-note{font-size:12px;color:var(--cam-muted);margin:0 0 14px;padding:10px 12px;background:var(--cam-surface-soft);border-radius:5px;line-height:1.7}.route-user .ua-global-active{opacity:.7!important}.route-user #ua-tree{font-size:13px}.route-user .text-muted{color:var(--cam-muted)!important}
.profile-toggle{padding:5px 8px 5px 5px;border-radius:8px}.profile-toggle:hover{background:var(--cam-surface-soft)}.user-initial{height:42px;width:42px;font-size:16px;overflow:hidden;flex-shrink:0;border:1px solid var(--cam-border);position:relative}.user-initial>span{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.profile-avatar-photo{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}.profile-name strong{font-size:13px}.profile-name small{font-size:11px}.profile-menu{min-width:300px;padding:0;overflow:hidden;border-radius:10px}.dropdown-profile-summary{display:flex;align-items:center;gap:13px;padding:20px 20px 13px}.dropdown-profile-summary strong{font-size:14px;line-height:1.5;display:block;font-weight:650;overflow-wrap:anywhere}.dropdown-profile-summary small{font-size:12px;color:var(--cam-muted);display:block;margin-top:3px}.dropdown-avatar{width:52px;height:52px;font-size:20px}.profile-menu-role{padding:0 20px 16px;border-bottom:1px solid var(--cam-border)}.profile-menu-role>span{display:inline-block;padding:3px 8px;color:var(--cam-blue);background:var(--cam-blue-soft);border-radius:4px;font-size:10px;font-weight:550}.profile-menu .dropdown-item{border:0;border-radius:0;display:flex;align-items:center;gap:12px;padding:15px 20px;font-size:12px;white-space:normal}.profile-menu .dropdown-item>i{font-size:19px;margin:0;color:var(--cam-muted)}.profile-menu .dropdown-item>i:last-child{margin-left:auto;font-size:16px}.profile-menu .dropdown-item>span{flex:1}.profile-menu .dropdown-item small{font-size:10px;color:var(--cam-muted);display:block;margin-top:2px}.profile-menu .profile-menu-logout{border-top:1px solid var(--cam-border);color:#d76666;margin-top:4px}.profile-menu .profile-menu-logout i{color:#d76666}.profile-menu .profile-menu-logout:hover{background:#d7666610;color:#d76666}
.profile-page-grid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.5fr);gap:24px;align-items:start;max-width:1250px}.profile-summary-card{background:var(--cam-surface);border:1px solid var(--cam-border);border-radius:10px;overflow:hidden;box-shadow:var(--cam-shadow)}.profile-cover{height:110px;background:linear-gradient(120deg,#1b3356,#396cc0);position:relative}.profile-cover:after{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff12 1px,transparent 1px),linear-gradient(90deg,#ffffff12 1px,transparent 1px);background-size:24px 24px}.profile-summary-body{padding:0 25px 25px;text-align:center}.profile-large-avatar{height:98px;width:98px;margin:-49px auto 17px;border-radius:50%;border:5px solid var(--cam-surface);background:var(--cam-blue-soft);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:35px;color:var(--cam-blue);font-weight:650}.profile-large-avatar img{width:100%;height:100%;object-fit:cover}.profile-summary-body h2{font-size:21px;margin:0 0 5px;line-height:1.5;overflow-wrap:anywhere}.profile-summary-body>p{font-size:13px;color:var(--cam-muted);margin-bottom:12px}.profile-role-tag{font-size:11px;color:var(--cam-blue);background:var(--cam-blue-soft);padding:5px 10px;border-radius:5px;display:inline-block}.profile-facts{border-top:1px solid var(--cam-border);margin:24px 0 20px;padding-top:17px;text-align:left}.profile-facts>div{margin:0 0 13px}.profile-facts dt{display:flex;align-items:center;gap:7px;color:var(--cam-muted);font-size:11px;font-weight:400;margin:0 0 4px}.profile-facts dt i{font-size:14px}.profile-facts dd{font-size:13px;margin:0;overflow-wrap:anywhere}.profile-summary-body>.btn{width:100%}.photo-upload-area{display:flex;align-items:center;gap:20px;margin-bottom:25px;padding:22px;border:1px dashed var(--cam-border);border-radius:8px;background:var(--cam-surface-soft)}.photo-preview{width:90px;height:90px;flex-shrink:0;border-radius:50%;border:1px solid var(--cam-border);overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--cam-blue-soft);color:var(--cam-blue);font-size:36px}.photo-preview img{width:100%;height:100%;object-fit:cover}.photo-upload-area h3{font-size:14px;font-weight:600;line-height:1.5;margin:0 0 6px}.photo-upload-area p{font-size:12px;color:var(--cam-muted);margin:0;line-height:1.8}.photo-editor .editor-fields{padding:25px}.photo-editor input[type=file]{width:100%;font-size:12px;padding:9px;border:1px solid var(--cam-border);border-radius:6px;background:var(--cam-surface);color:var(--cam-text)}.photo-editor input[type=file]::file-selector-button{border:0;border-radius:4px;background:var(--cam-blue-soft);color:var(--cam-blue);padding:7px 10px;margin-right:10px;font-size:12px;cursor:pointer}.photo-form-actions{display:flex;justify-content:flex-end;border-top:1px solid var(--cam-border);padding-top:20px;margin-top:20px}.photo-remove-form{margin:16px 0 24px;text-align:right}.photo-editor .editor-hint{margin-top:24px}.photo-selected{color:var(--cam-muted);font-size:12px;margin:13px 0;overflow-wrap:anywhere}.photo-selected.is-error{color:#cf5555}
@media(max-width:1099px){.profile-page-grid{grid-template-columns:minmax(250px,.8fr) minmax(0,1.4fr)}}
@media(max-width:767px){.camera-breadcrumbs{font-size:11px;margin-bottom:17px}.camera-breadcrumbs li+li:before{margin:0 8px}.profile-name{display:none}.camera-topbar .user-initial{width:35px;height:35px;font-size:14px}.profile-menu{min-width:280px;max-width:calc(100vw - 24px)}.camera-topbar-right{gap:6px}.camera-topbar .topbar-context strong{font-size:12px}.camera-topbar .topbar-context>span{font-size:8px}.stat-card div>span{font-size:10px}.stat-card small{display:none}.count-pill{font-size:10px}.area-links a{font-size:11px}.area-card>p{font-size:11px}.area-card h3{font-size:14px}.area-links a>small{font-size:10px}.overview-note,.table-note{font-size:11px}.dashboard-manage strong{font-size:12px}.dashboard-manage small{font-size:11px}.camera-shell .page-heading p:last-child{font-size:12px}.stream-notice{font-size:11px}.grid-controls button{font-size:11px}.panel-heading{padding:18px}.panel-heading p{font-size:11px}.settings-tabs{gap:17px}.settings-tabs button{font-size:12px}.table-filters{padding:15px 17px 0}.table-filters .form-select{max-width:none;flex:1}.table-filters .filter-hint{margin-left:0;width:100%;font-size:10px}.profile-page-grid{grid-template-columns:1fr;gap:20px}.profile-summary-body{padding:0 22px 22px}.profile-cover{height:95px}.profile-large-avatar{height:88px;width:88px;margin-top:-44px;font-size:31px}.photo-editor .editor-fields{padding:20px}.photo-upload-area{padding:17px;gap:14px}.photo-preview{width:72px;height:72px;font-size:29px}.photo-upload-area h3{font-size:13px}.photo-upload-area p{font-size:11px}.camera-footer{font-size:10px}}
@media(max-width:470px){.area-grid{grid-template-columns:1fr}.area-links a{font-size:12px}.area-card{padding:19px}.photo-upload-area{flex-direction:column;text-align:center}.photo-form-actions .btn{width:100%}.camera-breadcrumbs li{max-width:100%}.camera-topbar .topbar-context{max-width:132px}.settings-tabs{gap:14px}.settings-tabs button{font-size:11px}.settings-tabs button>span{font-size:10px}}
.photo-file-control{position:relative;display:flex;align-items:center;gap:12px;border:1px solid var(--cam-border);border-radius:6px;padding:10px 12px;background:var(--cam-surface);min-width:0}.photo-file-button{display:flex;align-items:center;gap:7px;padding:8px 11px;border-radius:4px;background:var(--cam-blue-soft);color:var(--cam-blue);font-size:12px;font-weight:550;flex-shrink:0;cursor:pointer;margin:0}.photo-file-button i{font-size:17px}.photo-file-control>span{color:var(--cam-muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.photo-file-control:focus-within{outline:3px solid #81a7ff;outline-offset:3px}.camera-content .camera-flash{font-size:13px;padding:15px 45px 15px 17px;margin-bottom:22px;border-radius:7px}.camera-content .camera-flash .btn-close{top:3px}.camera-shell .camera-flash.alert-success{background:#e8f7f0;color:#246d56;border-color:#c2e6d5}html[data-camera-theme=dark] .camera-flash.alert-success{background:#163a35;color:#93dbc3;border-color:#295246}html[data-camera-theme=dark] .camera-flash .btn-close{filter:invert(1)}

/* Admin-only assignment and on-demand stream diagnostics. */
.camera-admin-notice{display:flex;align-items:center;gap:16px;padding:20px 22px;margin:0 0 20px;background:var(--cam-surface);border:1px solid var(--cam-border);border-left:3px solid #d99b28;border-radius:8px;flex-wrap:wrap}
.camera-admin-notice>i{font-size:24px;color:#d99b28}.camera-admin-notice>div{flex:1;min-width:220px}.camera-admin-notice strong{font-size:15px;color:var(--cam-text)}.camera-admin-notice p{margin:6px 0 0;font-size:13px;line-height:1.7;color:var(--cam-muted)}
.dashboard-camera-notice{margin-top:24px}.camera-health-tools{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:20px 22px;margin-bottom:20px;background:var(--cam-surface);border:1px solid var(--cam-border);border-radius:8px}.camera-health-tools>div:first-child{flex:1;min-width:220px}.camera-health-tools h3{font-size:16px;margin:0 0 7px;color:var(--cam-text)}.camera-health-tools p{font-size:13px;color:var(--cam-muted);margin:0;line-height:1.7}.health-buttons{display:flex;gap:8px;flex-wrap:wrap}#camera-check-progress{flex-basis:100%;color:var(--cam-text)}.health-summary{font-size:13px;color:var(--cam-muted);flex-basis:100%}
.health-tag{display:inline-block;font-size:12px;font-weight:600;padding:5px 8px;border-radius:4px;white-space:nowrap;background:var(--cam-bg);color:var(--cam-muted)}.health-video{background:#0e937018;color:#087f62}.health-not_found,.health-unreachable,.health-no_video,.health-protocol_error{background:#d6524218;color:#bb4233}.health-time{display:block;white-space:nowrap;font-size:11px;color:var(--cam-muted);margin:5px 0}.health-check-one{border:0;background:transparent;color:var(--cam-blue);padding:3px 0;font:inherit;font-size:12px;cursor:pointer;min-height:28px}.health-check-one:disabled{opacity:.5;cursor:wait}.health-check-one:focus-visible{outline:2px solid var(--cam-blue);outline-offset:3px}
#examplecamindex{min-width:1240px}.table-filters{flex-wrap:wrap}.table-filters #camera-health-filter{max-width:230px}html[data-camera-theme=dark] .health-video{color:#65dbc0}html[data-camera-theme=dark] .health-not_found,html[data-camera-theme=dark] .health-unreachable,html[data-camera-theme=dark] .health-no_video,html[data-camera-theme=dark] .health-protocol_error{color:#ffab9e}
@media(max-width:600px){.camera-admin-notice,.camera-health-tools{padding:16px}.camera-admin-notice>div,.camera-health-tools>div:first-child{min-width:0;flex-basis:calc(100% - 50px)}.camera-admin-notice .btn,.health-buttons,.health-buttons .btn{width:100%}.table-filters .form-select{max-width:none!important;width:100%}.table-filters .btn{width:100%}}
@media(max-width:600px){.route-cameras .table-filters{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}.route-cameras .table-filters select.form-select{width:100%!important;max-width:100%!important}.route-cameras .table-filters label{margin-top:4px}}

/* Dedicated inventory-wide diagnostics. */
.diagnostics-shortcut{display:flex;align-items:center;gap:12px;margin:0 20px 20px;padding:15px 18px;border:1px solid var(--cam-border);background:var(--cam-surface-soft);border-radius:8px;font-size:13px;color:var(--cam-muted);flex-wrap:wrap}.diagnostics-shortcut>i{color:var(--cam-blue);font-size:22px}.diagnostics-shortcut>span{flex:1;min-width:180px}.diagnostics-panel .camera-health-tools{margin:20px}.diagnostics-progress{width:100%}.diagnostics-progress>div{display:flex;gap:15px;align-items:start;justify-content:space-between;font-size:13px;line-height:1.7;color:var(--cam-text)}#camera-check-count{white-space:nowrap;font-variant-numeric:tabular-nums}#camera-check-bar{appearance:none;display:block;width:100%;height:7px;border:none;border-radius:5px;background:var(--cam-border);margin-top:13px;accent-color:var(--cam-blue)}#camera-check-bar::-webkit-progress-bar{background:var(--cam-border);border-radius:5px}#camera-check-bar::-webkit-progress-value{background:var(--cam-blue);border-radius:5px}.diagnostics-counters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px}.diagnostics-counters>button{display:flex;align-items:center;gap:13px;padding:18px;text-align:left;border:1px solid var(--cam-border);border-radius:8px;background:var(--cam-surface);color:var(--cam-muted);font-size:12px;line-height:1.6;cursor:pointer}.diagnostics-counters>button[aria-pressed=true]{border-color:var(--cam-blue);background:var(--cam-blue-soft)}.diagnostics-counters i{font-size:24px;color:var(--cam-blue)}.diagnostics-counters strong{display:block;font-size:27px;color:var(--cam-text);font-variant-numeric:tabular-nums}.diagnostics-explanation{margin:16px 22px}.diagnostic-address{display:block;margin-top:6px;color:var(--cam-muted);font-size:11px}.diagnostic-time{white-space:nowrap;font-size:12px}.diagnostic-old{display:block;color:#b77b13;font-size:11px;line-height:1.5;margin-top:6px}.diagnostic-old[hidden]{display:none}.diagnostic-actions{white-space:nowrap}.diagnostic-actions .btn{margin-right:8px}.diagnostic-actions .table-action{vertical-align:middle}#camera-diagnostics-table{min-width:900px}.diagnostics-counters button:focus-visible{outline:2px solid var(--cam-blue);outline-offset:3px}html[data-camera-theme=dark] .diagnostic-old{color:#e1b85f}
@media(max-width:900px){.diagnostics-counters{grid-template-columns:repeat(2,minmax(0,1fr))}.diagnostics-counters>button{padding:14px;gap:10px}}
@media(max-width:600px){.diagnostics-counters,.diagnostics-panel .camera-health-tools{margin:16px}.diagnostics-counters{gap:10px}.diagnostics-counters i{font-size:19px}.diagnostics-counters>button{font-size:11px;padding:12px}.diagnostics-counters strong{font-size:24px}.diagnostics-shortcut{margin:0 16px 16px}.diagnostics-shortcut .btn{width:100%}.diagnostics-progress>div{font-size:12px}}
.diagnostics-counters>button,.diagnostics-counters>button span{min-width:0}.diagnostics-counters>button span{overflow-wrap:anywhere}.diagnostics-panel .health-buttons{min-width:0}.diagnostics-panel .health-buttons .btn{white-space:normal}.camera-error-state{text-align:center;max-width:620px;margin:70px auto;padding:28px}.camera-error-state .auth-lock{margin:0 auto 20px}.error-status{display:block;font-size:56px;line-height:1.2;color:var(--cam-blue);margin:12px 0}.camera-error-state h1{font-size:25px;margin:12px 0}.camera-error-state p{color:var(--cam-muted);font-size:14px;line-height:1.8;margin:15px 0 25px}.auth-card .camera-flash{font-size:13px;line-height:1.7;text-align:left}