:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--background:#f6f7f5;--foreground:#1f2523;--muted:#eef1ed;--muted-foreground:#5c6863;--card:#fff;--card-foreground:#1f2523;--surface-subtle:#fbfcfa;--border:#d8ded8;--border-active:#b8d3ca;--input:#fff;--primary:#256b5f;--primary-hover:#1f5f54;--primary-foreground:#fff;--secondary:#edf4f1;--secondary-foreground:#24463f;--accent:#d98735;--accent-foreground:#261505;--destructive:#b33d35;--destructive-muted:#fff4f2;--destructive-text:#75221d;--destructive-foreground:#fff;--success:#23724d;--warning:#b76b17;--info:#386b91;--info-muted:#f1f7fa;--info-text:#294f6d;--stale:#707772;--ring:#2d8d7e;--border-dashed:#bac4bd;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 1px 2px #1f252314;--shadow-md:0 12px 30px #1f252314}*{box-sizing:border-box}html{background:var(--background);min-width:320px;color:var(--foreground);font-family:var(--font-sans)}body{background:var(--background);min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit}#root{min-height:100vh}.app-shell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.app-sidebar{border-right:1px solid var(--border);background:var(--surface-subtle);flex-direction:column;gap:24px;min-height:100vh;padding:24px 18px;display:flex}.brand-block{gap:4px;display:grid}.brand-title{color:var(--foreground);letter-spacing:0;margin:0;font-size:1.05rem;font-weight:720}.brand-subtitle{color:var(--muted-foreground);margin:0;font-size:.83rem;line-height:1.35}.nav-list{gap:6px;display:grid}.nav-item{border-radius:var(--radius-md);width:100%;color:var(--muted-foreground);text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:10px;padding:10px 12px;transition:background .16s,border-color .16s,color .16s;display:flex}.nav-item:hover{background:var(--muted);color:var(--foreground)}.nav-item[aria-current=page]{border-color:var(--border-active);background:var(--secondary);color:var(--secondary-foreground);font-weight:650}.experience-switcher{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);gap:8px;padding:12px;display:grid}.experience-switcher>span{color:var(--muted-foreground);text-transform:uppercase;font-size:.76rem;font-weight:750}.experience-switcher-actions{gap:6px;display:grid}.experience-option{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card);min-height:34px;color:var(--muted-foreground);justify-content:center;align-items:center;padding:7px 9px;font-size:.82rem;font-weight:700;text-decoration:none;display:inline-flex}.experience-option:hover{background:var(--muted);color:var(--foreground)}.experience-option[aria-current=page]{border-color:var(--border-active);background:var(--secondary);color:var(--secondary-foreground)}.experience-option:focus-visible{outline:none;box-shadow:0 0 0 3px #2d8d7e38}.sidebar-footer{gap:10px;margin-top:auto;display:grid}.user-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);gap:4px;padding:12px;display:grid}.user-card strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-card span{color:var(--muted-foreground);font-size:.82rem}.app-main{min-width:0;padding:28px}.topbar{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.page-kicker{color:var(--muted-foreground);letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-size:.78rem;font-weight:700}.page-title{color:var(--foreground);letter-spacing:0;margin:0;font-size:1.85rem;font-weight:760;line-height:1.15}.page-description{max-width:720px;color:var(--muted-foreground);margin:8px 0 0;line-height:1.5}.workspace{gap:20px;display:grid}.auth-layout{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-panel{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card);width:min(100%,440px);box-shadow:var(--shadow-md);padding:28px}.form-stack{gap:16px;margin-top:24px;display:grid}.field{gap:7px;display:grid}.field label{color:var(--foreground);font-size:.88rem;font-weight:650}.field input{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--input);width:100%;min-height:42px;color:var(--foreground);outline:none;padding:10px 12px}.field input:focus{border-color:var(--ring);box-shadow:0 0 0 3px #2d8d7e2e}.button{border-radius:var(--radius-md);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:9px 14px;font-weight:680;line-height:1;text-decoration:none;transition:background .16s,border-color .16s,color .16s,box-shadow .16s;display:inline-flex}.button:focus-visible{outline:none;box-shadow:0 0 0 3px #2d8d7e38}.button-primary{background:var(--primary);color:var(--primary-foreground)}.button-primary:hover:not(:disabled){background:var(--primary-hover)}.button-secondary{border-color:var(--border);background:var(--card);color:var(--foreground)}.button-secondary:hover:not(:disabled){background:var(--muted)}.button-ghost{color:var(--muted-foreground);background:0 0}.button-ghost:hover:not(:disabled){background:var(--muted);color:var(--foreground)}.button:disabled{opacity:.62}.alert{border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 14px;line-height:1.45}.alert-error{background:var(--destructive-muted);color:var(--destructive-text);border-color:#b33d3561}.alert-info{background:var(--info-muted);color:var(--info-text);border-color:#386b914d}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;display:grid}.kpi-card,.content-panel,.space-card,.empty-state{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);box-shadow:var(--shadow-sm)}.kpi-card{gap:8px;padding:18px;display:grid}.kpi-label{color:var(--muted-foreground);font-size:.82rem;font-weight:650}.kpi-value{color:var(--foreground);font-size:1.8rem;font-weight:780;line-height:1}.content-panel{padding:18px}.command-center-panel{gap:16px;display:grid}.panel-header{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.panel-title{margin:0;font-size:1rem;font-weight:730}.panel-description{color:var(--muted-foreground);margin:4px 0 0;font-size:.9rem}.command-summary-band{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-subtle);grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);align-items:stretch;gap:16px;padding:14px;display:grid}.summary-primary{align-content:center;gap:5px;min-width:0;display:grid}.summary-primary span,.command-center-toolbar>span{color:var(--muted-foreground);font-size:.78rem;font-weight:740}.summary-primary strong{color:var(--foreground);font-size:1.22rem;line-height:1.2}.summary-primary p{color:var(--muted-foreground);margin:0;line-height:1.45}.summary-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;display:grid}.summary-metrics div{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card);gap:4px;min-width:0;padding:10px;display:grid}.summary-metrics dt{color:var(--muted-foreground);font-size:.72rem;font-weight:760}.summary-metrics dd{color:var(--foreground);margin:0;font-size:1.18rem;font-weight:780;line-height:1}.command-center-toolbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.space-list{gap:10px;display:grid}.priority-queue{gap:8px;display:grid}.priority-row{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);grid-template-columns:42px minmax(0,1fr) minmax(220px,.55fr) auto;align-items:center;gap:14px;padding:13px;transition:border-color .16s,background .16s;display:grid}.priority-row:hover{border-color:var(--border-active);background:var(--surface-subtle)}.priority-rank{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-subtle);width:34px;height:34px;color:var(--muted-foreground);font-family:var(--font-mono);place-items:center;font-size:.78rem;font-weight:760;display:inline-grid}.priority-main{gap:6px;min-width:0;display:grid}.priority-main p{color:var(--foreground);margin:0;font-size:.9rem}.priority-telemetry{overflow-wrap:anywhere;color:var(--muted-foreground);font-size:.86rem;line-height:1.4}.space-card{grid-template-columns:minmax(0,1.3fr) auto auto;align-items:center;gap:16px;padding:16px;display:grid}.space-title{align-items:center;gap:10px;min-width:0;display:flex}.space-title strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.space-meta{color:var(--muted-foreground);flex-wrap:wrap;gap:8px;font-size:.88rem;display:flex}.status-badge{white-space:nowrap;border:1px solid;border-radius:999px;align-items:center;gap:6px;padding:4px 9px;font-size:.78rem;font-weight:700;display:inline-flex}.status-dot{background:currentColor;border-radius:999px;width:7px;height:7px}.status-success{color:var(--success)}.status-warning{color:var(--warning)}.status-danger{color:var(--destructive)}.status-stale{color:var(--stale)}.status-info{color:var(--info)}.status-pending{color:var(--warning)}.empty-state{justify-items:start;gap:10px;padding:28px;display:grid}.empty-state h2{margin:0;font-size:1.1rem}.empty-state p{max-width:620px;color:var(--muted-foreground);margin:0;line-height:1.5}.skeleton{border-radius:var(--radius-md);background:var(--muted);position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000,#ffffffb8,#0000);animation:1.3s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}.placeholder-grid{grid-template-columns:1.3fr .7fr;gap:18px;display:grid}.placeholder-box{border:1px dashed var(--border-dashed);border-radius:var(--radius-md);background:var(--surface-subtle);min-height:240px;padding:18px}.placeholder-box h2{margin:0 0 8px;font-size:1.05rem}.placeholder-box p{color:var(--muted-foreground);margin:0;line-height:1.5}.operation-header{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:flex-start;gap:18px;padding:18px;display:flex}.operation-header h2,.device-health-header h2{margin:0;font-size:1.35rem;line-height:1.15}.operation-header p,.device-health-header p{color:var(--muted-foreground);margin:6px 0 0}.operation-header-actions,.health-badges{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.operation-metrics{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.metric-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);min-width:0;box-shadow:var(--shadow-sm);gap:7px;padding:15px;display:grid}.metric-success{border-color:#23724d47}.metric-warning{border-color:#b76b1752}.metric-danger{border-color:#b33d3559}.metric-info{border-color:#386b914d}.metric-label{color:var(--muted-foreground);font-size:.78rem;font-weight:700}.metric-value{overflow-wrap:anywhere;color:var(--foreground);font-size:1.22rem;line-height:1.1}.metric-detail{color:var(--muted-foreground);font-size:.82rem}.operation-layout{grid-template-columns:minmax(260px,320px) minmax(0,1fr) minmax(280px,360px);align-items:start;gap:16px;display:grid}.device-rail,.device-workspace,.operation-side-panel{gap:14px;min-width:0;display:grid}.device-rail,.operation-side-panel{position:sticky;top:18px}.compact{margin-bottom:0}.filter-row{flex-wrap:wrap;gap:8px;display:flex}.filter-chip{border:1px solid var(--border);background:var(--card);color:var(--muted-foreground);border-radius:999px;padding:7px 10px;font-size:.82rem;font-weight:680}.filter-chip:hover{background:var(--muted);color:var(--foreground)}.filter-chip:focus-visible,.device-card:focus-visible{outline:none;box-shadow:0 0 0 3px #2d8d7e38}.filter-chip[aria-pressed=true]{border-color:var(--border-active);background:var(--secondary);color:var(--secondary-foreground)}.device-list{gap:10px;display:grid}.device-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);width:100%;box-shadow:var(--shadow-sm);color:var(--foreground);text-align:left;gap:10px;padding:13px;transition:border-color .16s,background .16s,box-shadow .16s;display:grid}.device-card:hover{border-color:var(--border-active);background:var(--surface-subtle)}.device-card[aria-current=true]{border-color:var(--primary);box-shadow:0 0 0 1px #256b5f29}.device-card-header{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.device-card-header strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.device-card-grid{color:var(--muted-foreground);grid-template-columns:1fr;gap:5px;font-size:.82rem;display:grid}.device-health-header,.detail-section{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);box-shadow:var(--shadow-sm);padding:16px}.device-health-header{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.device-primary-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:start;gap:14px;display:grid}.context-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.context-grid div{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-subtle);gap:5px;min-width:0;padding:12px;display:grid}.context-grid span,.capability-group-header span,.battery-label{color:var(--muted-foreground);font-size:.77rem;font-weight:750}.context-grid strong{overflow-wrap:anywhere;font-size:.98rem}.context-grid small{overflow-wrap:anywhere;color:var(--muted-foreground);line-height:1.35}.detail-section{gap:14px;display:grid}.section-heading{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.section-heading h3{margin:0;font-size:.98rem}.metric-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.metric-row .metric-card:nth-child(3){grid-column:1/-1}.battery-panel{align-self:start}.battery-critical{border-color:#b33d3561}.battery-warning{border-color:#b76b1752}.battery-primary{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-subtle);gap:12px;padding:14px;display:grid}.battery-primary>div:first-child{gap:4px;display:grid}.battery-primary strong{font-size:2rem;line-height:1}.battery-primary span:last-child{color:var(--muted-foreground);font-size:.84rem}.battery-bar{background:var(--muted);border-radius:999px;height:10px;overflow:hidden}.battery-bar span{border-radius:inherit;background:var(--primary);height:100%;display:block}.battery-critical .battery-bar span{background:var(--destructive)}.battery-warning .battery-bar span{background:var(--warning)}.battery-definition-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.technical-details{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card)}.technical-details summary{cursor:pointer;padding:11px 12px;font-weight:700}.technical-details .definition-grid{padding:0 12px 12px}.technical-details summary:focus-visible{outline:none;box-shadow:0 0 0 3px #2d8d7e38}.drilldown-row{flex-wrap:wrap;gap:8px;display:flex}.drilldown-row a{color:var(--primary);font-size:.86rem;font-weight:720}.section-note{color:var(--muted-foreground);margin:0;font-size:.88rem;line-height:1.45}.camera-operation-panel{gap:16px}.camera-player{border:1px solid var(--border);border-radius:var(--radius-md);color:#fff;background:#111816;min-height:280px;display:grid;position:relative;overflow:hidden}.camera-video{aspect-ratio:16/9;object-fit:contain;background:#111816;width:100%;min-height:280px}.camera-player-overlay{pointer-events:none;justify-content:space-between;align-items:center;gap:10px;display:flex;position:absolute;top:12px;left:12px;right:12px}.camera-player-overlay .status-badge{background:#ffffffeb}.camera-player-info-button{pointer-events:auto;min-height:32px;padding:6px 10px}.camera-fps{border-radius:var(--radius-sm);font-family:var(--font-mono);background:#0000008f;padding:5px 8px;font-size:.78rem;font-weight:700}.camera-player-message{overflow-wrap:anywhere;border-radius:var(--radius-sm);background:#00000080;padding:8px 10px;font-size:.84rem;position:absolute;bottom:12px;left:12px;right:12px}.camera-player-diagnostics{color:#fff;flex-wrap:wrap;align-items:center;gap:7px;display:flex;position:absolute;bottom:52px;left:12px;right:12px}.camera-player-diagnostics span{border-radius:var(--radius-sm);font-family:var(--font-mono);background:#0000007a;border:1px solid #ffffff2e;padding:5px 7px;font-size:.72rem;font-weight:700}.camera-player-diagnostics .button{min-height:30px;color:var(--foreground);background:#ffffffeb;border-color:#ffffff3d;padding:6px 9px;font-size:.78rem}.camera-command-status{color:var(--muted-foreground);font-size:.77rem;font-weight:700}.camera-error-text{border-radius:var(--radius-md);background:var(--destructive-muted);color:var(--destructive-text);border:1px solid #b33d3547;margin:0;padding:10px 12px;font-size:.88rem}.camera-command-deck,.camera-control-group{gap:12px;display:grid}.camera-direct-controls{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.camera-config-toolbar{justify-content:flex-end;display:flex}.camera-config-panel{border-top:1px solid var(--border);gap:14px;padding-top:12px;display:grid}.camera-control-group h4{color:var(--foreground);margin:0;font-size:.88rem;font-weight:760}.camera-control{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-subtle);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.camera-control-label{color:var(--foreground);font-size:.9rem;font-weight:700;display:block}.command-pending{color:var(--warning)}.command-error{color:var(--destructive)}.command-success{color:var(--success)}.camera-binary-options{grid-template-columns:repeat(2,minmax(82px,1fr));gap:6px;min-width:180px;display:grid}.camera-binary-option{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card);min-height:36px;color:var(--foreground);padding:7px 9px;font-size:.82rem;font-weight:760}.camera-binary-option:hover:not(:disabled){border-color:var(--border-active);background:var(--surface-subtle)}.camera-binary-option[aria-pressed=true]{border-color:var(--primary);background:var(--secondary);color:var(--secondary-foreground)}.camera-binary-option:disabled{cursor:not-allowed;opacity:.62}.camera-select,.camera-range{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--input);min-width:0;min-height:38px;color:var(--foreground);padding:8px 10px}.camera-select:focus-visible,.camera-range:focus-visible,.camera-binary-option:focus-visible{outline:none;box-shadow:0 0 0 3px #2d8d7e38}.camera-inline-field,.camera-range-row{grid-template-columns:minmax(140px,1fr) auto;align-items:center;gap:8px;min-width:0;display:grid}.camera-range-row{grid-template-columns:minmax(140px,1fr) minmax(34px,auto) auto}.camera-range-value{min-width:34px;color:var(--muted-foreground);font-family:var(--font-mono);text-align:right;font-size:.82rem;font-weight:700}.camera-advanced{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card)}.camera-advanced summary{cursor:pointer;color:var(--foreground);padding:12px;font-weight:720}.camera-advanced summary:focus-visible{outline:none;box-shadow:0 0 0 3px #2d8d7e38}.advanced-grid{padding:0 12px 12px}.definition-grid{gap:10px;margin:0;display:grid}.definition-grid div{gap:3px;display:grid}.definition-grid dt{color:var(--muted-foreground);font-size:.78rem;font-weight:700}.definition-grid dd{overflow-wrap:anywhere;color:var(--foreground);margin:0}.capability-groups{gap:12px;display:grid}.capability-group{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-subtle);gap:10px;padding:12px;display:grid}.capability-group-header{justify-content:space-between;align-items:flex-start;gap:10px;min-width:0;display:flex}.capability-group-header>div{gap:4px;min-width:0;display:grid}.capability-group-header strong,.capability-group-header small{overflow-wrap:anywhere}.capability-group-header small{color:var(--muted-foreground);font-size:.8rem}.capability-components{flex-wrap:wrap;gap:8px;display:flex}.component-pill{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);gap:2px;min-width:112px;padding:8px 10px;display:inline-grid}.component-pill.empty{color:var(--muted-foreground)}.component-pill strong,.component-pill small{overflow-wrap:anywhere}.component-pill small{color:var(--muted-foreground);font-family:var(--font-mono);font-size:.72rem}.quick-action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.quick-action-grid .button{width:100%}.incident-list,.event-list{gap:10px;display:grid}.incident-item,.event-item{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-subtle);gap:10px;padding:12px;display:grid}.incident-item{grid-template-columns:minmax(0,1fr) auto;align-items:center}.incident-title{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.incident-item p,.event-item p{color:var(--muted-foreground);margin:5px 0 0;line-height:1.4}.incident-item span,.event-item span{color:var(--muted-foreground);font-size:.8rem}.event-item{grid-template-columns:auto minmax(0,1fr);align-items:start}.inline-alert-action{margin-left:12px}.context-nav{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);box-shadow:var(--shadow-sm);flex-wrap:wrap;gap:8px;padding:8px;display:flex}.context-nav-item{border-radius:var(--radius-sm);min-height:36px;color:var(--muted-foreground);background:0 0;border:1px solid #0000;padding:8px 10px;font-size:.86rem;font-weight:700}.context-nav-item:hover{background:var(--muted);color:var(--foreground)}.context-nav-item:focus-visible{outline:none;box-shadow:0 0 0 3px #2d8d7e38}.context-nav-item[aria-current=page]{border-color:var(--border-active);background:var(--secondary);color:var(--secondary-foreground)}.investigation-alert{margin:0}.investigation-alert p{margin:4px 0 0}.investigation-alert ul{margin:8px 0 0;padding-left:18px}.investigation-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.investigation-panel{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);box-shadow:var(--shadow-sm);gap:14px;padding:16px;display:grid}.timeline-list{gap:12px;display:grid}.timeline-item{grid-template-columns:14px minmax(0,1fr);gap:12px;min-width:0;display:grid}.timeline-marker{border:2px solid var(--primary);background:var(--card);border-radius:999px;width:10px;height:10px;margin-top:8px;box-shadow:0 0 0 4px #256b5f1a}.timeline-heading{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.timeline-heading strong{overflow-wrap:anywhere}.timeline-heading time{color:var(--muted-foreground);font-size:.8rem}.timeline-item p{color:var(--muted-foreground);margin:6px 0 0;line-height:1.45}.compact-details{margin-top:10px}.technical-details pre,.config-editor{width:100%;font-family:var(--font-mono);margin:0;font-size:.82rem;line-height:1.45;overflow:auto}.technical-details pre{white-space:pre-wrap;max-height:360px;padding:0 12px 12px}.data-table-wrap{border:1px solid var(--border);border-radius:var(--radius-md);overflow-x:auto}.data-table{border-collapse:collapse;background:var(--card);width:100%;min-width:720px}.data-table th,.data-table td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:10px 12px}.data-table th{background:var(--surface-subtle);color:var(--muted-foreground);font-size:.78rem;font-weight:760}.data-table td{overflow-wrap:anywhere;font-size:.88rem}.data-table tr:last-child td{border-bottom:0}.media-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.media-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);box-shadow:var(--shadow-sm);display:grid;overflow:hidden}.media-card img,.clip-preview{aspect-ratio:16/10;object-fit:cover;background:#111816;width:100%}.clip-preview{color:#fff;font-family:var(--font-mono);place-items:center;font-weight:800;display:grid}.media-card>div{gap:8px;padding:13px;display:grid}.media-card h3{overflow-wrap:anywhere;margin:0;font-size:.94rem}.media-card p{color:var(--muted-foreground);margin:0;font-size:.84rem;line-height:1.4}.config-editor{resize:vertical;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-subtle);min-height:420px;color:var(--foreground);outline:none;padding:12px}.config-editor:focus{border-color:var(--ring);box-shadow:0 0 0 3px #2d8d7e2e}.config-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.config-components-layout{grid-template-columns:minmax(220px,300px) minmax(0,1fr);align-items:start;gap:14px;display:grid}.config-component-list{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-subtle);gap:8px;max-height:640px;padding:10px;display:grid;overflow:auto}.config-component-item{border-radius:var(--radius-sm);width:100%;color:var(--foreground);text-align:left;background:0 0;border:1px solid #0000;gap:3px;padding:9px 10px;display:grid}.config-component-item:hover{background:var(--muted)}.config-component-item:focus-visible{outline:none;box-shadow:0 0 0 3px #2d8d7e38}.config-component-item[aria-current=true]{border-color:var(--border-active);background:var(--card)}.config-component-item strong,.config-component-item span{overflow-wrap:anywhere}.config-component-item span{color:var(--muted-foreground);font-size:.78rem}.config-component-editor,.component-editor-panel,.component-field-group,.component-editor-empty,.quarantine-panel{gap:12px;min-width:0;display:grid}.component-field-group{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-subtle);padding:12px}.component-field-group h4{margin:0;font-size:.9rem}.config-field-row{border-top:1px solid var(--border);grid-template-columns:minmax(150px,.8fr) minmax(160px,1fr);align-items:start;gap:10px;padding-top:10px;display:grid}.config-field-row:first-of-type{border-top:0;padding-top:0}.config-field-row>span{gap:3px;display:grid}.config-field-row strong{overflow-wrap:anywhere;font-size:.9rem}.config-field-row small{overflow-wrap:anywhere;color:var(--muted-foreground);font-size:.78rem;line-height:1.35}.config-field-row input,.config-field-row select,.config-field-row textarea,.config-reason-field input{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--input);width:100%;min-width:0;min-height:40px;color:var(--foreground);outline:none;padding:9px 10px}.config-field-row input[type=checkbox]{width:42px;min-height:24px;accent-color:var(--primary);justify-self:start}.config-field-row textarea{resize:vertical}.config-field-row input:focus,.config-field-row select:focus,.config-field-row textarea:focus,.config-reason-field input:focus{border-color:var(--ring);box-shadow:0 0 0 3px #2d8d7e2e}.config-field-row em{color:var(--destructive-text);grid-column:2;font-size:.8rem;font-style:normal}.config-field-dirty{border-left:3px solid var(--warning);padding-left:9px}.component-editor-empty{border:1px dashed var(--border-dashed);border-radius:var(--radius-md);background:var(--surface-subtle);padding:14px}.component-editor-empty p{color:var(--muted-foreground);margin:0}.quarantine-panel{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-subtle);padding:14px}.config-reason-field{color:var(--foreground);gap:6px;font-size:.86rem;font-weight:700;display:grid}.provisioning-layout{grid-template-columns:minmax(240px,360px) minmax(0,1fr);align-items:start;gap:16px;display:grid}.provisioning-form{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-subtle);gap:12px;padding:14px;display:grid}.provisioning-form h3{margin:0;font-size:.98rem}.provisioning-form label{color:var(--foreground);gap:6px;font-size:.86rem;font-weight:700;display:grid}.provisioning-form input{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--input);min-height:40px;color:var(--foreground);outline:none;padding:9px 10px}.provisioning-form input:focus{border-color:var(--ring);box-shadow:0 0 0 3px #2d8d7e2e}.system-health-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.system-health-grid article{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-subtle);gap:6px;min-width:0;padding:14px;display:grid}.system-health-grid span{color:var(--muted-foreground);font-size:.78rem;font-weight:760}.system-health-grid strong{overflow-wrap:anywhere;font-size:1.05rem}.system-health-grid p{color:var(--muted-foreground);margin:0;font-size:.84rem;line-height:1.4}@keyframes shimmer{to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=1024px){.app-shell{grid-template-columns:1fr}.app-sidebar{flex-direction:row;align-items:center;min-height:auto;padding:14px 18px}.nav-list{grid-auto-flow:column;overflow-x:auto}.experience-switcher{min-width:220px}.sidebar-footer{margin-top:0;margin-left:auto}.user-card{display:none}.kpi-grid,.operation-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.operation-layout,.command-summary-band{grid-template-columns:1fr}.context-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.device-rail,.operation-side-panel{position:static}.placeholder-grid,.investigation-grid,.config-components-layout,.provisioning-layout,.system-health-grid{grid-template-columns:1fr}}@media (width<=640px){.app-main{padding:18px}.app-sidebar{flex-direction:column;align-items:stretch}.sidebar-footer{margin-left:0}.nav-list{grid-auto-flow:row}.experience-switcher-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar,.panel-header,.operation-header,.device-health-header,.section-heading{flex-direction:column;align-items:stretch}.page-title{font-size:1.45rem}.kpi-grid,.space-card,.operation-metrics,.metric-row,.context-grid,.summary-metrics,.investigation-grid,.system-health-grid,.battery-definition-grid,.quick-action-grid,.incident-item,.event-item,.camera-control,.camera-inline-field,.camera-range-row,.config-field-row{grid-template-columns:1fr}.command-center-toolbar,.priority-row{grid-template-columns:1fr;align-items:stretch}.command-center-toolbar{flex-direction:column}.priority-rank{justify-self:start;width:auto;height:auto;padding:7px 9px}.config-field-row em{grid-column:1}.camera-player,.camera-video{min-height:220px}.camera-player-overlay{flex-direction:column;align-items:flex-start}.camera-player-info-button{width:auto}.camera-player-diagnostics{padding:0 10px 48px;position:static}.camera-player-message{bottom:8px}.camera-inline-field .button,.camera-range-row .button{width:100%}.camera-binary-options{width:100%;min-width:0}.operation-header-actions,.health-badges{justify-content:flex-start}.inline-alert-action{margin-top:10px;margin-left:0}.button{width:100%}}
