[data-theme=midnight] .scc-app{--cdash-bg: #0b1422;--cdash-panel: #121f33;--cdash-panel-border: rgb(148 163 184 / 14%);--cdash-text: #e2e8f0;--cdash-muted: #94a3b8;--cdash-accent: #5eead4;--cdash-accent-soft: rgb(94 234 212 / 12%);--cdash-accent-line: rgb(94 234 212 / 35%);--cdash-hover: rgb(94 234 212 / 8%);--cdash-danger: #fca5a5;--cdash-danger-bg: rgb(248 113 113 / 12%);--cdash-warning: #fcd34d;--cdash-warning-bg: rgb(251 191 36 / 10%);--cdash-success: #86efac;--cdash-success-bg: rgb(74 222 128 / 10%);--cdash-cyan: var(--cdash-accent);--cdash-green: var(--cdash-success);--cdash-pink: #94a3b8;--cdash-orange: var(--cdash-warning);--cdash-violet: #94a3b8;--cdash-red: var(--cdash-danger);--cdash-amber: var(--cdash-warning);--cdash-blue: var(--cdash-accent);--cdash-chip-bg: rgb(0 0 0 / 25%);--cdash-chip-border: rgb(255 255 255 / 8%);--cdash-divider: rgb(255 255 255 / 6%);--cdash-map-frame: rgb(0 20 40 / 60%);--cdash-map-bg: #0c1828;--cdash-map-card-bg: #0a1525;--cdash-map-label-bg: rgb(11 20 34 / 88%);--cdash-accent-btn-bg: rgb(94 234 212 / 10%);--cdash-logo-bg: rgb(0 212 255 / 8%);--cdash-logo-glow: 0 0 20px rgb(0 212 255 / 15%);--cdash-incident-bg: rgb(255 255 255 / 4%);--cdash-incident-border: rgb(255 255 255 / 8%);--cdash-incident-hover: rgb(94 234 212 / 8%);--cdash-incident-select-bg: rgb(255 255 255 / 6%);--cdash-incident-select-border: rgb(148 163 184 / 22%);--cdash-badge-severe-bg: rgb(239 68 68 / 20%);--cdash-badge-severe-text: #fca5a5;--cdash-badge-moderate-bg: rgb(234 179 8 / 18%);--cdash-badge-moderate-text: #fde047;--cdash-badge-minor-bg: rgb(34 197 94 / 18%);--cdash-badge-minor-text: #86efac;--cdash-link-btn-bg: rgb(94 234 212 / 8%);--cdash-link-btn-hover-bg: rgb(94 234 212 / 14%);background:var(--cdash-bg);color:var(--cdash-text);min-height:100vh}[data-theme=command] .scc-app{--cdash-bg: var(--scc-bg);--cdash-panel: var(--scc-surface);--cdash-panel-border: var(--scc-border);--cdash-text: var(--scc-text);--cdash-muted: var(--scc-text-muted);--cdash-accent: var(--scc-primary);--cdash-accent-soft: var(--scc-primary-soft);--cdash-accent-line: rgb(90 120 240 / 35%);--cdash-hover: var(--scc-primary-soft);--cdash-danger: var(--scc-danger);--cdash-danger-bg: var(--scc-danger-bg);--cdash-warning: var(--scc-warning);--cdash-warning-bg: var(--scc-warning-bg);--cdash-success: var(--scc-success);--cdash-success-bg: var(--scc-success-bg);--cdash-cyan: var(--scc-primary);--cdash-green: var(--scc-success);--cdash-pink: var(--scc-text-muted);--cdash-orange: var(--scc-warning);--cdash-violet: var(--scc-text-muted);--cdash-red: var(--scc-danger);--cdash-amber: var(--scc-warning);--cdash-blue: var(--scc-primary);--cdash-chip-bg: var(--scc-surface-muted);--cdash-chip-border: var(--scc-border);--cdash-divider: var(--scc-border);--cdash-map-frame: var(--scc-map-tint);--cdash-map-bg: #eef1f8;--cdash-map-card-bg: var(--scc-surface);--cdash-map-label-bg: rgb(255 255 255 / 94%);--cdash-accent-btn-bg: var(--scc-primary-soft);--cdash-logo-bg: var(--scc-primary-soft);--cdash-logo-glow: none;--cdash-incident-bg: var(--scc-surface-muted);--cdash-incident-border: var(--scc-border);--cdash-incident-hover: var(--scc-primary-soft);--cdash-incident-select-bg: var(--scc-surface);--cdash-incident-select-border: var(--scc-border-strong);--cdash-badge-severe-bg: var(--scc-danger-bg);--cdash-badge-severe-text: #b91c1c;--cdash-badge-moderate-bg: var(--scc-warning-bg);--cdash-badge-moderate-text: #a16207;--cdash-badge-minor-bg: var(--scc-success-bg);--cdash-badge-minor-text: #15803d;--cdash-link-btn-bg: var(--scc-primary-soft);--cdash-link-btn-hover-bg: rgb(90 120 240 / 16%);background:var(--cdash-bg);color:var(--cdash-text);min-height:100vh}.scc-app:has(.cdash-viewport){height:100vh;overflow:hidden}.scc-app:has(.cdash-viewport) .scc-main-wrap{min-height:0;overflow:hidden}.scc-app .scc-main-wrap{min-height:0}.scc-app .scc-main:not(.scc-main--dashboard){overflow-y:auto;overflow-x:hidden;padding:20px 24px 32px;min-height:0;-webkit-overflow-scrolling:touch}.scc-app .scc-main--dashboard{overflow:hidden;padding:8px 12px;min-height:0}.scc-app .scc-main-inner--dashboard{max-width:none;width:100%;height:100%;min-height:0}.scc-app .scc-page-content:has(.cdash-viewport){height:100%;min-height:0}.scc-app .scc-page-content:not(:has(.cdash-viewport)){height:auto;min-height:auto}.scc-app .scc-main-wrap>.scc-scroll-hint-root{min-height:0;overflow:hidden;display:flex;flex-direction:column}.scc-app .scc-main-wrap>.scc-scroll-hint-root>.scc-main:not(.scc-main--dashboard){flex:1;min-height:0;overflow-y:auto!important;overflow-x:hidden}[data-theme=midnight] .scc-app .scc-search-card input,[data-theme=midnight] .scc-app .scc-search-card select,[data-theme=midnight] .scc-app .scc-field input,[data-theme=midnight] .scc-app .scc-field select,[data-theme=midnight] .scc-app .scc-form-grid input,[data-theme=midnight] .scc-app .scc-form-grid select{background:#00000047;border-color:var(--cdash-panel-border);color:var(--cdash-text)}[data-theme=midnight] .scc-app .scc-search-card select option,[data-theme=midnight] .scc-app .scc-field select option,[data-theme=midnight] .scc-app .scc-form-grid select option{background:#121f33;color:var(--cdash-text)}[data-theme=midnight] .scc-app .scc-topbar{background:#040a18fa!important;border-bottom:1px solid var(--cdash-panel-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}[data-theme=midnight] .scc-app .scc-topbar-greeting strong{color:var(--cdash-text)}[data-theme=midnight] .scc-app .scc-topbar-greeting small{color:var(--cdash-muted)}[data-theme=midnight] .scc-app .scc-icon-btn-top,[data-theme=midnight] .scc-app .scc-avatar{background:#ffffff0f;border-color:var(--cdash-panel-border);color:var(--cdash-text)}[data-theme=midnight] .scc-app .scc-topbar-alert-pill{background:#f8717126;border-color:#f8717159;color:var(--cdash-red)}[data-theme=midnight] .scc-app .cdash-topbar-title strong{color:var(--cdash-text);font-size:.92rem}[data-theme=midnight] .scc-app .cdash-topbar-title small{color:var(--cdash-muted);font-size:.72rem}.cdash-topbar-title{display:flex;flex-direction:column;gap:1px;line-height:1.2}.cdash-viewport{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100%;gap:8px;overflow:hidden}[data-theme=midnight] .scc-app .scc-topbar{color:var(--cdash-text)}[data-theme=midnight] .scc-app .scc-topbar-greeting p,[data-theme=midnight] .scc-app .scc-breadcrumb{color:var(--cdash-muted)}[data-theme=midnight] .scc-app .scc-main{background:radial-gradient(ellipse 80% 50% at 50% 0%,rgb(90 120 240 / 8%),transparent 55%),radial-gradient(ellipse 50% 40% at 100% 100%,rgb(124 58 237 / 6%),transparent 50%),var(--cdash-bg);background-attachment:local}[data-theme=midnight] .scc-app .scc-page-intro,[data-theme=midnight] .scc-app .scc-page-intro--v2,[data-theme=midnight] .scc-app .scc-card,[data-theme=midnight] .scc-app .scc-search-card,[data-theme=midnight] .scc-app .scc-list-card,[data-theme=midnight] .scc-app .scc-kpi-card,[data-theme=midnight] .scc-app .scc-panel,[data-theme=midnight] .scc-app .scc-page-guide{background:var(--cdash-panel)!important;border-color:var(--cdash-panel-border)!important;color:var(--cdash-text)}[data-theme=midnight] .scc-app .scc-page-guide{border-color:var(--cdash-accent-line)!important}[data-theme=midnight] .scc-app .scc-manual-ref{color:var(--cdash-muted)}[data-theme=midnight] .scc-app .scc-dashboard{background:transparent;border:none;box-shadow:none;padding:0;gap:8px}.cdash-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 2px 8px}.cdash-header-brand{display:flex;align-items:center;gap:12px}.cdash-header-logo{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;font-size:.72rem;font-weight:800;letter-spacing:.04em;color:var(--cdash-cyan);border:1px solid var(--cdash-panel-border);background:var(--cdash-logo-bg);box-shadow:var(--cdash-logo-glow)}.cdash-header h2{margin:0;font-size:1.05rem;font-weight:800;letter-spacing:.02em}.cdash-header p{margin:2px 0 0;font-size:.72rem;color:var(--cdash-muted)}.cdash-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:.72rem;font-weight:600;border:1px solid var(--cdash-panel-border)}.cdash-pill--live{color:var(--cdash-green);background:#34d3991a}.cdash-live-dot{width:7px;height:7px;border-radius:50%;background:var(--cdash-green);box-shadow:0 0 8px var(--cdash-green);animation:cdash-pulse 2s ease-in-out infinite}@keyframes cdash-pulse{0%,to{opacity:1}50%{opacity:.45}}.cdash-kpi-row{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}.cdash-kpi{padding:7px 10px;border-radius:8px;border:1px solid var(--cdash-panel-border);background:var(--cdash-panel);min-width:0}.cdash-kpi-label{display:block;font-size:.62rem;color:var(--cdash-muted);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cdash-kpi-value-row{display:flex;align-items:baseline;gap:4px;margin-top:4px}.cdash-kpi-value-row strong{font-size:1.05rem;font-weight:800;line-height:1}.cdash-kpi-value-row small{font-size:.62rem;color:var(--cdash-muted)}.cdash-kpi.tone--cyan strong{color:var(--cdash-cyan)}.cdash-kpi.tone--green strong{color:var(--cdash-green)}.cdash-kpi.tone--pink strong{color:var(--cdash-pink)}.cdash-kpi.tone--violet strong{color:var(--cdash-violet)}.cdash-kpi.tone--orange strong{color:var(--cdash-orange)}.cdash-kpi.tone--red strong{color:var(--cdash-red)}.cdash-kpi.tone--amber strong{color:var(--cdash-amber)}.cdash-kpi.tone--blue strong{color:var(--cdash-blue)}.cdash-trend{margin-left:auto;font-size:.65rem;opacity:.8}.cdash-trend.up{color:var(--cdash-red)}.cdash-trend.down{color:var(--cdash-green)}.cdash-trend.warn{color:var(--cdash-amber)}.cdash-stage{display:grid;grid-template-columns:210px minmax(0,1fr) 190px;gap:8px;min-height:0;overflow:hidden}.cdash-rail{display:flex;flex-direction:column;gap:8px;min-height:0;overflow:hidden}.cdash-rail--left .cdash-widget:first-child{flex-shrink:0}.cdash-map-stage{min-width:0;min-height:0;display:flex;flex-direction:column}.cdash-map-stage .scc-map-section--hero{flex:1;min-height:0;display:flex;flex-direction:column}.cdash-map-footer{display:flex;align-items:center;gap:10px;padding:6px 12px 10px;border-top:1px solid var(--cdash-divider);flex-wrap:wrap}.cdash-map-footer .scc-map-legend{margin:0;padding:0;flex-shrink:0}.cdash-sensor-strip{display:flex;flex-wrap:wrap;gap:6px;flex:1;min-width:0;justify-content:flex-end}.cdash-sensor-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:6px;background:var(--cdash-chip-bg);border:1px solid var(--cdash-chip-border);font-size:.62rem;color:var(--cdash-muted)}.cdash-sensor-chip .scc-icon{width:12px;height:12px;color:var(--cdash-cyan)}.cdash-sensor-chip strong{color:var(--cdash-text);font-size:.68rem}.cdash-sensor-strip-zone{padding:3px 8px;border-radius:6px;background:var(--cdash-accent-soft);border:1px solid var(--cdash-panel-border);color:var(--cdash-cyan);font-size:.65rem;font-weight:600}.cdash-map-cctv-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;border:1px solid var(--cdash-panel-border);background:var(--cdash-accent-btn-bg);color:var(--cdash-cyan);font-size:.65rem;cursor:pointer}.cdash-widget--compact .cdash-widget-head{padding:7px 10px}.cdash-widget--compact .cdash-widget-head h3{font-size:.72rem}.cdash-widget--compact .cdash-flow{min-height:96px;padding:8px 6px 10px}.cdash-widget--compact .cdash-flow-node{width:72px;padding:5px 4px;font-size:.58rem}.cdash-widget--compact .cdash-flow-node strong{font-size:.72rem}.cdash-widget--compact .cdash-status-body{padding:8px;gap:8px}.cdash-widget--compact .cdash-gauge-wrap{width:72px}.cdash-incidents--compact{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.cdash-incidents--compact .scc-panel-head{padding:8px 10px}.cdash-incident-filters--compact{padding:0 8px 6px}.cdash-incident-filters--compact .filter-chip{padding:3px 7px;font-size:.62rem}.cdash-incident-list--compact{flex:1;min-height:0;max-height:none;overflow-y:auto}.cdash-incidents--compact .scc-incident-card{margin:0 8px 6px}.cdash-incidents--compact .scc-incident-card p{font-size:.68rem;margin:2px 0}.cdash-more-link{display:block;width:calc(100% - 16px);margin:0 8px 8px;padding:6px;border:1px dashed var(--cdash-panel-border);border-radius:6px;background:transparent;color:var(--cdash-cyan);font-size:.65rem;cursor:pointer;text-align:center}.cdash-zones--compact{flex:1;min-height:0;overflow-y:auto}.cdash-charts-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;height:108px;min-height:108px;max-height:108px;overflow:hidden}.cdash-charts-row .cdash-widget--chart{min-height:0;height:100%}.cdash-charts-row .cdash-line-chart{height:52px;margin:0 8px}.cdash-bar-chart--compact{height:52px;padding:0 8px}.cdash-widget{border-radius:12px;border:1px solid var(--cdash-panel-border);background:var(--cdash-panel);overflow:hidden;display:flex;flex-direction:column;min-height:0}.cdash-widget-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-bottom:1px solid rgb(255 255 255 / 6%)}.cdash-widget-head h3{margin:0;font-size:.78rem;font-weight:700;color:var(--cdash-text)}.cdash-col--left .cdash-widget:first-child{flex:1}.cdash-col--left .cdash-incidents{flex:1;min-height:0}.cdash-flow{position:relative;flex:1;min-height:140px;padding:12px 8px 16px}.cdash-flow-node{position:absolute;width:88px;padding:8px 6px;border-radius:10px;border:1px solid rgb(255 255 255 / 10%);background:#00000040;text-align:center;font-size:.62rem;color:var(--cdash-muted)}.cdash-flow-node .scc-icon{width:16px;height:16px;margin:0 auto 4px;display:block}.cdash-flow-node strong{display:block;margin-top:2px;font-size:.82rem;color:var(--cdash-text)}.cdash-flow-node.tone--green{left:4%;top:55%;border-color:#34d39959}.cdash-flow-node.tone--pink{right:4%;top:55%;border-color:#f472b659}.cdash-flow-node.tone--cyan{left:50%;bottom:8%;transform:translate(-50%);border-color:#22d3ee59}.cdash-flow-lines{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.cdash-flow-path{fill:none;stroke-width:2;opacity:.55}.cdash-flow-path.tone--green{stroke:var(--cdash-green)}.cdash-flow-path.tone--pink{stroke:var(--cdash-pink)}.cdash-flow-path.tone--cyan{stroke:var(--cdash-cyan)}.cdash-flow-dot{fill:currentColor}.cdash-flow-dot.tone--green{color:var(--cdash-green)}.cdash-flow-dot.tone--pink{color:var(--cdash-pink)}.cdash-flow-dot.tone--cyan{color:var(--cdash-cyan)}.cdash-status-body{padding:12px;display:grid;gap:12px}.cdash-gauge-wrap{position:relative;width:100px;margin:0 auto}.cdash-gauge{width:100%;transform:rotate(-90deg)}.cdash-gauge-track{fill:none;stroke:#ffffff14;stroke-width:10}.cdash-gauge-fill{fill:none;stroke:var(--cdash-cyan);stroke-width:10;stroke-linecap:round;filter:drop-shadow(0 0 6px rgb(34 211 238 / 50%))}.cdash-gauge-center{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;text-align:center;transform:rotate(0)}.cdash-gauge-center strong{font-size:1.2rem;line-height:1}.cdash-gauge-center span{font-size:.62rem;color:var(--cdash-muted)}.cdash-status-metrics{display:grid;gap:8px}.cdash-metric{display:flex;justify-content:space-between;align-items:center;font-size:.72rem;color:var(--cdash-muted);padding:6px 8px;border-radius:8px;background:#0003}.cdash-metric strong{color:var(--cdash-cyan);font-size:.78rem}.cdash-breakdown{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:.72rem}.cdash-breakdown li{display:flex;align-items:center;gap:8px;color:var(--cdash-muted)}.cdash-breakdown .dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.cdash-breakdown .dot.severe{background:var(--cdash-red)}.cdash-breakdown .dot.moderate{background:var(--cdash-orange)}.cdash-breakdown .dot.minor{background:var(--cdash-green)}.cdash-breakdown strong{margin-left:auto;color:var(--cdash-text)}[data-theme=midnight] .scc-app .scc-map-section--hero{flex:1;border-radius:12px;border:1px solid var(--cdash-panel-border);background:var(--cdash-panel);box-shadow:0 0 40px #00d4ff14;overflow:hidden}[data-theme=midnight] .scc-app .scc-map-header{padding:10px 14px 0;border-bottom:none}[data-theme=midnight] .scc-app .scc-map-header h3{color:var(--cdash-text);font-size:.85rem}[data-theme=midnight] .scc-app .scc-map-header p{color:var(--cdash-muted)}[data-theme=midnight] .scc-app .scc-map-body{border-top:1px solid var(--cdash-divider)}[data-theme=midnight] .scc-app .scc-map-frame{background:#00142899}[data-theme=midnight] .scc-app .scc-map-body--solo{flex:1;min-height:0;display:flex;flex-direction:column}[data-theme=midnight] .scc-app .scc-map-frame--large{flex:1;min-height:0;height:auto}[data-theme=midnight] .scc-app .scc-map-img--plan{object-fit:cover}[data-theme=midnight] .scc-app .scc-map-legend{color:var(--cdash-muted);padding:8px 14px 12px}[data-theme=midnight] .scc-app .scc-map-zones--sidebar{border-radius:12px;border:1px solid var(--cdash-panel-border);background:var(--cdash-panel);color:var(--cdash-text)}[data-theme=midnight] .scc-app .scc-map-zones-title{color:var(--cdash-muted)}[data-theme=midnight] .scc-app .scc-map-zone-btn{color:var(--cdash-text)}[data-theme=midnight] .scc-app .scc-map-zone-btn:hover,[data-theme=midnight] .scc-app .scc-map-zone-btn.selected{background:var(--cdash-accent-soft)}[data-theme=command] .scc-app .cdash-panel--incidents .cdash-panel-head{background:var(--scc-danger-bg);border-bottom-color:var(--cdash-divider)}[data-theme=midnight] .scc-app .cdash-panel--incidents .cdash-panel-head{background:#f8717114;border-bottom-color:var(--cdash-divider)}.cdash-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cdash-widget--chart{min-height:200px}.cdash-chart-tabs{display:flex;gap:4px}.cdash-chart-tabs button{padding:4px 8px;border-radius:6px;border:1px solid transparent;background:transparent;color:var(--cdash-muted);font-size:.62rem;cursor:pointer}.cdash-chart-tabs button.on{border-color:var(--cdash-cyan);color:var(--cdash-cyan);background:var(--cdash-accent-btn-bg)}.cdash-chart-legend{display:flex;gap:12px;padding:0 12px 6px;font-size:.62rem}.cdash-chart-legend .tone--green{color:var(--cdash-green)}.cdash-chart-legend .tone--pink{color:var(--cdash-pink)}.cdash-chart-legend .tone--cyan{color:var(--cdash-cyan)}.cdash-line-chart{width:100%;height:100px;margin:0 12px;display:block}.cdash-line-chart--sm{height:60px;margin-top:4px}.cdash-chart-grid{stroke:#ffffff0f;stroke-width:1}.cdash-chart-line{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.cdash-chart-line.tone--green{stroke:var(--cdash-green);filter:drop-shadow(0 0 4px var(--cdash-green))}.cdash-chart-line.tone--cyan{stroke:var(--cdash-cyan);filter:drop-shadow(0 0 4px var(--cdash-cyan))}.cdash-chart-line.dashed{stroke-dasharray:6 4;opacity:.7}.cdash-chart-foot{margin:4px 12px 10px;font-size:.65rem;color:var(--cdash-muted)}.cdash-bar-chart{display:flex;align-items:flex-end;gap:4px;height:80px;padding:0 12px}.cdash-bar-col{flex:1;height:100%;display:flex;align-items:flex-end}.cdash-bar-stack{width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-end;gap:1px}.cdash-bar{display:block;width:100%;border-radius:2px 2px 0 0;min-height:4px}.cdash-bar.solar{background:linear-gradient(180deg,var(--cdash-green),rgb(52 211 153 / 40%))}.cdash-bar.grid{background:linear-gradient(180deg,var(--cdash-pink),rgb(244 114 182 / 35%))}.cdash-netzero-badge{font-size:.62rem;padding:3px 8px;border-radius:999px;border:1px solid var(--cdash-cyan);color:var(--cdash-cyan);background:#00d4ff14}[data-theme=midnight] .scc-app .scc-panel--sensors{border-radius:12px;border:1px solid var(--cdash-panel-border);background:var(--cdash-panel);color:var(--cdash-text)}[data-theme=midnight] .scc-app .scc-panel--sensors h3{color:var(--cdash-text);font-size:.85rem}[data-theme=midnight] .scc-app .scc-sensor-tile{background:#00000038;border-color:#ffffff14}[data-theme=midnight] .scc-app .scc-sensor-label{color:var(--cdash-muted)}[data-theme=midnight] .scc-app .scc-sensor-value{color:var(--cdash-cyan)}[data-theme=midnight] .scc-app .scc-stat-pill{background:var(--cdash-accent-btn-bg);border-color:var(--cdash-panel-border);color:var(--cdash-text)}@media(max-width:1200px){.cdash-kpi-row{grid-template-columns:repeat(4,1fr)}.cdash-stage{grid-template-columns:1fr;overflow-y:auto}.cdash-map-stage{order:-1;min-height:320px}.cdash-charts-row{height:auto;max-height:none;grid-template-columns:1fr}}@media(max-width:768px){.cdash-kpi-row{grid-template-columns:repeat(2,1fr)}.cdash-bottom-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.cdash-live-dot{animation:none}}.cdash-v2 .cdash-kpi-row{grid-template-columns:repeat(5,minmax(0,1fr))}.cdash-status-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-radius:10px;border:1px solid var(--cdash-panel-border);background:var(--cdash-panel)}.cdash-status-bar.tone--ok{border-color:#4ade8040;background:var(--cdash-success-bg)}.cdash-status-bar.tone--warn{border-color:#fbbf2440;background:var(--cdash-warning-bg)}.cdash-status-bar.tone--alert{border-color:#f871714d;background:var(--cdash-danger-bg)}.cdash-status-bar-main{display:flex;align-items:center;gap:10px;min-width:0}.cdash-status-bar-main .scc-icon{width:20px;height:20px;flex-shrink:0;color:var(--cdash-accent)}.cdash-status-bar.tone--alert .cdash-status-bar-main .scc-icon{color:var(--cdash-danger)}.cdash-status-bar-main p{margin:0;font-size:.82rem;font-weight:600;color:var(--cdash-text)}.cdash-status-bar-meta{display:flex;gap:16px;font-size:.72rem;color:var(--cdash-muted);flex-shrink:0}.cdash-status-bar-meta strong{color:var(--cdash-text)}.cdash-v2 .cdash-kpi{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:10px;border:1px solid var(--cdash-panel-border);background:var(--cdash-panel)}.cdash-v2 .cdash-kpi.status--danger{border-color:#f8717159;background:var(--cdash-danger-bg)}.cdash-v2 .cdash-kpi.status--warn{border-color:#fbbf244d;background:var(--cdash-warning-bg)}.cdash-v2 .cdash-kpi.status--ok{border-color:#4ade8040}.cdash-kpi-icon{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;background:var(--cdash-accent-soft);color:var(--cdash-accent);flex-shrink:0}.cdash-kpi-icon .scc-icon{width:16px;height:16px}.cdash-v2 .cdash-kpi.status--danger .cdash-kpi-icon{background:#f8717126;color:var(--cdash-danger)}.cdash-kpi-body{min-width:0}.cdash-v2 .cdash-kpi-label{display:block;font-size:.65rem;color:var(--cdash-muted);text-transform:none;letter-spacing:0}.cdash-v2 .cdash-kpi-value{display:block;font-size:1.1rem;font-weight:800;color:var(--cdash-text);line-height:1.2;margin-top:2px}.cdash-kpi-hint{display:block;font-size:.62rem;color:var(--cdash-muted);margin-top:2px}.cdash-widget-num{width:22px;height:22px;border-radius:6px;display:grid;place-items:center;font-size:.68rem;font-weight:800;background:var(--cdash-accent-soft);color:var(--cdash-accent);flex-shrink:0}.cdash-widget-head{align-items:flex-start}.cdash-widget-head>div{flex:1;min-width:0}.cdash-widget-desc{margin:2px 0 0;font-size:.62rem;color:var(--cdash-muted);font-weight:400}.cdash-panel-title-wrap{display:flex;align-items:flex-start;gap:8px}.cdash-panel-title-wrap h3{margin:0;font-size:.78rem}.cdash-energy-list{list-style:none;margin:0;padding:8px 10px 10px;display:grid;gap:6px}.cdash-energy-list li{display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:8px;padding:7px 8px;border-radius:8px;background:#0000002e;font-size:.72rem;color:var(--cdash-muted)}.cdash-energy-list li .scc-icon{width:14px;height:14px;color:var(--cdash-accent)}.cdash-energy-list li strong{color:var(--cdash-text);font-size:.78rem}.cdash-env-body{padding:10px;display:grid;gap:10px}.cdash-aqi-card{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;background:#0000002e}.cdash-aqi-value{font-size:1.6rem;font-weight:800;color:var(--cdash-accent);line-height:1}.cdash-aqi-label{display:block;font-size:.62rem;color:var(--cdash-muted)}.cdash-aqi-status{display:block;font-size:.75rem;font-weight:600;color:var(--cdash-success)}.cdash-alert-mix{list-style:none;margin:0;padding:0;display:grid;gap:5px;font-size:.72rem}.cdash-alert-mix li{display:flex;align-items:center;gap:8px;color:var(--cdash-muted);padding:5px 8px;border-radius:6px;background:#0000001f}.cdash-alert-mix .dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.cdash-alert-mix .dot.severe{background:#ef4444}.cdash-alert-mix .dot.moderate{background:#eab308}.cdash-alert-mix .dot.minor{background:#22c55e}.cdash-alert-mix strong{margin-left:auto;color:var(--cdash-text)}[data-theme=command] .cdash-map-card{border-color:var(--scc-border);box-shadow:var(--scc-shadow-md)}[data-theme=midnight] .cdash-map-card{border-color:var(--cdash-accent-line);box-shadow:0 0 40px #5eead414}[data-theme=midnight] .cdash-v2 .scc-map-frame{background:var(--cdash-map-card-bg)}.cdash-v2 .scc-map-img--plan{filter:saturate(.25) brightness(.7) contrast(1.05);opacity:.88;mix-blend-mode:luminosity}.cdash-v2 .scc-map-vignette{opacity:.85;background:radial-gradient(ellipse at center,transparent 40%,rgb(11 20 34 / 75%) 100%)}.cdash-v2 .scc-map-scanline{opacity:.15}.cdash-map-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--cdash-accent);background:var(--cdash-accent-soft);border:1px solid var(--cdash-accent-line);margin-bottom:4px}.cdash-map-hint{margin:0;font-size:.72rem;color:var(--cdash-muted);flex:1;text-align:center}.cdash-zone-detail{display:flex;flex-direction:column;gap:2px;flex:1;font-size:.72rem}.cdash-zone-detail strong{color:var(--cdash-accent)}.cdash-zone-detail span{color:var(--cdash-muted)}.cdash-v2 .scc-map-section--hero{box-shadow:none;border-color:var(--cdash-accent-line)}.cdash-chart-line.line--primary{stroke:var(--cdash-accent);filter:none}.cdash-chart-line.line--secondary{stroke:#64748b;filter:none}.cdash-chart-caption{display:flex;gap:14px;margin:4px 12px 8px;font-size:.62rem;color:var(--cdash-muted)}.cdash-chart-caption .line--primary:before,.cdash-chart-caption .line--secondary:before{content:"";display:inline-block;width:10px;height:2px;margin-right:4px;vertical-align:middle;border-radius:1px}.cdash-chart-caption .line--primary:before{background:var(--cdash-accent)}.cdash-chart-caption .line--secondary:before{background:#64748b}.cdash-v2 .cdash-bar{display:block;width:100%;border-radius:2px 2px 0 0;min-height:4px;background:var(--cdash-accent);opacity:.75}.cdash-v2 .cdash-bar.solar,.cdash-v2 .cdash-bar.grid{background:var(--cdash-accent)}.cdash-v2 .cdash-incidents .scc-panel-head{background:transparent}.cdash-v2 .scc-incident-card{border-left:3px solid transparent}.cdash-v2 .scc-incident-card.level--severe{border-left-color:#ef4444}.cdash-v2 .scc-incident-card.level--moderate{border-left-color:#eab308}.cdash-v2 .scc-incident-card.level--minor{border-left-color:#22c55e}.cdash-v2 .filter-chip.on{background:var(--cdash-accent-soft);border-color:var(--cdash-accent-line);color:var(--cdash-accent)}.cdash-v2 .scc-nav-item.on{background:var(--cdash-accent-soft);color:var(--cdash-accent)}@media(max-width:1200px){.cdash-v2 .cdash-kpi-row{grid-template-columns:repeat(3,1fr)}.cdash-status-bar{flex-direction:column;align-items:flex-start}}@media(max-width:768px){.cdash-v2 .cdash-kpi-row{grid-template-columns:repeat(2,1fr)}}.cdash-v2 .scc-map-pin{width:14px;height:14px;border:2px solid rgb(255 255 255 / 85%);box-shadow:0 0 0 2px #0006,0 0 12px currentColor;opacity:.92}.cdash-v2 .scc-map-pin.level--severe{background:#ef4444;color:#ef44447f}.cdash-v2 .scc-map-pin.level--moderate{background:#eab308;color:#eab30873}.cdash-v2 .scc-map-pin.level--minor{background:#22c55e;color:#22c55e66}.cdash-v2 .scc-map-pin.selected{transform:scale(1.35);box-shadow:0 0 0 3px var(--cdash-accent),0 0 16px var(--cdash-accent-line);z-index:2}.cdash-v2 .cdash-viewport{gap:8px}.cdash-v2 .cdash-status-bar{flex-shrink:0}.cdash-v3.cdash-viewport{gap:6px}.cdash-overview{display:flex;align-items:stretch;gap:0;border-radius:10px;border:1px solid var(--cdash-panel-border);background:var(--cdash-panel);overflow:hidden;flex-shrink:0}.cdash-overview-alert{display:flex;align-items:center;gap:10px;padding:10px 16px;min-width:0;flex:1;border:none;border-right:1px solid var(--cdash-panel-border);background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background .12s ease}.cdash-overview-alert:hover{background:var(--cdash-hover)}.cdash-overview-go{margin-left:auto;font-size:1rem;color:var(--cdash-muted);flex-shrink:0;opacity:.6}.cdash-overview-alert:hover .cdash-overview-go{color:var(--cdash-accent);opacity:1}.cdash-overview-alert .scc-icon{width:20px;height:20px;flex-shrink:0;color:var(--cdash-accent)}.cdash-overview-alert p{margin:0;font-size:.84rem;font-weight:600;color:var(--cdash-text);line-height:1.35}.cdash-overview.tone--alert .cdash-overview-alert{background:var(--cdash-danger-bg);border-right-color:#f8717140}.cdash-overview.tone--alert .cdash-overview-alert .scc-icon{color:#f87171}.cdash-overview.tone--warn .cdash-overview-alert{background:var(--cdash-warning-bg)}.cdash-overview.tone--ok .cdash-overview-alert{background:var(--cdash-success-bg)}.cdash-overview-stats{display:flex;align-items:stretch;flex-shrink:0}.cdash-stat{display:flex;align-items:center;gap:8px;padding:8px 14px;border:none;border-left:1px solid var(--cdash-panel-border);min-width:88px;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background .12s ease}.cdash-stat:hover{background:var(--cdash-hover)}.cdash-stat .scc-icon{width:16px;height:16px;color:var(--cdash-muted);flex-shrink:0}.cdash-stat-label{display:block;font-size:.58rem;color:var(--cdash-muted);text-transform:uppercase;letter-spacing:.04em}.cdash-stat-value{display:block;font-size:.95rem;font-weight:800;color:var(--cdash-text);line-height:1.15}.cdash-stat-value small{font-size:.62rem;font-weight:600;color:var(--cdash-muted);margin-left:3px}.cdash-stat.is-warn .cdash-stat-value,.cdash-stat-value.is-warn{color:#fbbf24}.cdash-stat.is-ok .cdash-stat-value{color:var(--cdash-success)}.cdash-v3 .cdash-stage{grid-template-columns:minmax(0,200px) minmax(0,1fr) minmax(0,168px);gap:6px}.cdash-panel{border-radius:10px;border:1px solid var(--cdash-panel-border);background:var(--cdash-panel);display:flex;flex-direction:column;min-height:0;overflow:hidden}.cdash-panel-head{display:flex;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid var(--cdash-divider);flex-shrink:0}.cdash-panel-head .scc-icon{width:16px;height:16px;color:var(--cdash-accent);flex-shrink:0}.cdash-panel-head h3{margin:0;font-size:.76rem;font-weight:700;color:var(--cdash-text)}.cdash-panel-head-text{flex:1;min-width:0}.cdash-panel-head-text p{margin:1px 0 0;font-size:.6rem;color:var(--cdash-muted)}.cdash-live-tag{display:inline-flex;align-items:center;gap:5px;font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--cdash-success);flex-shrink:0}.cdash-live-tag .pulse,.cdash-live-tag:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--cdash-success);animation:cdash-pulse 2s ease-in-out infinite}.cdash-panel--incidents{flex:1}.cdash-filter-row{display:flex;gap:4px;padding:6px 8px;flex-shrink:0}.cdash-filter{padding:4px 10px;border-radius:6px;border:1px solid var(--cdash-panel-border);background:transparent;color:var(--cdash-muted);font-size:.65rem;font-weight:600;cursor:pointer}.cdash-filter.on{background:var(--cdash-accent-soft);border-color:var(--cdash-accent-line);color:var(--cdash-accent)}.cdash-incident-list{list-style:none;margin:0;padding:0 6px 6px;flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:5px}.cdash-incident{border-radius:8px;border:1px solid var(--cdash-incident-border);background:var(--cdash-incident-bg);border-left:3px solid transparent}.cdash-incident.level--severe{border-left-color:#ef4444}.cdash-incident.level--moderate{border-left-color:#eab308}.cdash-incident.level--minor{border-left-color:#22c55e}.cdash-incident.clickable .cdash-incident-body{cursor:pointer}.cdash-incident.clickable:hover{background:var(--cdash-incident-hover)}.cdash-incident-body{padding:8px 9px}.cdash-incident-top{display:flex;align-items:flex-start;justify-content:space-between;gap:6px}.cdash-incident-top strong{font-size:.72rem;color:var(--cdash-text);line-height:1.3}.cdash-incident p{margin:4px 0 0;font-size:.65rem;color:var(--cdash-muted);line-height:1.35}.cdash-incident-foot{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:6px}.cdash-incident-foot small{font-size:.6rem;color:var(--cdash-muted)}.cdash-incident-foot select{font-size:.6rem;padding:2px 6px;border-radius:4px;border:1px solid var(--cdash-incident-select-border);background:var(--cdash-incident-select-bg);color:var(--cdash-text);cursor:pointer}.cdash-incident-foot select:focus{outline:none;border-color:var(--cdash-accent-line);box-shadow:0 0 0 2px var(--cdash-accent-soft)}.cdash-badge{font-size:.55rem;font-weight:700;padding:2px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.03em;flex-shrink:0}.cdash-badge.level--severe{background:var(--cdash-badge-severe-bg);color:var(--cdash-badge-severe-text)}.cdash-badge.level--moderate{background:var(--cdash-badge-moderate-bg);color:var(--cdash-badge-moderate-text)}.cdash-badge.level--minor{background:var(--cdash-badge-minor-bg);color:var(--cdash-badge-minor-text)}.cdash-link-btn{display:block;width:calc(100% - 12px);margin:0 6px 8px;padding:6px;border:none;border-radius:6px;background:var(--cdash-link-btn-bg);color:var(--cdash-accent);font-size:.65rem;font-weight:600;cursor:pointer;text-align:center}.cdash-link-btn:hover{background:var(--cdash-link-btn-hover-bg)}.cdash-map-card{flex:1;min-height:0;display:flex;flex-direction:column;border-radius:10px;border:1px solid var(--cdash-panel-border);background:var(--cdash-map-card-bg);overflow:hidden;box-shadow:var(--scc-shadow-sm)}.cdash-map-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:8px 12px;border-bottom:1px solid var(--cdash-divider);flex-shrink:0;background:var(--cdash-map-card-bg)}.cdash-map-head h2{margin:0;font-size:.88rem;font-weight:700;color:var(--cdash-text)}.cdash-map-legend-inline{display:flex;gap:10px;margin:4px 0 0;font-size:.68rem;color:var(--cdash-muted)}.cdash-map-legend-inline span{display:inline-flex;align-items:center;gap:4px}.cdash-map-legend-inline .dot,.cdash-level-counts .dot,.cdash-zone-item .dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;display:inline-block}.cdash-map-legend-inline .dot.severe,.cdash-level-counts .dot.severe,.cdash-zone-item .dot.level--severe{background:#ef4444}.cdash-map-legend-inline .dot.moderate,.cdash-level-counts .dot.moderate,.cdash-zone-item .dot.level--moderate{background:#eab308}.cdash-map-legend-inline .dot.minor,.cdash-level-counts .dot.minor,.cdash-zone-item .dot.level--minor{background:#22c55e}.cdash-map-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.cdash-btn-sm{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;border:1px solid var(--cdash-panel-border);background:var(--cdash-accent-btn-bg);color:var(--cdash-accent);font-size:.62rem;cursor:pointer}.cdash-btn-sm .scc-icon{width:12px;height:12px}.cdash-map-frame{position:relative;flex:1;min-height:0;overflow:hidden;background:var(--cdash-map-bg)}[data-theme=midnight] .cdash-map-tint{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgb(11 20 34 / 35%) 0%,transparent 28%,transparent 72%,rgb(11 20 34 / 45%) 100%);mix-blend-mode:multiply;opacity:.85}.cdash-map-tint{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}[data-theme=command] .cdash-v3 .scc-map-img--plan{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center;filter:saturate(.82) contrast(1.03) brightness(1.02);opacity:1;background:#eef1f8}[data-theme=midnight] .cdash-v3 .scc-map-img--plan{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center;filter:saturate(.5) brightness(.78) contrast(1.08) hue-rotate(185deg);opacity:.94;background:#0c1524}.cdash-pin{position:absolute;width:13px;height:13px;margin:-6px 0 0 -6px;border-radius:50%;border:2px solid rgb(255 255 255 / 90%);cursor:pointer;z-index:3;transition:transform .15s ease;box-shadow:0 0 0 2px #00000059}.cdash-pin.level--severe{background:#ef4444}.cdash-pin.level--moderate{background:#eab308}.cdash-pin.level--minor{background:#22c55e}.cdash-pin.selected{transform:scale(1.4);box-shadow:0 0 0 3px var(--cdash-accent),0 0 14px var(--cdash-accent-line);z-index:4}.cdash-map-float-label{position:absolute;top:10px;left:10px;z-index:3;display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:8px;background:var(--cdash-map-label-bg);border:1px solid var(--cdash-panel-border);font-size:.72rem;color:var(--cdash-text);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.cdash-map-float-label .scc-icon{width:14px;height:14px;color:var(--cdash-accent)}.cdash-map-foot{padding:7px 12px;border-top:1px solid var(--cdash-divider);flex-shrink:0;min-height:32px;display:flex;align-items:center;background:var(--cdash-map-card-bg)}.cdash-v3 .cdash-map-hint{margin:0;font-size:.72rem;color:var(--cdash-muted);text-align:center;width:100%}.cdash-v3 .cdash-zone-detail{width:100%;font-size:.72rem}.cdash-v3 .cdash-zone-detail strong{color:var(--cdash-accent)}.cdash-v3 .cdash-zone-detail span{color:var(--cdash-muted);margin-left:8px}.cdash-panel--env{flex-shrink:0}.cdash-env-mini{display:flex;align-items:center;gap:10px;padding:10px}.cdash-aqi-ring{display:flex;flex-direction:column;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;border:2px solid var(--cdash-accent-line);flex-shrink:0}.cdash-aqi-ring strong{font-size:1.1rem;font-weight:800;color:var(--cdash-accent);line-height:1}.cdash-aqi-ring span{font-size:.55rem;color:var(--cdash-muted);font-weight:600}.cdash-aqi-ring small{display:block;font-size:.52rem;color:var(--cdash-success);font-weight:600;margin-top:2px;text-align:center;line-height:1.2}.cdash-level-counts{list-style:none;margin:0;padding:0;flex:1;display:grid;gap:4px;font-size:.65rem;color:var(--cdash-muted)}.cdash-level-counts li{display:flex;align-items:center;gap:6px}.cdash-level-counts strong{margin-left:auto;color:var(--cdash-text);font-size:.78rem}.cdash-panel--zones{flex:1;min-height:0}.cdash-zone-list{list-style:none;margin:0;padding:4px 6px 8px;overflow:auto;flex:1}.cdash-zone-item{display:flex;align-items:center;gap:8px;width:100%;padding:6px 8px;border:none;border-radius:6px;background:transparent;color:var(--cdash-text);font-size:.68rem;text-align:left;cursor:pointer}.cdash-zone-item:hover{background:#ffffff0d}.cdash-zone-item.selected{background:var(--cdash-accent-soft);color:var(--cdash-accent)}.cdash-trend-row{display:grid;grid-template-columns:1fr 1fr;gap:6px;flex-shrink:0;min-height:108px}.cdash-panel--interactive{cursor:pointer;transition:border-color .15s ease,background .15s ease}.cdash-panel--interactive:hover{border-color:var(--cdash-accent-line);background:#5eead40a}.cdash-panel--interactive:focus-visible{outline:2px solid var(--cdash-accent);outline-offset:2px}.cdash-panel--clickable{cursor:pointer;transition:border-color .12s ease,background .12s ease}.cdash-panel--clickable:hover{border-color:var(--cdash-accent-line)}.cdash-panel--clickable:focus-visible{outline:2px solid var(--cdash-accent);outline-offset:2px}.cdash-chart-wrap{position:relative;padding:0 8px;cursor:pointer}.cdash-chart-foot{display:block;width:calc(100% - 20px);margin:0 10px 6px;padding:4px 0;border:none;background:transparent;font-size:.58rem;color:var(--cdash-muted);text-align:center;cursor:pointer;transition:color .12s ease}.cdash-chart-foot:hover{color:var(--cdash-accent)}.cdash-chart-xlabels{display:flex;justify-content:space-between;font-size:.55rem;color:var(--cdash-muted);padding:2px 2px 0}.cdash-chart-xlabels--days{gap:0}.cdash-chart-xlabels--days span{flex:1;text-align:center}.cdash-chart-xlabels .today,.cdash-chart-xlabels--days span.today{color:var(--cdash-accent);font-weight:700}.cdash-chart-hit{fill:transparent;cursor:crosshair}.cdash-chart-guide{stroke:#5eead459;stroke-width:1;stroke-dasharray:3 3;pointer-events:none}.cdash-chart-dot{pointer-events:none}.cdash-chart-dot.primary{fill:var(--cdash-accent);stroke:#0b1422;stroke-width:1.5}.cdash-chart-dot.secondary{fill:#64748b;stroke:#0b1422;stroke-width:1.5}.cdash-chart-tooltip{position:fixed;z-index:2000;transform:translate(-50%,calc(-100% - 10px));padding:8px 10px;border-radius:8px;background:#0b1422f5;border:1px solid var(--cdash-accent-line);box-shadow:0 8px 24px #00000073;pointer-events:none;display:flex;flex-direction:column;gap:2px;min-width:120px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.cdash-chart-tooltip strong{font-size:.72rem;color:var(--cdash-text)}.cdash-chart-tooltip span{font-size:.65rem;color:var(--cdash-muted)}.cdash-chart-tooltip em{font-size:.58rem;color:var(--cdash-accent);font-style:normal;margin-top:4px;opacity:.85}.cdash-bar-btn{flex:1;border:none;border-radius:3px 3px 0 0;background:var(--cdash-accent);opacity:.55;min-height:4px;cursor:crosshair;padding:0;transition:opacity .12s ease,transform .12s ease}.cdash-bar-btn:hover,.cdash-bar-btn.active{opacity:1;transform:scaleY(1.02)}.cdash-bar-btn.today{background:var(--cdash-accent);box-shadow:0 0 8px var(--cdash-accent-line)}.cdash-chart-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;background:#0000008c;display:grid;place-items:center;padding:16px}.cdash-chart-modal{width:min(420px,100%);max-height:min(80vh,520px);border-radius:12px;border:1px solid var(--cdash-panel-border);background:var(--cdash-panel);color:var(--cdash-text);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 50px #0000007f}.cdash-chart-modal header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid rgb(255 255 255 / 6%)}.cdash-chart-modal header h3{margin:0;font-size:.92rem}.cdash-chart-modal header p{margin:4px 0 0;font-size:.68rem;color:var(--cdash-muted)}.cdash-chart-modal header button{border:none;background:transparent;color:var(--cdash-muted);font-size:1.4rem;line-height:1;cursor:pointer;padding:0 4px}.cdash-chart-table{width:100%;border-collapse:collapse;font-size:.72rem;overflow:auto}.cdash-chart-table th,.cdash-chart-table td{padding:8px 16px;text-align:left;border-bottom:1px solid rgb(255 255 255 / 5%)}.cdash-chart-table th{color:var(--cdash-muted);font-weight:600;position:sticky;top:0;background:var(--cdash-panel)}.cdash-chart-table tbody{display:block;max-height:280px;overflow-y:auto}.cdash-chart-table thead,.cdash-chart-table tbody tr{display:table;width:100%;table-layout:fixed}.cdash-week-list{list-style:none;margin:0;padding:8px 12px;overflow-y:auto;max-height:320px}.cdash-week-list li{display:grid;grid-template-columns:1fr auto;gap:2px 12px;padding:10px 12px;border-radius:8px;margin-bottom:4px;background:#0000001f;font-size:.75rem}.cdash-week-list li.is-today{border:1px solid var(--cdash-accent-line);background:var(--cdash-accent-soft)}.cdash-week-list li strong{font-size:1rem;color:var(--cdash-accent);grid-row:span 2;align-self:center}.cdash-week-list li small{grid-column:1;color:var(--cdash-muted);font-size:.65rem}.cdash-chart-modal footer{padding:10px 12px 14px;border-top:1px solid var(--cdash-divider)}.cdash-chart-modal footer .cdash-link-btn{width:100%;margin:0}.cdash-panel--chart{min-height:0}.cdash-panel--chart .cdash-panel-head{padding:5px 10px}.cdash-panel-legend{margin-left:auto;display:flex;gap:10px;font-size:.58rem;color:var(--cdash-muted);font-weight:400}.cdash-panel-legend .swatch{display:inline-block;width:10px;height:2px;border-radius:1px;margin-right:3px;vertical-align:middle}.cdash-panel-legend .swatch.primary{background:var(--cdash-accent)}.cdash-panel-legend .swatch.muted{background:#64748b}.cdash-sparkline{display:block;width:100%;height:48px}.cdash-sparkline .line--primary{fill:none;stroke:var(--cdash-accent);stroke-width:2;vector-effect:non-scaling-stroke}.cdash-sparkline .line--secondary{fill:none;stroke:#64748b;stroke-width:1.5;vector-effect:non-scaling-stroke;opacity:.7}.cdash-mini-bars{display:flex;align-items:flex-end;gap:4px;height:48px;margin:0 2px}.cdash-mini-bars span{flex:1;border-radius:2px 2px 0 0;background:var(--cdash-accent);opacity:.65;min-height:4px}@media(max-width:1200px){.cdash-overview{flex-direction:column}.cdash-overview-alert{border-right:none;border-bottom:1px solid var(--cdash-panel-border)}.cdash-overview-stats{flex-wrap:wrap}.cdash-stat{border-left:none;border-top:1px solid var(--cdash-panel-border);flex:1;min-width:80px}.cdash-v3 .cdash-stage{grid-template-columns:180px minmax(0,1fr) 150px}}@media(max-width:900px){.cdash-v3 .cdash-stage{grid-template-columns:1fr;grid-template-rows:auto minmax(280px,1fr) auto}.cdash-map-card{min-height:280px}.cdash-trend-row{height:auto;grid-template-columns:1fr}}[data-theme=command] .cdash-map-tint{display:none}[data-theme=command] .cdash-map-frame{background:radial-gradient(ellipse 90% 80% at 50% 45%,rgb(255 255 255 / 90%),transparent 70%),#eef1f8}[data-theme=midnight] .cdash-map-frame{background:radial-gradient(ellipse 70% 60% at 50% 40%,rgb(90 120 240 / 8%),transparent 65%),#0c1524}[data-theme=command] .cdash-panel--interactive:hover,[data-theme=command] .cdash-panel--clickable:hover{border-color:var(--cdash-accent-line);box-shadow:var(--scc-shadow-sm)}.zpot-page{--zpot-bg: #040d18;--zpot-panel: rgb(6 22 42 / 88%);--zpot-border: rgb(0 212 255 / 24%);--zpot-glow: #00d4ff;--zpot-text: #e8f4ff;--zpot-muted: #7da8c8;--zpot-good: #34d399;--zpot-warn: #fbbf24;--zpot-bad: #f87171;--zpot-calm: #67e8f9;color:var(--zpot-text);display:flex;flex-direction:column;gap:16px;min-height:100%}.zpot-page-head h2{margin:8px 0 4px;font-size:1.25rem;font-weight:800}.zpot-page-head p{margin:0;color:var(--zpot-muted);font-size:.85rem}.zpot-back-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;border:1px solid var(--zpot-border);background:#00d4ff14;color:var(--zpot-glow);font-size:.8rem;cursor:pointer}.zpot-back-btn:hover{background:#00d4ff29}.zpot-tabs{display:flex;flex-wrap:wrap;gap:8px}.zpot-tabs button{padding:8px 14px;border-radius:999px;border:1px solid var(--zpot-border);background:var(--zpot-panel);color:var(--zpot-muted);font-size:.78rem;font-weight:600;cursor:pointer}.zpot-tabs button.active{color:var(--zpot-text);border-color:var(--zpot-glow);box-shadow:0 0 12px #00d4ff33;background:#00507859}.zpot-topic-label{font-size:.75rem;color:var(--zpot-muted);letter-spacing:.04em}.zpot-domain,.zpot-shell{display:flex;flex-direction:column;gap:16px}.zpot-shell-head h3{margin:0 0 4px;font-size:1.1rem}.zpot-shell-head p{margin:0;color:var(--zpot-muted);font-size:.85rem}.zpot-domain-hero{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:12px;border:1px solid var(--zpot-border);background:linear-gradient(135deg,#041830f2,#020e1ee5);box-shadow:inset 0 0 24px #00d4ff0f}.zpot-kicker{margin:0 0 4px;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--zpot-glow)}.zpot-domain-hero h3{margin:0;font-size:1rem;font-weight:700;max-width:36rem}.zpot-hero-badges{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.zpot-hero-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:8px;font-size:.78rem;font-weight:600;border:1px solid transparent}.zpot-hero-badge.tone-good{background:#34d39926;border-color:#34d39959;color:var(--zpot-good)}.zpot-hero-badge.tone-calm{background:#67e8f91f;border-color:#67e8f94d;color:var(--zpot-calm)}.zpot-hero-badge.tone-warn{background:#fbbf241f;border-color:#fbbf2459;color:var(--zpot-warn)}.zpot-hero-badge.tone-alert{background:#f871711f;border-color:#f8717159;color:var(--zpot-bad)}.zpot-hero-badge.tone-neutral{background:#7da8c81f;border-color:#7da8c840;color:var(--zpot-muted)}.zpot-main-grid{display:grid;grid-template-columns:1fr minmax(200px,260px);gap:14px}@media(max-width:1100px){.zpot-main-grid{grid-template-columns:1fr}}.zpot-station-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}.zpot-station-card{border-radius:10px;border:1px solid var(--zpot-border);background:var(--zpot-panel);overflow:hidden}.zpot-station-head{padding:6px 10px;font-size:.7rem;font-weight:700;letter-spacing:.06em;background:#003c6466;color:var(--zpot-glow);border-bottom:1px solid var(--zpot-border)}.zpot-station-body{padding:8px}.zpot-station-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.zpot-station-metric{padding:6px;border-radius:6px;background:#020c18cc;border:1px solid rgb(255 255 255 / 6%);font-size:.68rem}.zpot-station-metric.emphasis{border-color:#00d4ff59;box-shadow:0 0 8px #00d4ff1f}.zpot-station-metric.centered{text-align:center}.zpot-station-metric-main{display:flex;gap:6px;align-items:flex-start}.zpot-station-metric p{margin:0;color:var(--zpot-muted);font-size:.62rem}.zpot-station-metric strong{display:block;font-size:.82rem;color:var(--zpot-text)}.zpot-station-metric small{display:block;margin-top:2px;color:var(--zpot-muted);font-size:.58rem}.zpot-station-metric--low{border-left:3px solid #60a5fa}.zpot-station-metric--normal{border-left:3px solid var(--zpot-good)}.zpot-station-metric--high{border-left:3px solid var(--zpot-warn)}.zpot-station-metric--nodata{border-left:3px solid #6b7280;opacity:.75}.zpot-icon{width:16px;height:16px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.6}.zpot-legend{padding:12px;border-radius:10px;border:1px solid var(--zpot-border);background:var(--zpot-panel);font-size:.78rem}.zpot-legend h4{margin:0 0 6px;font-size:.85rem}.zpot-legend p{margin:0 0 8px;color:var(--zpot-muted);font-size:.72rem}.zpot-legend ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.zpot-legend li{display:flex;align-items:center;gap:8px}.zpot-legend-title{margin:12px 0 6px!important;font-weight:600;color:var(--zpot-text)!important}.zpot-legend-colors .swatch{width:12px;height:12px;border-radius:2px;display:inline-block}.swatch.low{background:#60a5fa}.swatch.normal{background:var(--zpot-good)}.swatch.high{background:var(--zpot-warn)}.swatch.nodata{background:#6b7280}.zpot-aqi-chips{display:flex;flex-wrap:wrap;gap:6px}.zpot-aqi-chips .chip{padding:4px 10px;border-radius:999px;font-size:.68rem;font-weight:600}.chip.blue{background:#60a5fa33;color:#93c5fd}.chip.green{background:#34d3992e;color:var(--zpot-good)}.chip.yellow{background:#fbbf242e;color:var(--zpot-warn)}.chip.orange{background:#fb923c2e;color:#fdba74}.chip.red{background:#f871712e;color:var(--zpot-bad)}.zpot-detail-grid,.zpot-alarm-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.zpot-detail-card.span-2,.zpot-alarm-grid .span-2{grid-column:span 2}@media(max-width:900px){.zpot-detail-grid,.zpot-alarm-grid{grid-template-columns:1fr}.zpot-detail-card.span-2,.zpot-alarm-grid .span-2{grid-column:span 1}}.zpot-detail-card{padding:12px 14px;border-radius:10px;border:1px solid var(--zpot-border);background:var(--zpot-panel)}.zpot-detail-card h3{margin:0 0 10px;font-size:.88rem;color:var(--zpot-glow)}.zpot-status-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.zpot-status-item{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;background:#020a16b3;border:1px solid rgb(255 255 255 / 5%);font-size:.78rem}.zpot-status-label{display:flex;align-items:center;gap:8px;color:var(--zpot-muted);min-width:0}.zpot-value-badge{font-size:.76rem;font-weight:700;text-align:right;white-space:nowrap}.zpot-value-badge.tone-good{color:var(--zpot-good)}.zpot-value-badge.tone-calm{color:var(--zpot-calm)}.zpot-value-badge.tone-warn{color:var(--zpot-warn)}.zpot-value-badge.tone-alert{color:var(--zpot-bad)}.zpot-value-badge.tone-neutral{color:var(--zpot-muted)}:root{--scc-primary: #5a78f0;--scc-primary-hover: #4a68e8;--scc-primary-soft: #e8edfe;--scc-primary-dark: #3d5fd0;--scc-bg: #f4f6fa;--scc-surface: #ffffff;--scc-surface-muted: #f7f8fc;--scc-border: #e2e6ef;--scc-border-strong: #c8d0e0;--scc-text: #1a1d26;--scc-text-secondary: #475467;--scc-text-muted: #98a2b3;--scc-sidebar-bg: #ffffff;--scc-sidebar-border: #eaecf0;--scc-nav-text: #344054;--scc-nav-muted: #667085;--scc-nav-active-bg: var(--scc-primary);--scc-nav-active-text: #ffffff;--scc-success: #12b76a;--scc-success-bg: #ecfdf3;--scc-warning: #f79009;--scc-warning-bg: #fffaeb;--scc-danger: #f04438;--scc-danger-bg: #fef3f2;--scc-sidebar-w: 260px;--scc-topbar-h: 60px;--scc-content-max: 1280px;--scc-dashboard-max: 1440px;--scc-radius-sm: 8px;--scc-radius-md: 12px;--scc-radius-lg: 16px;--scc-radius-xl: 20px;--scc-shadow-sm: 0 1px 2px rgb(16 24 40 / 6%);--scc-shadow-md: 0 4px 16px rgb(16 24 40 / 8%);--scc-shadow-lg: 0 12px 40px rgb(16 24 40 / 12%);--scc-shadow-glow: 0 0 0 1px rgb(90 120 240 / 8%), 0 8px 24px rgb(90 120 240 / 12%);--scc-text-xs: .68rem;--scc-text-sm: .78rem;--scc-text-base: .875rem;--scc-text-lg: 1.05rem;--scc-text-xl: 1.35rem;--scc-text-2xl: 1.65rem;--scc-leading-tight: 1.25;--scc-leading-normal: 1.5;--scc-space-1: 4px;--scc-space-2: 8px;--scc-space-3: 12px;--scc-space-4: 16px;--scc-space-5: 20px;--scc-space-6: 24px;--scc-space-8: 32px;--scc-glass: rgb(255 255 255 / 72%);--scc-glass-border: rgb(255 255 255 / 60%);--scc-table-head-bg: #f8fafc;--scc-table-row-hover: rgb(90 120 240 / 4%);--scc-input-border: #cbd5e1;--font: "Inter", "Noto Sans Thai", system-ui, sans-serif}:root,[data-theme=command]{--scc-primary: #5a78f0;--scc-primary-hover: #4a68e8;--scc-primary-soft: #e8edfe;--scc-primary-dark: #3d5fd0;--scc-bg: #f4f6fa;--scc-surface: #ffffff;--scc-surface-muted: #f7f8fc;--scc-border: #e2e6ef;--scc-border-strong: #c8d0e0;--scc-text: #1c2030;--scc-text-secondary: #4a5568;--scc-text-muted: #8b95a8;--scc-sidebar-bg: #ffffff;--scc-sidebar-border: #e8ebf2;--scc-nav-text: #3d4663;--scc-nav-muted: #6b7288;--scc-nav-active-bg: #5a78f0;--scc-nav-active-text: #ffffff;--scc-shadow-sm: 0 1px 3px rgb(90 120 240 / 8%);--scc-shadow-md: 0 4px 20px rgb(90 120 240 / 12%);--scc-shadow-lg: 0 12px 40px rgb(28 32 48 / 10%);--scc-map-tint: #eef1f8;--scc-topbar-bg: #ffffff;--scc-success: #12b76a;--scc-success-bg: #ecfdf3;--scc-warning: #f79009;--scc-warning-bg: #fffaeb;--scc-danger: #f04438;--scc-danger-bg: #fef3f2;--scc-wall-btn-bg: var(--scc-primary-soft);--scc-wall-btn-border: rgb(90 120 240 / 32%);--scc-wall-btn-text: var(--scc-primary-dark);--scc-wall-btn-hover-bg: rgb(90 120 240 / 14%);--scc-wall-btn-hover-shadow: 0 2px 8px rgb(90 120 240 / 18%)}[data-theme=command] .scc-nav-item.active{background:#5a78f0;box-shadow:0 4px 12px #5a78f061}[data-theme=command] .scc-nav-item:hover:not(.active){background:#e8edfe;color:#3d5fd0}[data-theme=command] .scc-page-guide{background:linear-gradient(135deg,#e8edfe,#f7f8fc);border-color:#d4dcf5}[data-theme=command] .scc-btn-primary{background:linear-gradient(180deg,#5a78f0,#4a68e8);box-shadow:0 2px 8px #5a78f059}[data-theme=command] .scc-btn-primary:hover{background:linear-gradient(180deg,#4a68e8,#3d5fd0)}[data-theme=command] .scc-avatar{background:linear-gradient(135deg,#5a78f0,#3d5fd0);border-color:#e8edfe}[data-theme=midnight]{--scc-primary: #7c9cff;--scc-primary-hover: #9bb3ff;--scc-primary-soft: rgb(124 156 255 / 14%);--scc-primary-dark: #5a78f0;--scc-bg: #0c1017;--scc-surface: #151c28;--scc-surface-muted: #1a2332;--scc-border: #2a3548;--scc-border-strong: #3d4d66;--scc-text: #f1f5f9;--scc-text-secondary: #94a3b8;--scc-text-muted: #64748b;--scc-sidebar-bg: #111827;--scc-sidebar-border: #1e293b;--scc-nav-text: #d8e2ef;--scc-nav-muted: #7b8da6;--scc-nav-active-bg: linear-gradient(135deg, #5a78f0, #7c3aed);--scc-nav-active-text: #ffffff;--scc-shadow-sm: 0 1px 3px rgb(0 0 0 / 35%);--scc-shadow-md: 0 8px 24px rgb(0 0 0 / 45%);--scc-shadow-lg: 0 16px 48px rgb(0 0 0 / 55%);--scc-map-tint: #1a2332;--scc-topbar-bg: #111827;--scc-success: #34d399;--scc-success-bg: rgb(52 211 153 / 14%);--scc-warning: #fbbf24;--scc-warning-bg: rgb(251 191 36 / 14%);--scc-danger: #f87171;--scc-danger-bg: rgb(248 113 113 / 14%);--scc-wall-btn-bg: rgb(94 234 212 / 10%);--scc-wall-btn-border: rgb(94 234 212 / 32%);--scc-wall-btn-text: #5eead4;--scc-wall-btn-hover-bg: rgb(94 234 212 / 18%);--scc-wall-btn-hover-shadow: 0 0 12px rgb(94 234 212 / 18%)}[data-theme=midnight] .scc-nav-item.active{background:linear-gradient(90deg,#5a78f038,#7c3aed14);box-shadow:inset 3px 0 #7c9cff,0 2px 12px #5a78f026;border:1px solid rgb(124 156 255 / 16%)}[data-theme=midnight] .scc-map-frame{background:var(--scc-map-tint)}[data-theme=midnight] .scc-cctv-placeholder{background:#0a0f16;color:#64748b}[data-theme=midnight] .scc-map-zone-label{background:#151c28eb;border-color:var(--scc-border)}[data-theme=midnight] .scc-kpi-card:hover,[data-theme=midnight] .scc-sensor-tile:hover{border-color:var(--scc-primary)}[data-theme=midnight] .scc-level-badge.level--severe{background:#ef444433;color:#fca5a5}[data-theme=midnight] .scc-level-badge.level--moderate{background:#f59e0b33;color:#fcd34d}[data-theme=midnight] .scc-level-badge.level--minor{background:#22c55e33;color:#86efac}[data-theme=midnight] .scc-stat-pill.ok{color:#6ce9a6}[data-theme=midnight] .scc-stat-pill.warn{color:#fec84b}[data-theme=command] .scc-kpi-card.tone--primary .scc-kpi-value{color:var(--scc-primary-dark)}[data-theme=command] .scc-map-img--plan,[data-theme=command] .scc-map-frame{background:var(--scc-map-tint)}[data-theme=midnight] .scc-main{background:radial-gradient(ellipse 70% 50% at 100% -5%,rgb(90 120 240 / 14%),transparent 55%),radial-gradient(ellipse 55% 40% at -5% 100%,rgb(124 58 237 / 9%),transparent 50%),var(--scc-bg)}[data-theme=midnight] .scc-ticker,[data-theme=midnight] .scc-live-clock,[data-theme=midnight] .scc-quick-action-btn{background:var(--scc-surface-muted)}[data-theme=midnight] .scc-login-showcase h2{background:linear-gradient(135deg,#f1f5f9,#7c9cff);-webkit-background-clip:text;background-clip:text;color:transparent}[data-theme=midnight] .scc-map-scanline{opacity:.55}@keyframes scc-fade-in-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes scc-fade-in{0%{opacity:0}to{opacity:1}}@keyframes scc-scale-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes scc-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes scc-float-slow{0%,to{transform:translate(0)}33%{transform:translate(6px,-10px)}66%{transform:translate(-4px,6px)}}@keyframes scc-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes scc-ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes scc-scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes scc-ring-pulse{0%{transform:scale(.9);opacity:.6}to{transform:scale(1.3);opacity:0}}@keyframes scc-progress-fill{0%{width:0}}.scc-animate-in{animation:scc-fade-in-up .45s ease both}.scc-page-content{animation:scc-fade-in-up .35s ease both}.scc-stagger>*{animation:scc-fade-in-up .4s ease both}.scc-stagger>*:nth-child(1){animation-delay:.03s}.scc-stagger>*:nth-child(2){animation-delay:.06s}.scc-stagger>*:nth-child(3){animation-delay:.09s}.scc-stagger>*:nth-child(4){animation-delay:.12s}.scc-stagger>*:nth-child(5){animation-delay:.15s}.scc-stagger>*:nth-child(6){animation-delay:.18s}.scc-modal-backdrop{animation:scc-fade-in .2s ease both}.scc-modal{animation:scc-scale-in .25s cubic-bezier(.34,1.4,.64,1) both}.scc-login-orb{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none;animation:scc-float-slow 12s ease-in-out infinite}.scc-login-orb--1{width:280px;height:280px;background:#5a78f038;top:10%;left:8%}.scc-login-orb--2{width:200px;height:200px;background:#3d5fd029;bottom:15%;right:12%;animation-delay:-4s;animation-duration:15s}.scc-login-orb--3{width:140px;height:140px;background:#7c9cff24;top:50%;left:45%;animation-delay:-7s;animation-duration:18s}.scc-map-scanline{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:4;opacity:.35}.scc-map-scanline:after{content:"";position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--scc-primary),transparent);animation:scc-scanline 6s linear infinite}.scc-empty-state-icon{position:relative}.scc-empty-state-icon:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:2px solid var(--scc-primary);animation:scc-ring-pulse 2s ease-out infinite}.scc-kpi-progress-fill{animation:scc-progress-fill .8s ease both}.scc-onboard-step-card{animation:scc-fade-in-up .4s ease both}.scc-onboard-step-card:nth-child(1){animation-delay:.05s}.scc-onboard-step-card:nth-child(2){animation-delay:.1s}.scc-onboard-step-card:nth-child(3){animation-delay:.15s}.scc-onboard-step-card:nth-child(4){animation-delay:.2s}@media(prefers-reduced-motion:reduce){.scc-animate-in,.scc-page-content,.scc-stagger>*,.scc-modal-backdrop,.scc-modal,.scc-login-orb,.scc-map-scanline:after,.scc-empty-state-icon:before,.scc-kpi-progress-fill,.scc-onboard-step-card{animation:none!important}}.scc-topbar{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--scc-glass)!important;box-shadow:0 1px 0 var(--scc-border);gap:var(--scc-space-3)}.scc-topbar-crumb{display:flex;align-items:center;gap:8px;font-size:var(--scc-text-sm);color:var(--scc-text-muted);min-width:0;flex:1}.scc-topbar-crumb strong{color:var(--scc-text);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scc-topbar-crumb-sep{opacity:.45;font-size:.65rem}.scc-sidebar{background:linear-gradient(180deg,var(--scc-primary-soft) 0%,transparent 140px),var(--scc-sidebar-bg);box-shadow:inset -1px 0 0 var(--scc-sidebar-border)}.scc-sidebar-brand{padding:var(--scc-space-4) var(--scc-space-4) var(--scc-space-3);background:transparent;border-bottom:1px solid var(--scc-sidebar-border)}.scc-sidebar-status{width:100%;margin-top:var(--scc-space-2);padding:.35rem .65rem;border-radius:999px;background:#12b76a1a;border:1px solid rgb(18 183 106 / 18%);font-size:.72rem;font-weight:600;color:var(--scc-success);justify-content:center}.scc-scroll-hint-root--sidebar{border-bottom:1px solid transparent}.scc-scroll-hint-root--sidebar.scc-scroll-hint-root--can-down{border-bottom-color:var(--scc-sidebar-border)}.scc-sidebar-nav{padding:var(--scc-space-2) var(--scc-space-2) var(--scc-space-1);gap:var(--scc-space-2)}.scc-scroll-hint-root--sidebar.scc-scroll-hint-root--can-down .scc-sidebar-nav{padding-bottom:2.75rem}.scc-nav-group{border-radius:var(--scc-radius-md);transition:background .15s}.scc-nav-group.is-open{background:#5a78f00f;border:1px solid rgb(90 120 240 / 10%);padding:2px}.scc-nav-group.has-active:not(.is-open) .scc-nav-group-head{color:var(--scc-primary)}.scc-nav-group-head{padding:.5rem .65rem;font-size:.7rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;border-radius:8px}.scc-nav-group-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.scc-nav-group-items{gap:3px;padding:0 2px 4px}.scc-nav-item{border-radius:10px;padding:.55rem .65rem;font-size:.82rem;gap:.65rem;min-height:40px}.scc-nav-item-label{min-width:0;line-height:1.3}.scc-nav-icon-wrap{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;flex-shrink:0;background:#64748b1a;color:var(--scc-nav-text);transition:background .15s,color .15s}.scc-nav-icon-wrap .scc-icon{width:16px;height:16px}.scc-nav-item:hover .scc-nav-icon-wrap{background:#5a78f024;color:var(--scc-primary)}.scc-nav-item.active{background:linear-gradient(135deg,var(--scc-primary) 0%,var(--scc-primary-dark, #4a68e8) 100%);color:var(--scc-nav-active-text);box-shadow:0 4px 14px #5a78f052}.scc-nav-item.active .scc-nav-icon-wrap{background:#ffffff2e;color:#fff}.scc-nav-item.active:before{display:none}.scc-sidebar-foot{border-top:1px solid var(--scc-sidebar-border);padding:var(--scc-space-3) var(--scc-space-4);background:var(--scc-surface-muted);display:grid;gap:var(--scc-space-2)}.scc-sidebar-foot-stats{display:flex;gap:var(--scc-space-2)}.scc-sidebar-stat{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .55rem;border-radius:8px;background:var(--scc-surface);border:1px solid var(--scc-border);font-size:.72rem;font-weight:600;color:var(--scc-text-secondary)}.scc-sidebar-stat.danger{color:var(--scc-danger);border-color:#f0443833;background:var(--scc-danger-bg)}.scc-sidebar-role-pill{display:block;font-size:.72rem;color:var(--scc-text-muted);padding:.35rem .55rem;border-radius:8px;background:var(--scc-surface);border:1px solid var(--scc-border);text-align:center}.scc-scroll-hint-root--sidebar .scc-scroll-hint-fade--bottom{height:72px;background:linear-gradient(to bottom,transparent,var(--scc-sidebar-bg) 70%)}.scc-scroll-hint-root--sidebar .scc-scroll-hint-arrow--down{left:10px;right:10px;width:auto;transform:none;bottom:6px;justify-content:center;border-radius:8px;padding:.4rem .65rem;font-size:.72rem;background:var(--scc-surface);animation:scc-sidebar-scroll-pulse 2s ease-in-out infinite}.scc-scroll-hint-root--sidebar .scc-scroll-hint-arrow--up{top:4px;left:50%;transform:translate(-50%)}@keyframes scc-sidebar-scroll-pulse{0%,to{box-shadow:var(--scc-shadow-sm)}50%{box-shadow:0 4px 16px #5a78f038}}.scc-main{padding:var(--scc-space-5) var(--scc-space-6) var(--scc-space-8)}.scc-main--dashboard{padding:var(--scc-space-4) var(--scc-space-5) var(--scc-space-6);align-items:stretch!important}.scc-main-inner--dashboard{max-width:var(--scc-dashboard-max)!important;width:100%!important}.scc-page-intro{padding:var(--scc-space-4) var(--scc-space-5);background:var(--scc-surface);border:1px solid var(--scc-border);border-radius:var(--scc-radius-lg);box-shadow:var(--scc-shadow-sm);margin-bottom:var(--scc-space-4)}.scc-page-intro h1{font-size:var(--scc-text-2xl);letter-spacing:-.03em}.scc-page-guide{border-radius:var(--scc-radius-md);margin-bottom:var(--scc-space-4)}.scc-page-content{animation:scc-page-in .35s ease both}@keyframes scc-page-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.scc-dashboard{gap:var(--scc-space-4);padding:0;background:transparent;border:none;box-shadow:none;border-radius:0}.scc-dashboard-head{display:none}.scc-dashboard-hero{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:space-between;gap:var(--scc-space-4);padding:var(--scc-space-5) var(--scc-space-6);border-radius:var(--scc-radius-xl);border:1px solid var(--scc-border);background:linear-gradient(135deg,var(--scc-primary-soft) 0%,var(--scc-surface) 45%,var(--scc-surface) 100%);box-shadow:var(--scc-shadow-glow);position:relative;overflow:hidden}.scc-dashboard-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 100% 0%,rgb(90 120 240 / 12%),transparent 50%);pointer-events:none}.scc-dashboard-hero.tone--danger{border-color:#f0443859;background:linear-gradient(135deg,var(--scc-danger-bg) 0%,var(--scc-surface) 50%)}.scc-dashboard-hero.tone--warning{border-color:#f790094d;background:linear-gradient(135deg,var(--scc-warning-bg) 0%,var(--scc-surface) 50%)}.scc-dashboard-hero-main{display:flex;gap:var(--scc-space-4);align-items:flex-start;position:relative;z-index:1;flex:1;min-width:240px}.scc-dashboard-hero-icon{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:var(--scc-surface);border:1px solid var(--scc-border);color:var(--scc-primary);box-shadow:var(--scc-shadow-sm);flex-shrink:0}.scc-dashboard-hero.tone--danger .scc-dashboard-hero-icon{color:var(--scc-danger);background:var(--scc-danger-bg);border-color:#f0443840}.scc-dashboard-hero-eyebrow{margin:0 0 4px;font-size:var(--scc-text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--scc-text-muted)}.scc-dashboard-hero-title{margin:0 0 6px;font-size:clamp(1.15rem,2.5vw,1.5rem);font-weight:800;letter-spacing:-.03em;line-height:var(--scc-leading-tight);color:var(--scc-text)}.scc-dashboard-hero-sub{margin:0;font-size:var(--scc-text-sm);color:var(--scc-text-secondary)}.scc-dashboard-hero-stats{display:flex;flex-wrap:wrap;gap:var(--scc-space-3);position:relative;z-index:1}.scc-dashboard-hero-stat{min-width:100px;padding:var(--scc-space-3) var(--scc-space-4);border-radius:var(--scc-radius-md);background:var(--scc-glass);border:1px solid var(--scc-glass-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;gap:2px}.scc-dashboard-hero-stat span{font-size:var(--scc-text-xs);font-weight:600;color:var(--scc-text-muted);text-transform:uppercase;letter-spacing:.04em}.scc-dashboard-hero-stat strong{font-size:1.25rem;font-weight:800;color:var(--scc-text);line-height:1.1}.scc-dashboard-hero-stat small{font-size:var(--scc-text-xs);color:var(--scc-text-secondary)}.scc-dashboard-summary{gap:var(--scc-space-3)}.scc-dashboard .scc-kpi-strip{grid-template-columns:repeat(4,1fr);gap:var(--scc-space-3)}.scc-dashboard-main{grid-template-columns:minmax(240px,280px) minmax(0,1fr) minmax(200px,220px);grid-template-rows:minmax(480px,58vh);gap:var(--scc-space-4);align-items:stretch}.scc-dashboard-main>.scc-panel--incidents{grid-column:1;min-height:0;display:flex;flex-direction:column}.scc-dashboard-main>.scc-map-section--hero{grid-column:2;min-height:0;display:flex;flex-direction:column}.scc-dashboard-main>.scc-map-zones--sidebar{grid-column:3;min-height:0}.scc-kpi-card{border-radius:var(--scc-radius-md);position:relative;overflow:hidden}.scc-kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--scc-border);opacity:.6}.scc-kpi-card.tone--danger:before{background:var(--scc-danger);opacity:1}.scc-kpi-card.tone--warning:before{background:var(--scc-warning);opacity:1}.scc-kpi-card.tone--success:before{background:var(--scc-success);opacity:1}.scc-kpi-card.tone--primary:before{background:var(--scc-primary);opacity:1}.scc-panel--incidents{border-radius:var(--scc-radius-lg);border:1px solid var(--scc-border);background:var(--scc-surface);overflow:hidden}.scc-panel--incidents .scc-panel-head{background:linear-gradient(180deg,var(--scc-danger-bg),var(--scc-surface));border-bottom:1px solid var(--scc-border);padding:var(--scc-space-4)}.scc-incident-list--scroll{max-height:none;flex:1;min-height:0}.scc-incident-card--compact{border-radius:var(--scc-radius-md);margin:0 var(--scc-space-3) var(--scc-space-2);border:1px solid var(--scc-border);transition:border-color .15s,box-shadow .15s,transform .15s}.scc-incident-card--clickable:hover{border-color:var(--scc-primary);box-shadow:var(--scc-shadow-md);transform:translate(2px)}.scc-map-section{border-radius:var(--scc-radius-lg)}.scc-map-section--hero{flex:1}.scc-map-zones--sidebar{border-radius:var(--scc-radius-lg);border:1px solid var(--scc-border);background:var(--scc-surface);padding:var(--scc-space-3) var(--scc-space-2);overflow-y:auto;display:flex;flex-direction:column;gap:var(--scc-space-2);box-shadow:var(--scc-shadow-sm)}.scc-map-header h3{font-size:var(--scc-text-lg);font-weight:700}.scc-panel--sensors{border-radius:var(--scc-radius-lg);padding:var(--scc-space-4);background:var(--scc-surface);border:1px solid var(--scc-border)}.scc-sensor-grid--compact{gap:var(--scc-space-3)}.scc-sensor-tile{border-radius:var(--scc-radius-md);border:1px solid var(--scc-border);transition:transform .15s,box-shadow .15s}.scc-sensor-tile:hover{transform:translateY(-2px);box-shadow:var(--scc-shadow-md)}.scc-result-label{margin-left:4px;font-size:var(--scc-text-sm);color:var(--scc-text-muted)}.scc-quick-actions--compact{padding:var(--scc-space-3) var(--scc-space-4);background:var(--scc-surface);border:1px solid var(--scc-border);border-radius:var(--scc-radius-md)}.scc-quick-action-chip{border-radius:999px;padding:8px 14px;font-weight:600;border:1px solid var(--scc-border);background:var(--scc-surface-muted);transition:all .15s}.scc-quick-action-chip:hover{background:var(--scc-primary-soft);border-color:var(--scc-primary);color:var(--scc-primary-dark);transform:translateY(-1px)}.scc-ticker{border-radius:var(--scc-radius-md);border:1px solid var(--scc-border);background:var(--scc-surface)}.scc-module{display:grid;gap:var(--scc-space-4)}.scc-manual-ref{font-size:var(--scc-text-xs);padding:6px 12px;background:var(--scc-surface-muted);border-radius:999px;border:1px solid var(--scc-border);width:fit-content;margin:0}.scc-card{border-radius:var(--scc-radius-lg);padding:var(--scc-space-5);box-shadow:var(--scc-shadow-sm)}.scc-search-card{background:linear-gradient(180deg,var(--scc-surface) 0%,var(--scc-surface-muted) 100%)}.scc-search-card input,.scc-search-card select,.scc-form-grid input,.scc-form-grid select,.scc-form-grid textarea{border-color:var(--scc-input-border)!important;border-radius:10px;transition:border-color .15s,box-shadow .15s}.scc-search-card input:focus,.scc-search-card select:focus,.scc-form-grid input:focus,.scc-form-grid select:focus,.scc-form-grid textarea:focus{outline:none;border-color:var(--scc-primary)!important;box-shadow:0 0 0 3px var(--scc-primary-soft)}.scc-list-card{padding:0;overflow:hidden}.scc-list-card .scc-table-toolbar{padding:var(--scc-space-4) var(--scc-space-5);margin:0;background:var(--scc-surface-muted);border-bottom:1px solid var(--scc-border)}.scc-list-card .scc-table-wrap{padding:0 var(--scc-space-2) var(--scc-space-2)}.scc-result-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;font-size:var(--scc-text-xs);font-weight:700;background:var(--scc-primary-soft);color:var(--scc-primary-dark);margin-left:6px}.scc-table th{background:var(--scc-table-head-bg);border-bottom:1px solid var(--scc-border);position:sticky;top:0;z-index:1}.scc-table td{border-bottom:1px solid var(--scc-border)}.scc-table tbody tr{transition:background .12s}.scc-table tbody tr:hover{background:var(--scc-table-row-hover)}.scc-record-card{border-radius:var(--scc-radius-md);transition:border-color .15s,box-shadow .15s}.scc-record-card:hover{border-color:var(--scc-primary);box-shadow:var(--scc-shadow-sm)}.scc-btn-primary{border-radius:10px;font-weight:700;letter-spacing:.01em}.scc-btn-ghost{border-radius:10px}.scc-modal{border-radius:var(--scc-radius-xl);box-shadow:var(--scc-shadow-lg)}.scc-modal--sop{max-width:560px}.scc-login-card{border-radius:var(--scc-radius-xl);box-shadow:var(--scc-shadow-glow)}.scc-login-page{grid-template-columns:1fr min(460px,44vw);gap:56px}[data-theme=midnight]{--scc-glass: rgb(13 18 25 / 88%);--scc-glass-border: rgb(255 255 255 / 7%);--scc-table-head-bg: #151f2e;--scc-table-row-hover: rgb(124 156 255 / 7%);--scc-input-border: rgb(148 163 184 / 22%)}.scc-page-intro--v2{display:flex;align-items:center;gap:var(--scc-space-4);padding:var(--scc-space-4) var(--scc-space-5);margin-bottom:var(--scc-space-3)}.scc-page-intro-eyebrow{margin:0 0 4px;font-size:var(--scc-text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--scc-primary)}.scc-page-intro--v2 h1{margin:0;font-size:1.5rem}.scc-page-intro--v2 p{margin:4px 0 0;font-size:var(--scc-text-sm)}.scc-form-page{gap:var(--scc-space-4);padding-bottom:80px}.scc-form-page-head{display:flex;align-items:flex-start;gap:var(--scc-space-4);padding:var(--scc-space-4) var(--scc-space-5);background:var(--scc-surface);border:1px solid var(--scc-border);border-radius:var(--scc-radius-lg);box-shadow:var(--scc-shadow-sm)}.scc-form-back-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--scc-border);background:var(--scc-surface-muted);color:var(--scc-text-secondary);border-radius:10px;padding:8px 12px;font-size:var(--scc-text-sm);font-weight:600;flex-shrink:0;transition:all .15s}.scc-form-back-btn:hover{background:var(--scc-primary-soft);border-color:var(--scc-primary);color:var(--scc-primary-dark)}.scc-form-page-head h2{margin:0 0 4px;font-size:1.25rem;font-weight:800;letter-spacing:-.02em}.scc-form-page-head p{margin:0;font-size:var(--scc-text-sm);color:var(--scc-text-muted)}.scc-form-section{padding:var(--scc-space-5)}.scc-form-section-title{margin:0 0 var(--scc-space-4);font-size:var(--scc-text-base);font-weight:700;color:var(--scc-text);padding-bottom:var(--scc-space-2);border-bottom:1px solid var(--scc-border)}.scc-form-grid--tight{margin-top:var(--scc-space-3)}.scc-form-footer--sticky{position:sticky;bottom:var(--scc-space-4);z-index:20;margin:0;padding:var(--scc-space-4);background:var(--scc-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--scc-border);border-radius:var(--scc-radius-lg);box-shadow:var(--scc-shadow-md);display:flex;gap:var(--scc-space-2)}.scc-module:has(>.scc-form-footer:not(.scc-form-footer--sticky)) .scc-form-footer{position:sticky;bottom:var(--scc-space-4);z-index:10;padding:var(--scc-space-4);background:var(--scc-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--scc-border);border-radius:var(--scc-radius-lg);box-shadow:var(--scc-shadow-md)}.scc-search-panel-head{display:flex;gap:var(--scc-space-3);align-items:flex-start;margin-bottom:var(--scc-space-4)}.scc-search-panel-icon{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:var(--scc-primary-soft);color:var(--scc-primary);flex-shrink:0}.scc-search-panel-hint{margin:4px 0 0;font-size:var(--scc-text-xs);color:var(--scc-text-muted)}.scc-search-panel .scc-card-title{margin:0}.scc-status{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:var(--scc-text-xs);font-weight:700;letter-spacing:.02em;border:1px solid transparent}.scc-status--success,.scc-status.active{background:var(--scc-success-bg);color:var(--scc-success);border-color:#12b76a33}.scc-incident-stat-card.tone--success{border-color:#12b76a4d;background:linear-gradient(180deg,var(--scc-success-bg),var(--scc-surface))}.scc-incident-stat-card.tone--success strong{color:var(--scc-success)}.scc-status--danger,.scc-status.inactive{background:var(--scc-danger-bg);color:var(--scc-danger);border-color:#f0443833}.scc-status--warning{background:var(--scc-warning-bg);color:var(--scc-warning);border-color:#f7900940}.scc-status--info{background:var(--scc-primary-soft);color:var(--scc-primary-dark);border-color:#5a78f040}.scc-status--muted{background:var(--scc-surface-muted);color:var(--scc-text-muted);border-color:var(--scc-border)}.scc-mobile-cards{display:none;padding:var(--scc-space-3);gap:var(--scc-space-3)}.scc-mobile-card{padding:var(--scc-space-4);border:1px solid var(--scc-border);border-radius:var(--scc-radius-md);background:var(--scc-surface);display:grid;gap:var(--scc-space-2);transition:border-color .15s,box-shadow .15s}.scc-mobile-card--clickable{cursor:pointer}.scc-mobile-card--clickable:hover{border-color:var(--scc-primary);box-shadow:var(--scc-shadow-sm)}.scc-mobile-card-row{display:flex;justify-content:space-between;gap:var(--scc-space-3);font-size:var(--scc-text-sm)}.scc-mobile-card-row span{color:var(--scc-text-muted);font-weight:600;flex-shrink:0}.scc-mobile-card-row strong{text-align:right;color:var(--scc-text)}.scc-mobile-card-actions{display:flex;gap:var(--scc-space-2);padding-top:var(--scc-space-2);border-top:1px solid var(--scc-border)}.scc-table-toolbar-title{display:flex;align-items:center;flex-wrap:wrap;gap:4px}.scc-table-toolbar .scc-btn-primary{display:inline-flex;align-items:center;gap:6px}.scc-table-toolbar .scc-btn-primary .scc-icon{width:14px;height:14px}.scc-record-list-card{padding:0;overflow:hidden}.scc-record-list-head{display:flex;align-items:center;justify-content:space-between;gap:var(--scc-space-3);padding:var(--scc-space-4) var(--scc-space-4) 0}.scc-record-list-head .scc-card-title{margin:0;font-size:var(--scc-text-base)}.scc-search-panel .scc-search-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--scc-space-2)}.scc-btn-export-inline{margin-left:auto}.scc-activity-log-module .scc-search-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scc-activity-log-list .scc-card-list--styled{gap:var(--scc-space-2);padding:var(--scc-space-3) var(--scc-space-4)}.scc-activity-log-list .scc-record-card--rich{padding:.75rem 1rem;align-items:center}.scc-activity-log-row{display:flex;align-items:center;gap:var(--scc-space-3);width:100%;min-width:0}.scc-activity-log-icon{width:36px;height:36px;border-radius:10px}.scc-activity-log-icon.tone--warn{background:var(--scc-warning-bg);color:var(--scc-warning)}.scc-activity-log-body{flex:1;min-width:0;display:grid;gap:2px}.scc-activity-log-action{font-size:.88rem;color:var(--scc-text);line-height:1.35}.scc-activity-log-meta{margin:0;font-size:.78rem;color:var(--scc-text-muted);display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}.scc-activity-log-user{font-weight:600;color:var(--scc-text-secondary)}.scc-activity-log-sep{opacity:.5}.scc-activity-log-time{flex-shrink:0;font-size:.72rem;color:var(--scc-text-muted);text-align:right;max-width:9.5rem;line-height:1.35}.scc-activity-log-range{margin:0;padding:0 var(--scc-space-4) var(--scc-space-2);font-size:var(--scc-text-xs);color:var(--scc-text-muted);text-align:center}.scc-activity-log-list .scc-report-load-more{padding:0 var(--scc-space-4) var(--scc-space-3);border-top:none}@media(max-width:720px){.scc-activity-log-module .scc-search-grid{grid-template-columns:1fr}.scc-activity-log-row{flex-wrap:wrap}.scc-activity-log-time{width:100%;max-width:none;text-align:left;padding-left:calc(36px + var(--scc-space-3))}}.scc-card-list--styled{padding:var(--scc-space-3);gap:var(--scc-space-3)}.scc-record-card--rich{display:flex;gap:var(--scc-space-4);align-items:flex-start;padding:var(--scc-space-4);border:1px solid var(--scc-border);border-radius:var(--scc-radius-md);background:var(--scc-surface);transition:border-color .15s,box-shadow .15s,transform .15s}.scc-record-card--rich:hover{border-color:var(--scc-primary);box-shadow:var(--scc-shadow-sm);transform:translateY(-1px)}.scc-record-card-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;flex-shrink:0}.scc-record-card-icon.tone--primary{background:var(--scc-primary-soft);color:var(--scc-primary)}.scc-record-card-icon.tone--info{background:var(--scc-primary-soft);color:var(--scc-primary-dark)}.scc-record-card-content{flex:1;min-width:0;display:grid;gap:4px}.scc-record-card-content strong{font-size:var(--scc-text-base);color:var(--scc-text)}.scc-record-card-content p{margin:0;font-size:var(--scc-text-sm);color:var(--scc-text-secondary)}.scc-record-card-content small{font-size:var(--scc-text-xs);color:var(--scc-text-muted)}.scc-record-card--compact{padding:var(--scc-space-3) var(--scc-space-4)}.scc-category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--scc-space-3)}.scc-category-card{display:flex;flex-direction:column;align-items:center;gap:var(--scc-space-3);padding:var(--scc-space-5) var(--scc-space-4);border:1px solid var(--scc-border);border-radius:var(--scc-radius-lg);background:linear-gradient(180deg,var(--scc-surface) 0%,var(--scc-surface-muted) 100%);font-weight:700;font-size:var(--scc-text-sm);color:var(--scc-text);transition:all .2s;box-shadow:var(--scc-shadow-sm)}.scc-category-card:hover{border-color:var(--scc-primary);background:var(--scc-primary-soft);color:var(--scc-primary-dark);transform:translateY(-3px);box-shadow:var(--scc-shadow-glow)}.scc-category-card .scc-icon{width:28px;height:28px;color:var(--scc-primary)}.scc-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 14px;background:var(--scc-surface-muted);border:1px solid var(--scc-border);border-radius:var(--scc-radius-md);font-size:var(--scc-text-sm);margin-bottom:var(--scc-space-3)}.scc-gate-card{border-radius:var(--scc-radius-md);border:1px solid var(--scc-border);padding:var(--scc-space-4);background:var(--scc-surface);transition:box-shadow .15s,border-color .15s}.scc-gate-card:hover{border-color:var(--scc-primary);box-shadow:var(--scc-shadow-md)}.scc-device-row{border-radius:var(--scc-radius-md);border:1px solid var(--scc-border);transition:background .12s}.scc-device-row:hover{background:var(--scc-table-row-hover)}.scc-inline-search--wide{width:100%;margin-bottom:var(--scc-space-4);padding:12px 14px;border:1px solid var(--scc-input-border);border-radius:12px;background:var(--scc-surface);transition:border-color .15s,box-shadow .15s}.scc-inline-search--wide:focus{outline:none;border-color:var(--scc-primary);box-shadow:0 0 0 3px var(--scc-primary-soft)}.scc-iot-module{gap:var(--scc-space-4)}.scc-iot-overview-head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--scc-space-3);margin-bottom:var(--scc-space-4)}.scc-iot-overview-head h3{margin:0 0 4px}.scc-iot-overview-head p{margin:0;font-size:var(--scc-text-sm);color:var(--scc-text-muted)}.scc-iot-metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--scc-space-3)}@media(min-width:720px){.scc-iot-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.scc-iot-metric{display:flex;flex-direction:row;align-items:center;gap:var(--scc-space-3);padding:var(--scc-space-4);min-height:88px;border:1px solid var(--scc-border);border-radius:var(--scc-radius-md);background:var(--scc-surface-muted);transition:transform .15s,box-shadow .15s,border-color .15s}.scc-iot-metric:hover{transform:translateY(-2px);box-shadow:var(--scc-shadow-sm)}.scc-iot-metric-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--scc-primary-soft);color:var(--scc-primary);flex-shrink:0}.scc-iot-metric-label{display:block;font-size:var(--scc-text-xs);font-weight:600;color:var(--scc-text-muted);margin-bottom:2px}.scc-iot-metric strong{font-size:1.25rem;font-weight:800;color:var(--scc-text);line-height:1.2;word-break:break-word}.scc-iot-metric strong small{font-size:.75rem;font-weight:600;color:var(--scc-text-secondary)}.scc-iot-split{display:grid;grid-template-columns:1fr 1fr;gap:var(--scc-space-4)}.scc-iot-forecast-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--scc-space-3)}.scc-iot-forecast-card{padding:var(--scc-space-4);border:1px solid var(--scc-border);border-radius:var(--scc-radius-md);background:var(--scc-surface-muted)}.scc-iot-forecast-card strong{display:block;margin-bottom:4px}.scc-iot-forecast-card p{margin:0 0 6px;font-size:var(--scc-text-sm);color:var(--scc-text-secondary)}.scc-iot-forecast-card small{font-size:var(--scc-text-xs);color:var(--scc-text-muted)}.scc-empty-state{padding:var(--scc-space-8) var(--scc-space-5);text-align:center}.scc-empty-state-icon{width:56px;height:56px;margin:0 auto var(--scc-space-4);border-radius:16px;display:grid;place-items:center;background:var(--scc-primary-soft);color:var(--scc-primary)}.scc-page-guide{border:1px solid var(--scc-border);background:var(--scc-surface);overflow:hidden}.scc-page-guide-toggle{width:100%;display:flex;align-items:center;gap:var(--scc-space-3);padding:var(--scc-space-3) var(--scc-space-4);border:none;background:transparent;font-size:var(--scc-text-sm);font-weight:600;color:var(--scc-text-secondary);text-align:left;cursor:pointer}.scc-page-guide-toggle:hover{background:var(--scc-surface-muted)}.scc-page-guide-badge{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--scc-primary);color:#fff;font-size:.75rem;font-weight:800;flex-shrink:0}.scc-page-guide-body{padding:0 var(--scc-space-4) var(--scc-space-4);font-size:var(--scc-text-sm);color:var(--scc-text-secondary);border-top:1px solid var(--scc-border)}.scc-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.scc-modal--success .scc-success-icon{width:56px;height:56px;margin:0 auto var(--scc-space-3);border-radius:50%;display:grid;place-items:center;background:var(--scc-success-bg);color:var(--scc-success);font-size:1.5rem;font-weight:800}.scc-modal--confirm h3{color:var(--scc-warning)}.scc-pagination-bar{padding:var(--scc-space-3) var(--scc-space-5);border-top:1px solid var(--scc-border);background:var(--scc-surface-muted);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--scc-space-3);font-size:var(--scc-text-sm);color:var(--scc-text-muted)}.scc-reports-module{gap:var(--scc-space-3)}.scc-report-recent{display:flex;flex-wrap:wrap;align-items:center;gap:var(--scc-space-2) var(--scc-space-3);padding:var(--scc-space-2) var(--scc-space-3);border-radius:var(--scc-radius-md);border:1px solid var(--scc-border);background:var(--scc-surface-muted)}.scc-report-recent-label{font-size:var(--scc-text-xs);font-weight:700;color:var(--scc-text-muted);text-transform:uppercase;letter-spacing:.04em}.scc-report-recent-row{display:flex;flex-wrap:wrap;gap:var(--scc-space-2);flex:1;min-width:0}.scc-report-recent-chip{display:inline-flex;align-items:center;gap:var(--scc-space-2);max-width:100%;padding:.35rem .65rem;border-radius:999px;border:1px solid var(--scc-border);background:var(--scc-surface);font-size:var(--scc-text-sm);text-align:left;transition:border-color .15s,background .15s}.scc-report-recent-chip code{font-size:var(--scc-text-xs);color:var(--scc-primary);font-weight:700;flex-shrink:0}.scc-report-recent-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--scc-text)}.scc-report-recent-chip:hover{border-color:var(--scc-primary);background:var(--scc-primary-soft)}.scc-reports-picker{display:flex;flex-direction:column;gap:var(--scc-space-3)}.scc-reports-picker-head{display:flex;align-items:center;gap:var(--scc-space-2)}.scc-reports-picker-head .scc-inline-search{flex:1;margin:0}.scc-result-badge--inline{flex-shrink:0}.scc-report-category-chips{display:flex;flex-wrap:wrap;gap:var(--scc-space-2)}.scc-chip-filter{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;border-radius:999px;border:1px solid var(--scc-border);background:var(--scc-surface-muted);font-size:var(--scc-text-sm);font-weight:600;color:var(--scc-text-secondary);transition:border-color .15s,background .15s,color .15s}.scc-chip-filter:hover{border-color:var(--scc-primary);color:var(--scc-text)}.scc-chip-filter.active{border-color:var(--scc-primary);background:var(--scc-primary-soft);color:var(--scc-primary)}.scc-chip-count{display:inline-grid;place-items:center;min-width:1.25rem;height:1.25rem;padding:0 .3rem;border-radius:999px;background:#64748b1f;font-size:.68rem;font-weight:700;line-height:1}.scc-chip-filter.active .scc-chip-count{background:#2563eb26;color:var(--scc-primary)}.scc-report-category-hint{margin:0;font-size:var(--scc-text-sm);color:var(--scc-text-muted)}.scc-report-groups{display:grid;gap:var(--scc-space-2)}.scc-report-group{border:1px solid var(--scc-border);border-radius:var(--scc-radius-md);background:var(--scc-surface-muted);overflow:hidden}.scc-report-group-header{display:flex;align-items:center;justify-content:space-between;gap:var(--scc-space-3);width:100%;padding:var(--scc-space-3) var(--scc-space-4);text-align:left;font-weight:700;color:var(--scc-text);transition:background .15s}.scc-report-group-header:hover{background:var(--scc-primary-soft)}.scc-report-group-meta{display:inline-flex;align-items:center;gap:var(--scc-space-2);flex-shrink:0}.scc-report-group-chevron{color:var(--scc-text-muted);font-size:.85rem}.scc-report-group.is-open .scc-report-group-header{border-bottom:1px solid var(--scc-border)}.scc-report-list{display:grid;gap:var(--scc-space-2);margin-top:var(--scc-space-3)}.scc-report-list--compact{margin-top:0;gap:0}.scc-report-load-more{display:flex;flex-direction:column;align-items:center;gap:var(--scc-space-2);padding-top:var(--scc-space-2);border-top:1px solid var(--scc-border)}.scc-report-load-more .scc-btn-ghost{min-width:12rem}.scc-report-group .scc-report-list--compact{padding:var(--scc-space-1) 0}.scc-report-item{display:flex;align-items:center;gap:var(--scc-space-3);padding:var(--scc-space-4);border-radius:var(--scc-radius-md);border:1px solid var(--scc-border);background:var(--scc-surface-muted);text-align:left;transition:border-color .15s,background .15s,box-shadow .15s,transform .15s}.scc-report-item--compact{gap:var(--scc-space-2);padding:.65rem var(--scc-space-4);border:none;border-radius:0;background:transparent;border-bottom:1px solid var(--scc-border)}.scc-report-item--compact:last-child{border-bottom:none}.scc-report-item-title{flex:1;min-width:0;font-size:var(--scc-text-sm);color:var(--scc-text);font-weight:500;line-height:1.35}.scc-report-item-body{flex:1;min-width:0;display:grid;gap:4px}.scc-report-item-body span{font-size:var(--scc-text-sm);color:var(--scc-text);font-weight:600}.scc-report-item-chevron{color:var(--scc-text-muted);flex-shrink:0}.scc-report-item:hover,.scc-report-item--compact:hover{border-color:var(--scc-primary);background:var(--scc-primary-soft);box-shadow:none;transform:none}.scc-report-item:not(.scc-report-item--compact):hover{box-shadow:var(--scc-shadow-sm);transform:translate(2px)}.scc-report-item:hover .scc-report-item-chevron{color:var(--scc-primary)}.scc-report-item-icon{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;flex-shrink:0}.scc-report-item-icon.tone--info{background:var(--scc-primary-soft);color:var(--scc-primary)}.scc-crud-module{gap:var(--scc-space-3)}.scc-crud-stats{margin-bottom:0}.scc-crud-status-chips{margin-top:var(--scc-space-3);padding-top:var(--scc-space-3);border-top:1px solid var(--scc-border)}.scc-crud-list-card{padding:0;overflow:hidden}.scc-crud-list-card .scc-table-wrap,.scc-crud-list-card .scc-mobile-cards,.scc-crud-list-card .scc-empty-state{padding:0 var(--scc-space-3) var(--scc-space-3)}.scc-crud-list-card .scc-table-toolbar{padding:var(--scc-space-3) var(--scc-space-4);border-bottom:1px solid var(--scc-border)}.scc-crud-list-card .scc-pagination-bar{padding:var(--scc-space-3) var(--scc-space-4);border-top:1px solid var(--scc-border)}.scc-table--crud tbody tr{transition:background .12s}.scc-table--crud tbody tr:nth-child(2n){background:#5a78f005}.scc-crud-mobile-card{border:1px solid var(--scc-border);border-radius:var(--scc-radius-md);background:var(--scc-surface-muted)}.scc-crud-mobile-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--scc-border)}.scc-search-panel .scc-search-actions{margin-top:var(--scc-space-3);padding-top:var(--scc-space-3);border-top:1px solid var(--scc-border)}@media(max-width:1100px){.scc-dashboard .scc-kpi-strip{grid-template-columns:repeat(2,1fr)}.scc-dashboard-main{grid-template-columns:1fr;grid-template-rows:auto}.scc-dashboard-main>.scc-panel--incidents,.scc-dashboard-main>.scc-map-section--hero,.scc-dashboard-main>.scc-map-zones--sidebar{grid-column:1}.scc-dashboard-main>.scc-map-section--hero{order:-1;min-height:min(52vh,480px)}.scc-incident-list--scroll{max-height:320px}}@media(max-width:900px){.scc-main{padding:var(--scc-space-4)}.scc-topbar-greeting{display:none}.scc-topbar-crumb{font-size:.72rem}.scc-dashboard-hero{padding:var(--scc-space-4)}.scc-dashboard-hero-stats{width:100%}.scc-dashboard-hero-stat{flex:1;min-width:0}.scc-search-card .scc-search-grid{grid-template-columns:1fr}.scc-mobile-cards{display:grid}.scc-table-wrap--desktop{display:none}.scc-iot-split{grid-template-columns:1fr}}@media(max-width:560px){.scc-dashboard .scc-kpi-strip{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.scc-page-content{animation:none}.scc-kpi-card:hover,.scc-sensor-tile:hover,.scc-incident-card--clickable:hover{transform:none}}.scc-page-intro--slim{padding:var(--scc-space-3) var(--scc-space-4);margin-bottom:var(--scc-space-2)}.scc-page-intro--slim h1{font-size:1.2rem}.scc-page-intro--slim p{display:none}.scc-incident-report-module{gap:var(--scc-space-3)}.scc-incident-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--scc-space-3)}.scc-incident-stat-card{padding:var(--scc-space-4);border-radius:var(--scc-radius-md);border:1px solid var(--scc-border);background:var(--scc-surface);display:grid;gap:4px;box-shadow:var(--scc-shadow-sm)}.scc-incident-stat-card span{font-size:var(--scc-text-xs);font-weight:600;color:var(--scc-text-muted);text-transform:uppercase;letter-spacing:.04em}.scc-incident-stat-card strong{font-size:1.5rem;font-weight:800;color:var(--scc-text);line-height:1.1}.scc-incident-stat-card.tone--danger{border-color:#f044384d;background:linear-gradient(180deg,var(--scc-danger-bg),var(--scc-surface))}.scc-incident-stat-card.tone--danger strong{color:var(--scc-danger)}.scc-incident-stat-card.tone--warning{border-color:#f790094d;background:linear-gradient(180deg,var(--scc-warning-bg),var(--scc-surface))}.scc-incident-stat-card.tone--warning strong{color:var(--scc-warning)}.scc-incident-stat-card.tone--info{border-color:#5a78f04d;background:linear-gradient(180deg,var(--scc-primary-soft),var(--scc-surface))}.scc-incident-stat-card.tone--info strong{color:var(--scc-primary-dark)}.scc-filter-chips-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--scc-space-2);padding:var(--scc-space-3) var(--scc-space-4);background:var(--scc-surface);border:1px solid var(--scc-border);border-radius:var(--scc-radius-md)}.scc-filter-chips-label{font-size:var(--scc-text-xs);font-weight:700;color:var(--scc-text-muted);margin-right:4px}.scc-filter-chips-row .filter-chip.tone--severe.on{background:#fee2e2;border-color:#fca5a5;color:#b91c1c}.scc-filter-chips-row .filter-chip.tone--moderate.on{background:#ffedd5;border-color:#fdba74;color:#c2410c}.scc-filter-chips-row .filter-chip.tone--minor.on{background:#dcfce7;border-color:#86efac;color:#15803d}.scc-code-pill{font-family:ui-monospace,monospace;font-size:.75rem;padding:2px 8px;border-radius:6px;background:var(--scc-surface-muted);border:1px solid var(--scc-border);color:var(--scc-primary-dark)}.scc-table--incident tbody tr:hover{cursor:pointer}.scc-incident-mobile-card{border-left:3px solid var(--scc-border)}.scc-incident-mobile-head{display:flex;justify-content:space-between;align-items:center;gap:var(--scc-space-2)}.scc-incident-mobile-event{margin:0;font-weight:700;color:var(--scc-text)}.scc-incident-mobile-foot{display:flex;justify-content:space-between;align-items:center;padding-top:var(--scc-space-2);border-top:1px solid var(--scc-border);margin-top:var(--scc-space-1)}.scc-modal--incident{max-width:520px;width:min(96vw,520px);padding:0;overflow:hidden}.scc-incident-modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--scc-space-3);padding:var(--scc-space-5);border-bottom:1px solid var(--scc-border);background:linear-gradient(180deg,var(--scc-surface-muted),var(--scc-surface))}.scc-incident-modal-title-wrap{display:flex;gap:var(--scc-space-4);align-items:flex-start}.scc-incident-modal-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;flex-shrink:0;background:var(--scc-danger-bg);color:var(--scc-danger)}.scc-incident-modal-icon.level--moderate{background:var(--scc-warning-bg);color:var(--scc-warning)}.scc-incident-modal-icon.level--minor{background:var(--scc-success-bg);color:var(--scc-success)}.scc-incident-modal-id{margin:0 0 2px;font-size:var(--scc-text-xs);font-weight:700;color:var(--scc-text-muted);font-family:ui-monospace,monospace}.scc-incident-modal-head h3{margin:0 0 8px;font-size:1.15rem;font-weight:800;letter-spacing:-.02em}.scc-incident-modal-badges{display:flex;flex-wrap:wrap;gap:6px}.scc-incident-modal-body{padding:var(--scc-space-5);display:grid;gap:var(--scc-space-4)}.scc-incident-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--scc-space-3)}.scc-incident-detail-item{padding:var(--scc-space-3);border-radius:var(--scc-radius-sm);background:var(--scc-surface-muted);border:1px solid var(--scc-border);display:grid;gap:4px}.scc-incident-detail-label{display:flex;align-items:center;gap:6px;font-size:var(--scc-text-xs);font-weight:600;color:var(--scc-text-muted)}.scc-incident-detail-label .scc-icon{width:14px;height:14px}.scc-incident-detail-item strong{font-size:var(--scc-text-sm);color:var(--scc-text)}.scc-incident-detail-desc{padding:var(--scc-space-3);border-radius:var(--scc-radius-sm);background:var(--scc-primary-soft);border:1px solid rgb(90 120 240 / 20%)}.scc-incident-detail-desc p{margin:6px 0 0;font-size:var(--scc-text-sm);color:var(--scc-text-secondary);line-height:1.5}.scc-incident-detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--scc-space-3)}.scc-incident-detail-actions .full{grid-column:1 / -1}.scc-incident-modal-footer{display:flex;justify-content:flex-end;gap:var(--scc-space-2);padding:var(--scc-space-4) var(--scc-space-5);border-top:1px solid var(--scc-border);background:var(--scc-surface-muted)}@media(max-width:700px){.scc-incident-stats{grid-template-columns:repeat(2,1fr)}.scc-incident-detail-grid,.scc-incident-detail-actions{grid-template-columns:1fr}}.scc-installation-module{gap:var(--scc-space-3)}.scc-install-list-card{padding:0;overflow:hidden}.scc-install-list{display:grid;gap:var(--scc-space-3);padding:var(--scc-space-3)}.scc-install-row-card{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:space-between;gap:var(--scc-space-3);padding:var(--scc-space-4);border:1px solid var(--scc-border);border-radius:var(--scc-radius-md);background:var(--scc-surface);transition:border-color .15s,box-shadow .15s}.scc-install-row-card:hover{border-color:var(--scc-primary);box-shadow:var(--scc-shadow-sm)}.scc-install-row-main{flex:1;min-width:220px;cursor:pointer}.scc-install-row-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px}.scc-install-type-pill{font-size:var(--scc-text-xs);font-weight:700;padding:2px 10px;border-radius:999px;background:var(--scc-primary-soft);color:var(--scc-primary-dark)}.scc-install-row-title{margin:0 0 8px;font-size:1rem;font-weight:700;color:var(--scc-text);letter-spacing:-.01em}.scc-install-row-meta{margin:0;display:flex;flex-wrap:wrap;gap:10px 16px;font-size:var(--scc-text-xs);color:var(--scc-text-secondary)}.scc-install-row-meta span{display:inline-flex;align-items:center;gap:4px}.scc-install-row-meta .scc-icon{width:14px;height:14px;opacity:.7}.scc-install-row-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--scc-space-2);align-self:center}.scc-install-form-extra{display:flex;gap:var(--scc-space-2);padding:0 var(--scc-space-1)}@media(max-width:700px){.scc-install-row-card{flex-direction:column}.scc-install-row-actions{width:100%;justify-content:flex-end;padding-top:var(--scc-space-2);border-top:1px solid var(--scc-border)}}.scc-wi-module{gap:var(--scc-space-3)}.scc-wi-list-card{padding:0;overflow:hidden}.scc-wi-list{display:grid;gap:var(--scc-space-3);padding:var(--scc-space-3)}.scc-wi-row-card{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:space-between;gap:var(--scc-space-3);padding:var(--scc-space-4);border:1px solid var(--scc-border);border-radius:var(--scc-radius-md);background:var(--scc-surface);transition:border-color .15s,box-shadow .15s}.scc-wi-row-card:hover{border-color:var(--scc-primary);box-shadow:var(--scc-shadow-sm)}.scc-wi-row-main{flex:1;min-width:220px;cursor:pointer}.scc-wi-row-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px}.scc-priority-pill{font-size:var(--scc-text-xs);font-weight:700;padding:2px 10px;border-radius:999px}.scc-priority-pill.priority--high{background:color-mix(in srgb,var(--scc-danger) 12%,transparent);color:var(--scc-danger)}.scc-priority-pill.priority--medium{background:color-mix(in srgb,var(--scc-warning) 12%,transparent);color:var(--scc-warning)}.scc-priority-pill.priority--low{background:color-mix(in srgb,var(--scc-success) 12%,transparent);color:var(--scc-success)}.scc-wi-row-title{margin:0 0 4px;font-size:1rem;font-weight:700;color:var(--scc-text)}.scc-wi-row-desc{margin:0 0 8px;font-size:var(--scc-text-sm);color:var(--scc-text-secondary)}.scc-wi-row-meta{margin:0;display:flex;flex-wrap:wrap;gap:10px 16px;font-size:var(--scc-text-xs);color:var(--scc-text-secondary)}.scc-wi-row-meta span{display:inline-flex;align-items:center;gap:4px}.scc-wi-row-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--scc-space-2);align-self:center}.scc-device-control-module{gap:var(--scc-space-3)}.scc-dc-step-card{padding:var(--scc-space-4)}.scc-dc-step-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:var(--scc-space-3);margin-bottom:var(--scc-space-4)}.scc-dc-step-head h3{margin:0 0 4px}.scc-dc-step-badge{font-size:var(--scc-text-xs);font-weight:700;padding:4px 12px;border-radius:999px;background:var(--scc-primary-soft);color:var(--scc-primary-dark)}.scc-category-card-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--scc-primary-soft);color:var(--scc-primary)}.scc-breadcrumb-sep{color:var(--scc-text-muted)}.scc-breadcrumb-current{font-weight:700;color:var(--scc-text)}.scc-dc-station-list{display:grid;gap:var(--scc-space-3)}.scc-dc-station-card{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--scc-space-3);padding:var(--scc-space-4);border:1px solid var(--scc-border);border-radius:var(--scc-radius-md);background:var(--scc-surface-muted);transition:border-color .15s,box-shadow .15s}.scc-dc-station-card:hover{border-color:var(--scc-primary);box-shadow:var(--scc-shadow-sm)}.scc-dc-station-main{display:flex;align-items:center;gap:var(--scc-space-3)}.scc-dc-station-icon{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:var(--scc-primary-soft);color:var(--scc-primary)}.scc-dc-station-main strong{display:block;margin-bottom:2px}.scc-dc-station-main p{margin:0;font-size:var(--scc-text-sm);color:var(--scc-text-secondary)}.scc-dc-step-footer{margin-top:var(--scc-space-4);padding-top:var(--scc-space-3);border-top:1px solid var(--scc-border)}.scc-device-row-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--scc-primary-soft);color:var(--scc-primary);flex-shrink:0}.scc-iot-live-badge{display:inline-flex;align-items:center;gap:6px;font-size:var(--scc-text-xs);font-weight:700;padding:4px 12px;border-radius:999px;background:color-mix(in srgb,var(--scc-success) 12%,transparent);color:var(--scc-success);text-transform:none;letter-spacing:0}.scc-iot-live-badge:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--scc-success);animation:scc-pulse 1.5s ease-in-out infinite;flex-shrink:0}@keyframes scc-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.scc-iot-forecast-card{position:relative;padding-left:52px}.scc-iot-forecast-icon{position:absolute;left:var(--scc-space-4);top:var(--scc-space-4);width:32px;height:32px;border-radius:8px;display:grid;place-items:center;background:var(--scc-primary-soft);color:var(--scc-primary)}.scc-iot-feed-list{display:grid;gap:var(--scc-space-2)}.scc-iot-feed-card{display:flex;gap:var(--scc-space-3);padding:var(--scc-space-3) var(--scc-space-4);border:1px solid var(--scc-border);border-radius:var(--scc-radius-md);background:var(--scc-surface-muted)}.scc-iot-feed-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;flex-shrink:0}.scc-iot-feed-icon.tone--info{background:var(--scc-primary-soft);color:var(--scc-primary)}.scc-iot-feed-icon.tone--success{background:color-mix(in srgb,var(--scc-success) 12%,transparent);color:var(--scc-success)}.scc-iot-feed-icon.tone--warning{background:color-mix(in srgb,var(--scc-warning) 12%,transparent);color:var(--scc-warning)}.scc-iot-feed-card strong{display:block;margin-bottom:2px}.scc-iot-feed-card p{margin:0 0 4px;font-size:var(--scc-text-sm);color:var(--scc-text-secondary)}.scc-iot-feed-card small{font-size:var(--scc-text-xs);color:var(--scc-text-muted)}.scc-iot-status--on{color:var(--scc-success);font-weight:600}.scc-iot-status--off{color:var(--scc-text-muted);font-weight:600}@media(max-width:700px){.scc-wi-row-card{flex-direction:column}.scc-wi-row-actions{width:100%;justify-content:flex-end;padding-top:var(--scc-space-2);border-top:1px solid var(--scc-border)}.scc-dc-station-card{flex-direction:column;align-items:stretch}}.scc-page-guide--highlight{border-color:#5a78f073;box-shadow:0 0 0 1px #5a78f033,var(--scc-shadow-sm);animation:scc-guide-pulse 2.5s ease-in-out 2}.scc-page-guide--highlight .scc-page-guide-badge{background:var(--scc-primary);color:#fff;font-weight:700}@keyframes scc-guide-pulse{0%,to{box-shadow:0 0 0 1px #5a78f033,var(--scc-shadow-sm)}50%{box-shadow:0 0 0 3px #5a78f040,var(--scc-shadow-md)}}.scc-empty-state--compact{padding:var(--scc-space-4) var(--scc-space-3);min-height:0}.scc-empty-state--compact .scc-empty-state-icon{width:36px;height:36px;font-size:1rem}.scc-empty-state--compact strong{font-size:.95rem}.scc-empty-state--compact p{font-size:.85rem;margin-bottom:0}.scc-login-card h2{margin:0 0 var(--scc-space-2);font-size:1.35rem}.scc-login-card-hint{margin:0 0 var(--scc-space-4);color:var(--scc-text-muted);font-size:.9rem;line-height:1.5}.scc-password-field{display:flex;align-items:stretch;gap:0}.scc-password-field input{flex:1;border-top-right-radius:0;border-bottom-right-radius:0}.scc-password-toggle{border:1px solid var(--scc-border);border-left:none;background:var(--scc-surface-muted);border-radius:0 var(--scc-radius-sm) var(--scc-radius-sm) 0;padding:0 .75rem;cursor:pointer;font-size:1rem}.scc-login-demo{margin-top:var(--scc-space-4);font-size:.85rem}.scc-login-demo summary{cursor:pointer;color:var(--scc-text-muted);-webkit-user-select:none;user-select:none}.scc-login-demo-list{display:flex;flex-direction:column;gap:var(--scc-space-2);margin-top:var(--scc-space-3)}.scc-login-demo-btn{display:flex;justify-content:space-between;align-items:center;width:100%;padding:.65rem .85rem;border:1px solid var(--scc-border);border-radius:var(--scc-radius-md);background:var(--scc-surface-muted);cursor:pointer;text-align:left}.scc-login-demo-btn:hover{border-color:var(--scc-primary);background:#5a78f014}.scc-login-demo-btn span{color:var(--scc-text-muted);font-size:.8rem;text-transform:capitalize}.scc-login-trial{display:grid;gap:var(--scc-space-3)}.scc-login-trial-divider{display:flex;align-items:center;gap:var(--scc-space-3);color:var(--scc-text-muted);font-size:var(--scc-text-sm);font-weight:600}.scc-login-trial-divider:before,.scc-login-trial-divider:after{content:"";flex:1;height:1px;background:var(--scc-border)}.scc-login-trial-list{display:grid;gap:var(--scc-space-2)}.scc-login-trial-card{display:flex;align-items:center;gap:var(--scc-space-3);width:100%;padding:.75rem .85rem;border:1px solid var(--scc-border);border-radius:var(--scc-radius-md);background:var(--scc-surface);text-align:left;transition:border-color .15s,background .15s,box-shadow .15s}.scc-login-trial-card:hover:not(:disabled){border-color:var(--scc-primary);background:var(--scc-primary-soft);box-shadow:var(--scc-shadow-sm)}.scc-login-trial-card:disabled{opacity:.65;cursor:wait}.scc-login-trial-avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;background:var(--scc-surface-muted);color:var(--scc-text-muted);border:1px solid var(--scc-border)}.scc-login-trial-avatar .scc-icon{width:20px;height:20px}.scc-login-trial-body{flex:1;min-width:0;display:grid;gap:2px}.scc-login-trial-body strong{font-size:.92rem;color:var(--scc-text)}.scc-login-trial-body span{font-size:.78rem;color:var(--scc-text-muted);font-family:ui-monospace,monospace}.scc-login-trial-meta{display:inline-flex;align-items:center;gap:var(--scc-space-2);flex-shrink:0}.scc-login-trial-badge{display:inline-flex;padding:.2rem .55rem;border-radius:999px;font-size:.68rem;font-weight:700;white-space:nowrap;background:#12b76a1f;color:#0d8f56}.scc-login-trial-card[data-role=admin] .scc-login-trial-badge{background:var(--scc-primary-soft);color:var(--scc-primary)}.scc-login-trial-card[data-role=operator] .scc-login-trial-badge{background:#12b76a1f;color:#0d8f56}.scc-login-trial-card[data-role=viewer] .scc-login-trial-badge{background:#64748b1f;color:var(--scc-text-secondary)}.scc-login-trial-chevron{color:var(--scc-text-muted);font-size:1.1rem;line-height:1}.scc-login-trial-foot{margin:0;text-align:center;font-size:var(--scc-text-xs);color:var(--scc-text-muted)}.scc-login-panel{max-height:calc(100vh - 64px)}.scc-scroll-hint-root{position:relative;min-height:0}.scc-scroll-hint-root--flex{flex:1;display:flex;flex-direction:column;min-height:0}.scc-main-wrap>.scc-scroll-hint-root{min-height:0}.scc-scroll-hint-scroll{overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch}.scc-scroll-hint-root--flex>.scc-scroll-hint-scroll{flex:1;min-height:0}.scc-scroll-hint-fade--bottom{position:absolute;left:0;right:0;bottom:0;height:56px;pointer-events:none;z-index:1}.scc-scroll-hint-root--sidebar .scc-scroll-hint-fade--bottom{background:linear-gradient(to bottom,transparent,var(--scc-sidebar-bg) 88%)}.scc-scroll-hint-root--main .scc-scroll-hint-fade--bottom{background:linear-gradient(to bottom,transparent,var(--scc-bg) 88%)}.scc-scroll-hint-root--card .scc-scroll-hint-fade--bottom{background:linear-gradient(to bottom,transparent,var(--scc-surface) 88%)}.scc-scroll-hint-arrow{position:absolute;left:50%;transform:translate(-50%);z-index:2;display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .65rem;border:1px solid var(--scc-border);background:var(--scc-surface);border-radius:999px;box-shadow:var(--scc-shadow-sm);cursor:pointer;color:var(--scc-primary);font-size:.78rem;font-weight:700;line-height:1}.scc-scroll-hint-arrow--up{top:6px;padding:.3rem .55rem}.scc-scroll-hint-arrow--down{bottom:8px;animation:scc-scroll-hint-bounce 1.8s ease-in-out infinite}.scc-scroll-hint-arrow--compact{width:30px;height:30px;padding:0;justify-content:center;border-radius:50%}.scc-scroll-hint-arrow-icon{font-size:1rem;line-height:1}.scc-scroll-hint-arrow-label{white-space:nowrap}.scc-scroll-hint-arrow:hover{border-color:var(--scc-primary);background:var(--scc-primary-soft)}@keyframes scc-scroll-hint-bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(3px)}}@media(prefers-reduced-motion:reduce){.scc-scroll-hint-arrow--down{animation:none}}.scc-modal-message{margin:0 0 var(--scc-space-3);color:var(--scc-text-muted);line-height:1.5}.scc-incident-stat-card.tone--warning strong{color:var(--scc-warning, #d97706)}.scc-staff-module,.scc-logs-module{display:flex;flex-direction:column;gap:var(--scc-space-3)}.scc-staff-module>.scc-crud-module,.scc-logs-module>.scc-card,.scc-logs-module>.scc-search-panel,.scc-logs-module>.scc-record-list-card{margin:0}.scc-crud-stats--compact{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.scc-readonly-banner{display:flex;align-items:center;gap:var(--scc-space-3);padding:var(--scc-space-2) var(--scc-space-4);border-radius:var(--scc-radius-md);border:1px solid var(--scc-border);background:var(--scc-surface-muted);font-size:.88rem;color:var(--scc-text-muted)}.scc-readonly-pill{display:inline-flex;padding:.2rem .55rem;border-radius:999px;background:#64748b1f;color:var(--scc-text-muted);font-size:var(--scc-text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}.scc-page-guide-ref{margin:var(--scc-space-3) 0 0;padding-top:var(--scc-space-2);border-top:1px dashed var(--scc-border);font-size:var(--scc-text-xs);color:var(--scc-text-muted)}.scc-register-status-banner{display:flex;align-items:center;gap:var(--scc-space-3);padding:var(--scc-space-3) var(--scc-space-4);border-radius:var(--scc-radius-md);border:1px solid var(--scc-border);background:var(--scc-surface-muted);font-size:.9rem;line-height:1.45}.scc-register-status-banner.tone--pending{border-color:#5a78f04d;background:#5a78f014}.scc-field-readonly-badge{display:flex;align-items:center;min-height:42px}.scc-perm-group{margin-top:var(--scc-space-3)}.scc-perm-group-title{margin:0 0 var(--scc-space-2);font-size:var(--scc-text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--scc-text-muted)}.scc-check-row--highlight{padding:var(--scc-space-2) var(--scc-space-3);border-radius:var(--scc-radius-md);background:#5a78f014;border:1px solid rgb(90 120 240 / 18%);margin-bottom:var(--scc-space-2)}[data-theme=midnight]{--scc-bg: #070a0f;--scc-surface: #111827;--scc-surface-muted: #151f2e;--scc-surface-elevated: #1a2436;--scc-border: rgb(148 163 184 / 14%);--scc-border-strong: rgb(148 163 184 / 24%);--scc-text-secondary: #b4c0d0;--scc-text-muted: #8b9cb3;--scc-sidebar-bg: #0d1219;--scc-sidebar-border: rgb(148 163 184 / 10%);--scc-glass: rgb(13 18 25 / 88%);--scc-glass-border: rgb(255 255 255 / 7%);--scc-shadow-sm: 0 1px 2px rgb(0 0 0 / 40%), inset 0 1px 0 rgb(255 255 255 / 4%);--scc-shadow-md: 0 8px 28px rgb(0 0 0 / 50%), inset 0 1px 0 rgb(255 255 255 / 5%);--scc-shadow-lg: 0 20px 48px rgb(0 0 0 / 55%);--scc-shadow-glow: 0 0 0 1px rgb(124 156 255 / 14%), 0 12px 36px rgb(0 0 0 / 45%);--scc-card-inset: inset 0 1px 0 rgb(255 255 255 / 7%);--scc-table-head-bg: #151f2e;--scc-table-row-hover: rgb(124 156 255 / 7%);--scc-input-border: rgb(148 163 184 / 22%);--scc-input-bg: rgb(7 10 15 / 65%)}[data-theme=midnight] .scc-main{background:radial-gradient(ellipse 70% 50% at 100% -5%,rgb(90 120 240 / 14%),transparent 55%),radial-gradient(ellipse 55% 40% at -5% 100%,rgb(124 58 237 / 9%),transparent 50%),radial-gradient(ellipse 40% 30% at 50% 50%,rgb(52 211 153 / 3%),transparent 60%),var(--scc-bg)}[data-theme=midnight] .scc-sidebar{background:linear-gradient(180deg,rgb(90 120 240 / 10%) 0%,transparent 140px),linear-gradient(90deg,rgb(124 156 255 / 5%) 0%,transparent 45%),var(--scc-sidebar-bg);border-right-color:var(--scc-sidebar-border);box-shadow:4px 0 28px #0006}[data-theme=midnight] .scc-sidebar-brand{border-bottom-color:var(--scc-sidebar-border)}[data-theme=midnight] .scc-sidebar-brand strong{color:#f8fafc;letter-spacing:-.01em}[data-theme=midnight] .scc-sidebar-brand small{color:var(--scc-text-muted)}[data-theme=midnight] .scc-brand-icon{border-radius:10px;padding:4px;background:linear-gradient(145deg,#5a78f038,#7c3aed24);border:1px solid rgb(124 156 255 / 28%);box-shadow:0 0 18px #5a78f047,inset 0 1px #ffffff24}[data-theme=midnight] .scc-brand-body{fill:#6b8af8;filter:drop-shadow(0 0 4px rgb(124 156 255 / 45%))}[data-theme=midnight] .scc-brand-antenna{fill:#a5b8ff}[data-theme=midnight] .scc-brand-screen{fill:#5eead4;opacity:.95}[data-theme=midnight] .scc-sidebar-status{background:#34d3991a;border:1px solid rgb(52 211 153 / 22%);color:#6ee7b7;box-shadow:0 0 16px #34d39914}[data-theme=midnight] .scc-status-dot{box-shadow:0 0 0 3px #34d3992e,0 0 10px #34d39973}[data-theme=midnight] .scc-sidebar-foot{background:linear-gradient(180deg,transparent,rgb(7 10 15 / 65%) 35%);border-top-color:var(--scc-sidebar-border)}[data-theme=midnight] .scc-topbar{background:var(--scc-glass)!important;border-bottom:1px solid var(--scc-border);box-shadow:0 4px 20px #0000004d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}[data-theme=midnight] .scc-nav-group{border:1px solid transparent}[data-theme=midnight] .scc-nav-group.is-open{background:#5a78f012;border-color:#7c9cff29;box-shadow:inset 0 1px #ffffff0d}[data-theme=midnight] .scc-nav-group-head{color:var(--scc-nav-muted)}[data-theme=midnight] .scc-nav-group.has-active:not(.is-open) .scc-nav-group-head{color:#a5b8ff}[data-theme=midnight] .scc-nav-item{color:var(--scc-nav-text)}[data-theme=midnight] .scc-nav-item:hover:not(.active){background:#7c9cff17;color:#eef2ff}[data-theme=midnight] .scc-nav-item:hover:not(.active) .scc-nav-icon-wrap{background:#7c9cff29;color:#a5b8ff}[data-theme=midnight] .scc-nav-item.active{background:linear-gradient(90deg,#5a78f042,#7c3aed1f);color:#fff;box-shadow:inset 3px 0 #8aa4ff,0 4px 18px #5a78f033;border:1px solid rgb(124 156 255 / 20%)}[data-theme=midnight] .scc-nav-item.active .scc-nav-icon-wrap{background:#ffffff29;color:#fff;box-shadow:0 0 12px #7c9cff40}[data-theme=midnight] .scc-sidebar-stat{background:#ffffff0a;border-color:var(--scc-border);color:var(--scc-text-secondary);transition:background .12s ease,border-color .12s ease,color .12s ease}[data-theme=midnight] .scc-sidebar-stat:hover{background:#7c9cff1a;border-color:#7c9cff47;color:#c7d4ff}[data-theme=midnight] .scc-sidebar-stat.danger{background:#f871711a;border-color:#f8717147;color:#fca5a5}[data-theme=midnight] .scc-sidebar-stat.danger:hover{background:#f8717129;color:#fecaca}[data-theme=midnight] .scc-sidebar-role-pill{background:#ffffff0a;border-color:var(--scc-border);color:var(--scc-text-secondary);font-weight:600}[data-theme=midnight] .scc-page-intro,[data-theme=midnight] .scc-page-intro--v2{background:linear-gradient(135deg,var(--scc-surface-elevated) 0%,var(--scc-surface) 100%);border-color:var(--scc-border);box-shadow:var(--scc-card-inset),var(--scc-shadow-sm)}[data-theme=midnight] .scc-page-intro-accent{background:linear-gradient(180deg,#7c9cff,#6b5ce7);box-shadow:0 0 16px #7c9cff59}[data-theme=midnight] .scc-page-guide{background:linear-gradient(135deg,#5a78f01f,#111827f2);border:1px solid rgb(124 156 255 / 18%);box-shadow:var(--scc-card-inset)}[data-theme=midnight] .scc-page-guide-toggle:hover{background:#7c9cff1a}[data-theme=midnight] .scc-manual-ref{color:var(--scc-text-muted)}[data-theme=midnight] .scc-card,[data-theme=midnight] .scc-search-card,[data-theme=midnight] .scc-list-card,[data-theme=midnight] .scc-kpi-card,[data-theme=midnight] .scc-panel--incidents,[data-theme=midnight] .scc-panel--sensors,[data-theme=midnight] .scc-map-section,[data-theme=midnight] .scc-quick-actions--compact,[data-theme=midnight] .scc-dc-step-card,[data-theme=midnight] .scc-iot-overview{background:linear-gradient(180deg,var(--scc-surface-elevated) 0%,var(--scc-surface) 100%);border-color:var(--scc-border);box-shadow:var(--scc-card-inset),var(--scc-shadow-sm)}[data-theme=midnight] .scc-card:hover,[data-theme=midnight] .scc-kpi-card:hover{border-color:#7c9cff47;box-shadow:var(--scc-card-inset),var(--scc-shadow-md)}[data-theme=midnight] .scc-dashboard-hero{background:linear-gradient(135deg,rgb(248 113 113 / 10%) 0%,var(--scc-surface-elevated) 40%,var(--scc-surface) 100%);border-color:#f8717138;box-shadow:var(--scc-card-inset),var(--scc-shadow-glow)}[data-theme=midnight] .scc-dashboard-hero.tone--danger{background:linear-gradient(135deg,rgb(248 113 113 / 14%) 0%,var(--scc-surface) 55%)}[data-theme=midnight] .scc-dashboard-hero-stat{background:#070a0f8c;border-color:var(--scc-border);box-shadow:inset 0 1px #ffffff0d}[data-theme=midnight] .scc-dashboard-hero-icon{background:#f871711f;border-color:#f8717140;box-shadow:0 0 20px #f871711f}[data-theme=midnight] .scc-ticker,[data-theme=midnight] .scc-live-clock,[data-theme=midnight] .scc-quick-action-btn{background:var(--scc-surface-muted);border:1px solid var(--scc-border);box-shadow:var(--scc-card-inset)}[data-theme=midnight] .scc-panel--incidents .scc-panel-head{background:linear-gradient(180deg,rgb(248 113 113 / 10%),var(--scc-surface));border-bottom-color:var(--scc-border)}[data-theme=midnight] .scc-incident-card--compact{background:var(--scc-surface-muted);border-color:var(--scc-border)}[data-theme=midnight] .scc-incident-card--clickable:hover{border-color:#7c9cff59;box-shadow:0 4px 20px #00000059}[data-theme=midnight] .scc-sensor-tile{background:var(--scc-surface-muted);border-color:var(--scc-border);box-shadow:var(--scc-card-inset)}[data-theme=midnight] .scc-incident-stat-card{background:linear-gradient(180deg,var(--scc-surface-elevated),var(--scc-surface));border-color:var(--scc-border);box-shadow:var(--scc-card-inset),var(--scc-shadow-sm)}[data-theme=midnight] .scc-incident-stat-card.tone--danger{border-color:#f8717147;background:linear-gradient(180deg,rgb(248 113 113 / 12%),var(--scc-surface))}[data-theme=midnight] .scc-incident-stat-card.tone--warning{border-color:#fbbf2447;background:linear-gradient(180deg,rgb(251 191 36 / 10%),var(--scc-surface))}[data-theme=midnight] .scc-incident-stat-card.tone--info{border-color:#7c9cff47;background:linear-gradient(180deg,rgb(124 156 255 / 10%),var(--scc-surface))}[data-theme=midnight] .scc-incident-stat-card.tone--success{border-color:#34d39947;background:linear-gradient(180deg,rgb(52 211 153 / 10%),var(--scc-surface))}[data-theme=midnight] .scc-kpi-card.tone--danger:before{box-shadow:0 0 12px var(--scc-danger)}[data-theme=midnight] .scc-kpi-card.tone--warning:before{box-shadow:0 0 12px var(--scc-warning)}[data-theme=midnight] .scc-kpi-card.tone--primary:before{box-shadow:0 0 12px var(--scc-primary)}[data-theme=midnight] input,[data-theme=midnight] select,[data-theme=midnight] textarea{background:var(--scc-input-bg);border-color:var(--scc-input-border);color:var(--scc-text)}[data-theme=midnight] input::placeholder,[data-theme=midnight] textarea::placeholder{color:var(--scc-text-muted)}[data-theme=midnight] input:focus,[data-theme=midnight] select:focus,[data-theme=midnight] textarea:focus{outline:none;border-color:var(--scc-primary);box-shadow:0 0 0 3px #7c9cff24}[data-theme=midnight] .scc-search-card input,[data-theme=midnight] .scc-search-card select,[data-theme=midnight] .scc-inline-search,[data-theme=midnight] .scc-inline-search--wide{background:var(--scc-input-bg);border-color:var(--scc-input-border)}[data-theme=midnight] .scc-table-wrap{border-color:var(--scc-border);border-radius:var(--scc-radius-md);overflow:hidden}[data-theme=midnight] .scc-table th{background:var(--scc-table-head-bg);border-bottom-color:var(--scc-border-strong);color:var(--scc-text-secondary)}[data-theme=midnight] .scc-table td{border-bottom-color:var(--scc-border)}[data-theme=midnight] .scc-table tbody tr:hover{background:var(--scc-table-row-hover)}[data-theme=midnight] .scc-code-pill{background:#7c9cff1f;border:1px solid rgb(124 156 255 / 18%);color:#a5b8ff}[data-theme=midnight] .filter-chip{background:var(--scc-input-bg);border-color:var(--scc-border);color:var(--scc-text-secondary)}[data-theme=midnight] .filter-chip:hover{border-color:#7c9cff4d;color:var(--scc-text)}[data-theme=midnight] .scc-filter-chips-row .filter-chip.on{background:#7c9cff29;border-color:#7c9cff66;color:#c7d4ff;box-shadow:0 0 16px #7c9cff1a}[data-theme=midnight] .scc-filter-chips-row .filter-chip.tone--severe.on{background:#f8717129;border-color:#f8717166;color:#fecaca}[data-theme=midnight] .scc-filter-chips-row .filter-chip.tone--moderate.on,[data-theme=midnight] .scc-filter-chips-row .filter-chip.tone--medium.on{background:#fbbf2424;border-color:#fbbf2459;color:#fde68a}[data-theme=midnight] .scc-filter-chips-row .filter-chip.tone--low.on{background:#34d39924;border-color:#34d39959;color:#a7f3d0}[data-theme=midnight] .scc-install-row-card,[data-theme=midnight] .scc-wi-row-card,[data-theme=midnight] .scc-dc-station-card,[data-theme=midnight] .scc-record-card{background:linear-gradient(180deg,var(--scc-surface-elevated),var(--scc-surface-muted));border-color:var(--scc-border);box-shadow:var(--scc-card-inset)}[data-theme=midnight] .scc-install-row-card:hover,[data-theme=midnight] .scc-wi-row-card:hover,[data-theme=midnight] .scc-dc-station-card:hover,[data-theme=midnight] .scc-record-card:hover{border-color:#7c9cff52;box-shadow:var(--scc-card-inset),0 8px 24px #00000059}[data-theme=midnight] .scc-category-card{background:linear-gradient(180deg,var(--scc-surface-elevated),var(--scc-surface-muted));border-color:var(--scc-border);box-shadow:var(--scc-card-inset);color:var(--scc-text)}[data-theme=midnight] .scc-category-card:hover{background:linear-gradient(135deg,#5a78f02e,#7c3aed1a);border-color:#7c9cff66;color:var(--scc-text);box-shadow:var(--scc-card-inset),0 8px 28px #5a78f024;transform:translateY(-2px)}[data-theme=midnight] .scc-category-card-icon{background:#7c9cff24;color:#a5b8ff;box-shadow:0 0 16px #7c9cff1a}[data-theme=midnight] .scc-breadcrumb,[data-theme=midnight] .scc-device-row,[data-theme=midnight] .scc-gate-card{background:var(--scc-surface-muted);border-color:var(--scc-border)}[data-theme=midnight] .scc-iot-metric{background:linear-gradient(180deg,var(--scc-surface-elevated),var(--scc-surface-muted));border-color:var(--scc-border);box-shadow:var(--scc-card-inset)}[data-theme=midnight] .scc-iot-metric-icon{background:#7c9cff24;color:#a5b8ff}[data-theme=midnight] .scc-iot-forecast-card,[data-theme=midnight] .scc-iot-feed-card{background:var(--scc-surface-muted);border-color:var(--scc-border);box-shadow:var(--scc-card-inset)}[data-theme=midnight] .scc-iot-live-badge{background:#34d3991f;border:1px solid rgb(52 211 153 / 25%)}[data-theme=midnight] .scc-btn-primary{background:linear-gradient(180deg,#7c9cff,#5a78f0);border:1px solid rgb(255 255 255 / 12%);box-shadow:0 2px 14px #5a78f059,inset 0 1px #ffffff2e}[data-theme=midnight] .scc-btn-primary:hover{background:linear-gradient(180deg,#8aa8ff,#6b8af8);box-shadow:0 4px 20px #5a78f073,inset 0 1px #ffffff38}[data-theme=midnight] .scc-btn-ghost{background:#7c9cff0f;border-color:var(--scc-border);color:var(--scc-text-secondary)}[data-theme=midnight] .scc-btn-ghost:hover{background:#7c9cff1f;border-color:#7c9cff47;color:var(--scc-text)}[data-theme=midnight] .scc-btn-link{color:#9bb3ff}[data-theme=midnight] .scc-avatar{background:linear-gradient(135deg,#5a78f0,#7c3aed);border-color:#7c9cff40;box-shadow:0 0 16px #7c9cff33}[data-theme=midnight] .scc-modal{background:var(--scc-surface-elevated);border:1px solid var(--scc-border-strong);box-shadow:var(--scc-shadow-lg)}[data-theme=midnight] .scc-modal-backdrop{background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}[data-theme=midnight] .scc-report-item{background:var(--scc-surface-muted);border-color:var(--scc-border)}[data-theme=midnight] .scc-report-item--compact{background:transparent}[data-theme=midnight] .scc-report-recent,[data-theme=midnight] .scc-report-group{background:var(--scc-surface-muted);border-color:var(--scc-border)}[data-theme=midnight] .scc-report-recent-chip{background:var(--scc-surface)}[data-theme=midnight] .scc-chip-filter{background:var(--scc-surface-muted)}[data-theme=midnight] .scc-report-item:hover{border-color:#7c9cff59;background:linear-gradient(90deg,rgb(124 156 255 / 12%) 0%,var(--scc-surface-muted) 100%);box-shadow:var(--scc-card-inset),0 4px 20px #0000004d}[data-theme=midnight] .scc-report-item-icon.tone--info{background:#7c9cff24;color:#a5b8ff}[data-theme=midnight] .scc-export-card{background:var(--scc-surface-elevated);border-color:var(--scc-border);box-shadow:var(--scc-shadow-md)}[data-theme=midnight] .scc-search-panel{background:linear-gradient(180deg,var(--scc-surface-elevated),var(--scc-surface));box-shadow:var(--scc-card-inset),var(--scc-shadow-sm)}[data-theme=midnight] .scc-search-panel-icon{background:#7c9cff24;color:#a5b8ff}[data-theme=midnight] .scc-crud-list-card{background:linear-gradient(180deg,var(--scc-surface-elevated),var(--scc-surface))}[data-theme=midnight] .scc-table--crud tbody tr:nth-child(2n){background:#7c9cff0a}[data-theme=midnight] .scc-table--crud tbody tr:hover{background:var(--scc-table-row-hover)}[data-theme=midnight] .scc-crud-mobile-card{background:var(--scc-surface-muted);box-shadow:var(--scc-card-inset)}[data-theme=midnight] .scc-status--info{color:#a5b8ff;border-color:#7c9cff40}[data-theme=midnight] .scc-form-page-head,[data-theme=midnight] .scc-form-section{background:linear-gradient(180deg,var(--scc-surface-elevated),var(--scc-surface));border-color:var(--scc-border);box-shadow:var(--scc-card-inset)}[data-theme=midnight] .scc-form-footer--sticky{background:linear-gradient(180deg,#121620eb,#0e121cf5);border-color:var(--scc-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}[data-theme=midnight] .scc-login-page{background:linear-gradient(135deg,#0c1018,#121828,#0a0e16)}[data-theme=midnight] .scc-login-card{background:linear-gradient(180deg,var(--scc-surface-elevated),var(--scc-surface));border-color:var(--scc-border);box-shadow:var(--scc-card-inset),var(--scc-shadow-lg)}[data-theme=midnight] .scc-login-demo-btn,[data-theme=midnight] .scc-login-trial-card{background:var(--scc-surface-muted);border-color:var(--scc-border)}[data-theme=midnight] .scc-login-trial-avatar{background:var(--scc-surface);border-color:var(--scc-border)}[data-theme=midnight] .scc-onboard-modal{background:linear-gradient(180deg,var(--scc-surface-elevated),var(--scc-surface));border-color:var(--scc-border)}[data-theme=midnight] .scc-onboard-step-card{background:var(--scc-surface-muted);border-color:var(--scc-border);box-shadow:var(--scc-card-inset)}[data-theme=midnight] .scc-role-perm-split .scc-card{background:linear-gradient(180deg,var(--scc-surface-elevated),var(--scc-surface));box-shadow:var(--scc-card-inset)}[data-theme=midnight] .scc-page-guide--highlight{border-color:#7c9cff66;box-shadow:0 0 0 1px #7c9cff2e,var(--scc-shadow-sm)}[data-theme=midnight] .scc-register-status-banner.tone--pending{background:#7c9cff1a;border-color:#7c9cff47}[data-theme=midnight] .scc-check-row--highlight{background:#7c9cff1a;border-color:#7c9cff38}[data-theme=midnight] .scc-scroll-hint-arrow{background:var(--scc-surface-elevated);border-color:var(--scc-border);color:#a5b8ff}[data-theme=midnight] .scc-scroll-hint-root--sidebar .scc-scroll-hint-fade--bottom{background:linear-gradient(to bottom,transparent,var(--scc-sidebar-bg) 88%)}[data-theme=midnight] .scc-scroll-hint-root--main .scc-scroll-hint-fade--bottom{background:linear-gradient(to bottom,transparent,var(--scc-bg) 88%)}[data-theme=midnight] .scc-nav-icon-wrap{background:#94a3b81f}[data-theme=midnight] .scc-readonly-banner{background:var(--scc-surface-muted);border-color:var(--scc-border)}[data-wall=command],[data-wall=command] body,[data-wall=command] #root{height:100%;overflow:hidden}[data-wall=command] body{background:#020810}.cw-app{--cw-bg: #020810;--cw-bg-panel: rgb(4 18 36 / 82%);--cw-border: rgb(0 212 255 / 28%);--cw-glow: #00d4ff;--cw-glow-soft: rgb(0 212 255 / 12%);--cw-amber: #fbbf24;--cw-text: #e8f4ff;--cw-muted: #7da8c8;--cw-good: #34d399;--cw-warn: #fbbf24;--cw-bad: #f87171;--cw-critical: #ef4444;height:100vh;display:grid;grid-template-rows:auto 1fr;background:radial-gradient(ellipse 80% 50% at 50% 0%,rgb(0 80 120 / 18%),transparent 55%),radial-gradient(ellipse 60% 40% at 100% 100%,rgb(0 40 80 / 22%),transparent 50%),var(--cw-bg);color:var(--cw-text);font-family:Noto Sans Thai,Inter,system-ui,sans-serif}.cw-header{display:grid;grid-template-columns:minmax(200px,1.1fr) minmax(180px,.8fr) minmax(240px,1.2fr);align-items:center;gap:12px;padding:10px 14px 8px;border-bottom:1px solid var(--cw-border);background:linear-gradient(180deg,#061428f2,#040e1ce0);box-shadow:0 0 24px #00d4ff14}.cw-brand{display:flex;align-items:center;gap:10px}.cw-brand-mark{width:42px;height:42px;border-radius:50%;border:2px solid var(--cw-glow);box-shadow:0 0 16px #00d4ff73,inset 0 0 12px #00d4ff26;display:grid;place-items:center}.cw-brand-mark span{width:18px;height:18px;border-radius:4px;background:linear-gradient(135deg,var(--cw-glow),#0284c7);box-shadow:0 0 8px var(--cw-glow)}.cw-brand h1{margin:0;font-size:1rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(90deg,#fff,var(--cw-glow));-webkit-background-clip:text;background-clip:text;color:transparent}.cw-brand p{margin:2px 0 0;font-size:.62rem;letter-spacing:.14em;color:var(--cw-muted);text-transform:uppercase}.cw-header-center{text-align:center;display:flex;flex-direction:column;align-items:center;gap:2px}.cw-clock-date{font-size:.72rem;color:var(--cw-muted);letter-spacing:.08em}.cw-clock-time{font-size:1.35rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--cw-glow);text-shadow:0 0 12px rgb(0 212 255 / 55%)}.cw-header-metric{display:inline-flex;align-items:center;gap:4px;font-size:.68rem;color:var(--cw-muted);margin-top:2px}.cw-header-metric .icon{width:14px;height:14px;color:var(--cw-glow)}.cw-header-right{text-align:right}.cw-header-right h2{margin:0;font-size:.88rem;font-weight:700;letter-spacing:.04em}.cw-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:6px;flex-wrap:wrap}.cw-toggle{border:1px solid var(--cw-border);background:#00284659;color:var(--cw-muted);font-size:.62rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:4px;cursor:pointer;transition:.15s}.cw-toggle.on,.cw-toggle:hover{border-color:var(--cw-glow);color:var(--cw-glow);box-shadow:0 0 12px #00d4ff33}.cw-user{font-size:.68rem;color:var(--cw-muted);padding:0 4px}.cw-btn-ghost{border:none;background:transparent;color:var(--cw-muted);cursor:pointer;padding:4px;border-radius:4px}.cw-btn-ghost:hover{color:var(--cw-bad)}.cw-body{display:grid;grid-template-columns:52px minmax(200px,.85fr) minmax(0,2.2fr) minmax(200px,.85fr);min-height:0;overflow:hidden}.cw-rail{display:flex;flex-direction:column;gap:4px;padding:8px 4px;background:linear-gradient(180deg,#020c18fa,#041220f2);border-right:1px solid var(--cw-border)}.cw-rail button{border:none;background:transparent;color:var(--cw-muted);display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 4px;border-radius:6px;cursor:pointer;font-size:.52rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.cw-rail button .icon{width:20px;height:20px}.cw-rail button:hover,.cw-rail button.active{background:var(--cw-glow-soft);color:var(--cw-glow);box-shadow:inset 0 0 0 1px #00d4ff40}.cw-col{display:flex;flex-direction:column;gap:8px;padding:8px;min-height:0;overflow:hidden auto}.cw-col--left{border-right:1px solid rgb(0 212 255 / 12%)}.cw-col--right{border-left:1px solid rgb(0 212 255 / 12%)}.cw-panel{background:var(--cw-bg-panel);border:1px solid var(--cw-border);border-radius:6px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 0 0 1px #0006 inset,0 8px 24px #00000059;overflow:hidden;flex-shrink:0}.cw-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:8px 10px 6px;border-bottom:1px solid rgb(0 212 255 / 15%);background:linear-gradient(90deg,rgb(0 212 255 / 8%),transparent)}.cw-panel-head h3{margin:0;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--cw-glow)}.cw-panel-head p{margin:2px 0 0;font-size:.58rem;color:var(--cw-muted)}.cw-live-dot{width:8px;height:8px;border-radius:50%;background:var(--cw-good);box-shadow:0 0 8px var(--cw-good);animation:cw-pulse 2s ease infinite;flex-shrink:0;margin-top:4px}.cw-panel-body{padding:6px 10px 10px}.cw-kpi-row{display:flex;justify-content:space-between;align-items:center;padding:5px 0;border-bottom:1px solid rgb(255 255 255 / 6%);font-size:.68rem}.cw-kpi-row:last-child{border-bottom:none}.cw-kpi-row span{color:var(--cw-muted)}.cw-kpi-row strong{font-variant-numeric:tabular-nums;color:var(--cw-text)}.cw-kpi-row.tone--ok strong{color:var(--cw-good)}.cw-kpi-row.tone--warn strong{color:var(--cw-warn)}.cw-kpi-row.tone--bad strong{color:var(--cw-bad)}.cw-stage{position:relative;display:flex;flex-direction:column;min-height:0;padding:8px;gap:8px}.cw-map{display:none}.cw-vmap-wrap{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;border:1px solid var(--cw-border);border-radius:4px;overflow:hidden;background:#010408;box-shadow:0 0 40px #00d4ff1f,inset 0 0 60px #000000a6;touch-action:none;cursor:grab}.cw-vmap-wrap.is-dragging,.cw-vmap-wrap.is-dragging .cw-vmap{cursor:grabbing}.cw-vmap-toolbar{display:flex;align-items:center;justify-content:space-between;padding:4px 10px;font-size:.58rem;color:var(--cw-muted);background:#001428cc;border-bottom:1px solid rgb(0 212 255 / 15%)}.cw-vmap-toolbar button{border:1px solid rgb(0 212 255 / 30%);background:transparent;color:var(--cw-glow);font-size:.58rem;padding:3px 8px;border-radius:3px;cursor:pointer}.cw-vmap{flex:1;width:100%;min-height:0;pointer-events:none}.cw-vmap .cw-pin-svg,.cw-vmap .cw-zone-hit{pointer-events:all}.cw-vmap-card-bg{fill:#041224eb;stroke:#00d4ff59;stroke-width:.8}.cw-vmap-card-bg.tier--warn{stroke:#fbbf24}.cw-vmap-card-bg.tier--critical{stroke:#f87171}.cw-vmap-card-title{fill:#e8f4ff;font-size:8px;font-weight:700}.cw-vmap-card-sub{fill:#7da8c8;font-size:7px}.cw-grid-label{fill:#00d4ff73;font-size:7px;font-family:ui-monospace,monospace}.cw-facility-zone path{filter:drop-shadow(0 0 6px rgb(248 113 113 / 35%))}.cw-facility-label{fill:#fca5a5;font-size:8px;font-weight:700;pointer-events:none}.cw-zone-label{fill:#ffffffbf;font-size:11px;font-weight:700;pointer-events:none;text-shadow:0 0 6px rgb(0 0 0 / 80%)}.cw-zone-fill{transition:fill-opacity .2s,stroke-width .2s}.cw-zone-hit{cursor:pointer}.cw-water-shimmer{animation:cw-water-pulse 3s ease-in-out infinite}.cw-road{stroke-dasharray:8 12;animation:cw-road-flow 12s linear infinite}.cw-building.lit polygon{filter:drop-shadow(0 0 6px rgb(56 189 248 / 80%))}.cw-building-label{fill:#ffffffd9;font-size:8px;font-weight:700;pointer-events:none}.cw-pin-svg{color:var(--cw-amber)}.cw-pin-svg .cw-pin-core{fill:var(--cw-amber);stroke:#fff;stroke-width:1.2}.cw-pin-svg .cw-pin-num{fill:#0a1628;font-size:7px;font-weight:800;pointer-events:none}.cw-pin-svg.tier--critical{color:var(--cw-critical)}.cw-pin-svg.tier--critical .cw-pin-core{fill:var(--cw-critical)}.cw-pin-svg.tier--critical .cw-pin-num{fill:#fff}.cw-pin-svg.tier--bad{color:#f97316}.cw-pin-svg.tier--bad .cw-pin-core{fill:#f97316}.cw-pin-svg.tier--warn{color:#eab308}.cw-pin-svg.tier--warn .cw-pin-core{fill:#eab308}.cw-pin-svg.active{color:var(--cw-glow)}.cw-pin-svg.active .cw-pin-core{fill:var(--cw-glow)}.cw-pin-svg.active .cw-pin-num{fill:#020810}.cw-pin-pulse{animation:cw-ring 2.2s ease-out infinite;opacity:.7}.cw-data-link{color:#00d4ff7f}.cw-data-link.tier--critical{color:#ef444499}.cw-vmap-card{padding:3px 6px;border-radius:3px;border:1px solid rgb(0 212 255 / 35%);background:#041224eb;font-size:8px;line-height:1.3;color:var(--cw-text)}.cw-vmap-card strong{display:block;color:var(--cw-glow);font-size:8px}.cw-vmap-card.tier--critical{border-color:#ef44448c}.cw-vmap-legend{display:flex;gap:14px;padding:4px 10px;font-size:.55rem;letter-spacing:.08em;text-transform:uppercase;color:var(--cw-muted);background:#000c18e5;border-top:1px solid rgb(0 212 255 / 12%)}.cw-vmap-legend span:first-child{color:var(--cw-glow);font-weight:700}@keyframes cw-water-pulse{0%,to{opacity:.4}50%{opacity:.9}}@keyframes cw-road-flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-80}}.cw-map-base,.cw-map-overlay,.cw-map-hotspot{display:none}.cw-map{position:relative;flex:1;min-height:0;border:1px solid var(--cw-border);border-radius:4px;overflow:hidden;background:#010408;box-shadow:0 0 40px #00d4ff1f,inset 0 0 60px #000000a6}.cw-map-base{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;filter:saturate(.75) contrast(1.15) brightness(.72) hue-rotate(8deg);opacity:.92}.cw-map-tint{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgb(0 40 80 / 25%),transparent 30%,rgb(0 20 40 / 35%)),radial-gradient(circle at 50% 50%,transparent 40%,rgb(2 8 16 / 75%) 100%);mix-blend-mode:multiply;pointer-events:none}.cw-map-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgb(0 212 255 / 6%) 1px,transparent 1px),linear-gradient(90deg,rgb(0 212 255 / 6%) 1px,transparent 1px);background-size:48px 48px;pointer-events:none;z-index:2}.cw-map-vignette{position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 80px #000000a6;pointer-events:none;z-index:3}.cw-map-scanline{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:5;opacity:.4}.cw-map-scanline:after{content:"";position:absolute;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--cw-glow),transparent);animation:cw-scan 7s linear infinite}.cw-map-hud-corner{position:absolute;width:28px;height:28px;border-color:var(--cw-glow);border-style:solid;z-index:6;pointer-events:none;opacity:.7}.cw-map-hud-corner--tl{top:8px;left:8px;border-width:2px 0 0 2px}.cw-map-hud-corner--tr{top:8px;right:8px;border-width:2px 2px 0 0}.cw-map-hud-corner--bl{bottom:8px;left:8px;border-width:0 0 2px 2px}.cw-map-hud-corner--br{bottom:8px;right:8px;border-width:0 2px 2px 0}.cw-map-layer{position:absolute;z-index:4}.cw-zone-glow{position:absolute;transform:translate(-50%,-50%);border-radius:40%;background:color-mix(in srgb,var(--zone-color) 18%,transparent);border:1px solid color-mix(in srgb,var(--zone-color) 45%,transparent);box-shadow:0 0 24px color-mix(in srgb,var(--zone-color) 30%,transparent);pointer-events:none;animation:cw-zone-breathe 4s ease-in-out infinite}.cw-pin{position:absolute;transform:translate(-50%,-50%);width:28px;height:28px;border:none;background:transparent;cursor:pointer;padding:0;z-index:8}.cw-pin-core{position:relative;z-index:2;display:grid;place-items:center;width:100%;height:100%;border-radius:50%;font-size:.55rem;font-weight:800;color:#0a1628;background:var(--cw-amber);border:2px solid #fff;box-shadow:0 0 12px #fbbf248c}.cw-pin-ring{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:2px solid var(--cw-glow);animation:cw-ring 2.2s ease-out infinite}.cw-pin.tier--critical .cw-pin-core{background:var(--cw-critical);color:#fff;box-shadow:0 0 16px #ef4444b3}.cw-pin.tier--bad .cw-pin-core{background:#f97316;color:#fff}.cw-pin.tier--warn .cw-pin-core{background:#eab308}.cw-pin.active .cw-pin-core{background:var(--cw-glow);color:#020810;box-shadow:0 0 20px #00d4ffcc}.cw-float-card{position:absolute;transform:translate(-50%,-100%);min-width:96px;padding:4px 7px;border-radius:4px;border:1px solid rgb(0 212 255 / 35%);background:#041224e0;font-size:.55rem;line-height:1.35;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 4px 16px #00000073;pointer-events:none;z-index:6}.cw-float-card strong{display:block;color:var(--cw-glow);font-size:.58rem}.cw-float-card em{font-style:normal;color:var(--cw-warn)}.cw-float-card.tier--critical em{color:var(--cw-critical)}.cw-station-bar{display:flex;align-items:center;gap:12px;padding:8px 12px;border:1px solid var(--cw-border);border-radius:6px;background:var(--cw-bg-panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-shrink:0}.cw-station-badge{padding:4px 10px;border-radius:4px;font-size:.72rem;font-weight:800;letter-spacing:.06em;background:#00d4ff26;border:1px solid var(--cw-glow);color:var(--cw-glow)}.cw-station-badge.tier--critical{background:#ef444433;border-color:var(--cw-critical);color:#fca5a5}.cw-station-metrics{display:flex;flex-wrap:wrap;gap:12px;flex:1;font-size:.68rem;color:var(--cw-muted)}.cw-station-metrics strong{color:var(--cw-text);margin-left:4px}.cw-btn-primary{border:1px solid var(--cw-glow);background:linear-gradient(180deg,#00b4dc59,#00648c40);color:var(--cw-glow);font-size:.65rem;font-weight:700;letter-spacing:.05em;padding:8px 14px;border-radius:4px;cursor:pointer;white-space:nowrap;box-shadow:0 0 16px #00d4ff33}.cw-btn-primary:hover{background:linear-gradient(180deg,#00d4ff66,#0078a04d)}.cw-btn-link{border:none;background:none;color:var(--cw-glow);font-size:.62rem;cursor:pointer;padding:6px 0 0;text-align:left}.cw-alarm-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.cw-alarm-list li{padding:6px 8px;border-radius:4px;border-left:3px solid var(--cw-muted);background:#00000040;font-size:.62rem}.cw-alarm-list li.level--critical{border-left-color:var(--cw-critical)}.cw-alarm-list li.level--warn{border-left-color:var(--cw-warn)}.cw-alarm-list li.level--info{border-left-color:var(--cw-glow)}.cw-alarm-list time{display:block;color:var(--cw-muted);font-variant-numeric:tabular-nums;margin-bottom:2px}.cw-alarm-list p{margin:0;line-height:1.35}.cw-station-rank{list-style:none;margin:0;padding:0}.cw-station-rank button{width:100%;border:none;background:transparent;display:flex;align-items:center;gap:6px;padding:5px 0;font-size:.65rem;color:var(--cw-text);cursor:pointer;text-align:left;border-bottom:1px solid rgb(255 255 255 / 5%)}.cw-station-rank button:hover{color:var(--cw-glow)}.cw-station-rank em{margin-left:auto;font-style:normal;font-variant-numeric:tabular-nums;color:var(--cw-warn)}.cw-rank-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.cw-rank-dot.tier--critical{background:var(--cw-critical);box-shadow:0 0 6px var(--cw-critical)}@keyframes cw-pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes cw-scan{0%{top:-4px}to{top:100%}}@keyframes cw-ring{0%{transform:scale(.85);opacity:.7}to{transform:scale(1.45);opacity:0}}@keyframes cw-zone-breathe{0%,to{opacity:.65}50%{opacity:1}}.cw-3d-wrap{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;border:1px solid var(--cw-border);border-radius:4px;overflow:hidden;background:radial-gradient(ellipse 80% 60% at 50% 40%,#00284640,#010408);box-shadow:0 0 50px #00d4ff2e,inset 0 0 100px #000000bf}.cw-3d-canvas{flex:1;width:100%!important;min-height:0!important;touch-action:none}.cw-3d-corners span{position:absolute;width:18px;height:18px;border-color:var(--cw-glow);border-style:solid;border-width:0;opacity:.7;z-index:2;pointer-events:none}.cw-3d-corners span:nth-child(1){top:28px;left:6px;border-top-width:2px;border-left-width:2px}.cw-3d-corners span:nth-child(2){top:28px;right:6px;border-top-width:2px;border-right-width:2px}.cw-3d-corners span:nth-child(3){bottom:28px;left:6px;border-bottom-width:2px;border-left-width:2px}.cw-3d-corners span:nth-child(4){bottom:28px;right:6px;border-bottom-width:2px;border-right-width:2px}.cw-3d-scanline{position:absolute;top:28px;right:0;bottom:24px;left:0;pointer-events:none;z-index:1;overflow:hidden;opacity:.35}.cw-3d-scanline:after{content:"";position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--cw-glow),transparent);box-shadow:0 0 12px var(--cw-glow);animation:cw-scan 6s linear infinite}.cw-3d-vignette{position:absolute;top:28px;right:0;bottom:24px;left:0;pointer-events:none;z-index:1;box-shadow:inset 0 0 80px #0000008c}.cw-3d-badge{color:var(--cw-glow);font-weight:700;letter-spacing:.12em}.cw-3d-zone-label{display:block;padding:3px 8px;font-size:10px;font-weight:700;color:#f0f9ff;background:#020810d1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgb(0 212 255 / 45%);border-radius:4px;white-space:nowrap;letter-spacing:.04em;text-shadow:0 0 10px rgb(0 212 255 / 50%)}.cw-3d-station-card{padding:5px 10px;border-radius:5px;background:#041224e0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgb(0 212 255 / 50%);font-size:9px;color:#94b8d4;text-align:center;min-width:78px;box-shadow:0 0 16px #00d4ff40,0 4px 12px #0006;animation:cw-card-in .25s ease-out}@keyframes cw-card-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.cw-3d-station-card strong{display:block;color:#e8f4ff;font-size:10px}.cw-3d-station-card.tier--warn{border-color:#fbbf24;box-shadow:0 0 14px #fbbf244d}.cw-3d-station-card.tier--bad{border-color:#fb923c;box-shadow:0 0 14px #fb923c59}.cw-3d-station-card.tier--critical{border-color:#ef4444;box-shadow:0 0 18px #ef444473;animation:cw-card-in .25s ease-out,cw-critical-pulse 1.5s ease-in-out infinite}@keyframes cw-critical-pulse{0%,to{box-shadow:0 0 18px #ef444473}50%{box-shadow:0 0 28px #ef4444a6}}.cw-3d-station-card.active{transform:scale(1.06)}.cw-3d-pin-num{border:none;background:#00d4fff2;color:#020810;font-size:8px;font-weight:800;width:18px;height:18px;border-radius:50%;cursor:pointer;padding:0;line-height:18px;box-shadow:0 0 10px #00d4ffb3;transition:transform .15s,box-shadow .15s}.cw-3d-pin-num:hover,.cw-3d-pin-num.active{transform:scale(1.15)}.cw-3d-pin-num.tier--warn{background:#fbbf24;box-shadow:0 0 10px #fbbf24b3}.cw-3d-pin-num.tier--bad{background:#fb923c;box-shadow:0 0 10px #fb923cb3}.cw-3d-pin-num.tier--critical{background:#ef4444;color:#fff;box-shadow:0 0 12px #ef4444cc}.cw-panel{position:relative}.cw-panel:before,.cw-panel:after{content:"";position:absolute;width:10px;height:10px;border-color:#00d4ff59;border-style:solid;pointer-events:none}.cw-panel:before{top:4px;left:4px;border-width:1px 0 0 1px}.cw-panel:after{bottom:4px;right:4px;border-width:0 1px 1px 0}@media(max-width:1100px){.cw-body{grid-template-columns:48px 1fr;grid-template-rows:1fr auto}.cw-col--left,.cw-col--right{display:none}.cw-stage{grid-column:2}}@media(prefers-reduced-motion:reduce){.cw-map-scanline:after,.cw-3d-scanline:after,.cw-pin-ring,.cw-zone-glow,.cw-live-dot{animation:none!important}}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;height:100%;overflow:hidden}body{font-family:var(--font);background:var(--scc-bg);color:var(--scc-text);-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button{cursor:pointer}.scc-icon{width:18px;height:18px;flex-shrink:0}.scc-icon path{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.scc-login-page{min-height:100vh;display:grid;grid-template-columns:1fr min(440px,42vw);align-items:center;gap:48px;padding:32px 48px;position:relative;overflow:hidden;background:radial-gradient(ellipse 70% 60% at 15% 20%,rgb(90 120 240 / 18%),transparent 55%),radial-gradient(ellipse 50% 50% at 85% 80%,rgb(61 95 208 / 12%),transparent 50%),var(--scc-bg)}.scc-login-panel{display:grid;gap:20px;width:100%;max-width:420px;justify-self:center}.scc-login-logo--float{width:64px;height:64px;margin:0 auto 1rem;animation:scc-float 4s ease-in-out infinite}.scc-login-logo--float.scc-brand-icon{width:64px;height:64px}.scc-login-brand{text-align:center}.scc-login-logo{width:72px;margin:0 auto 12px}.scc-login-logo svg{width:100%;height:auto}.scc-login-brand h1{margin:0 0 4px;font-size:1.5rem;font-weight:700;color:var(--scc-text)}.scc-login-brand p{margin:0;color:var(--scc-text-muted);font-size:.85rem}.scc-login-tagline{margin-top:8px!important;font-size:.78rem!important;color:var(--scc-text-secondary)!important;max-width:280px;margin-left:auto!important;margin-right:auto!important;line-height:1.45}.scc-login-card{background:var(--scc-surface);border-radius:var(--scc-radius-lg);padding:28px 24px;box-shadow:var(--scc-shadow-md);border:1px solid var(--scc-border);display:grid;gap:16px;position:relative;overflow:hidden}.scc-login-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--scc-primary),var(--scc-primary-dark))}.scc-login-card h2{margin:0 0 4px;font-size:1.1rem;text-align:center}.scc-field{display:grid;gap:4px}.scc-field-label{font-size:.82rem;font-weight:600;color:var(--scc-text)}.scc-field-sublabel{font-size:.72rem;color:var(--scc-text-muted);margin-bottom:2px}.scc-field input,.scc-field select{border:1px solid var(--scc-border-strong);border-radius:var(--scc-radius-sm);padding:11px 12px;background:var(--scc-surface);transition:border-color .15s,box-shadow .15s}.scc-field input:focus,.scc-field select:focus{outline:none;border-color:var(--scc-primary);box-shadow:0 0 0 3px var(--scc-primary-soft)}.scc-login-links{text-align:right}.scc-link{border:none;background:none;color:var(--scc-primary);font-size:.8rem;font-weight:600;padding:0}.scc-link:hover{color:var(--scc-primary-hover);text-decoration:underline}.scc-btn-primary{border:none;background:var(--scc-primary);color:#fff;border-radius:var(--scc-radius-sm);padding:11px 18px;font-weight:600;transition:background .15s}.scc-btn-primary:hover{background:var(--scc-primary-hover)}.scc-btn-primary.small{padding:7px 14px;font-size:.8rem}.scc-btn-block{width:100%}.scc-btn-ghost{border:1px solid var(--scc-border-strong);background:var(--scc-surface);color:var(--scc-text-secondary);border-radius:var(--scc-radius-sm);padding:7px 14px;font-size:.8rem;font-weight:600}.scc-btn-ghost:hover{background:var(--scc-surface-muted)}.scc-btn-ghost.small{padding:5px 10px;font-size:.75rem}.scc-login-hint{margin:0;text-align:center;font-size:.72rem;color:var(--scc-text-muted)}.scc-login-footer{margin:0;text-align:center;font-size:.82rem;color:var(--scc-text-secondary)}.scc-login-card .scc-form-grid{margin-bottom:4px}.scc-zone-panels{margin-top:12px;padding-top:12px;border-top:1px solid #e2e8f0;display:flex;gap:10px;align-items:flex-start;flex-wrap:wrap}.scc-zone-panel{flex:1;min-width:200px;background:#f1f5f9;border-radius:8px;padding:10px;font-size:.78rem}.scc-zone-panel h4{margin:0 0 6px;font-size:.82rem}.scc-zone-panel p{margin:0;color:var(--scc-text-muted)}.scc-incident-status{display:grid;gap:4px;margin-top:8px;font-size:.68rem;font-weight:600}.scc-incident-status select{border:1px solid var(--scc-border-strong);border-radius:6px;padding:4px 8px;font-weight:400;font-size:.72rem;max-width:130px;width:100%}.scc-panel--incidents .scc-incident-list li{grid-template-columns:auto auto 1fr auto;padding:10px}.scc-panel--incidents .scc-incident-list--scroll{max-height:200px}.scc-cctv-placeholder{height:200px;background:#0f172a;color:#94a3b8;border-radius:8px;display:grid;place-items:center;font-size:.82rem}.scc-login-error{margin:0;color:#dc2626;font-size:.78rem;font-weight:600}.scc-login-hint{margin:0;text-align:center;font-size:.68rem;color:var(--scc-text-muted)}.scc-app{height:100vh;min-height:0;overflow:hidden;display:grid;grid-template-columns:var(--scc-sidebar-w) 1fr;transition:grid-template-columns .2s}.scc-app--collapsed{grid-template-columns:0 1fr}.scc-app--collapsed .scc-sidebar{overflow:hidden;border:none}.scc-app>.scc-sidebar,.scc-app>.scc-main-wrap{min-height:0}.scc-sidebar{background:var(--scc-sidebar-bg);border-right:1px solid var(--scc-sidebar-border);display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--scc-shadow-sm)}.scc-sidebar-brand{padding:20px 18px;display:flex;flex-wrap:wrap;align-items:center;gap:12px;border-bottom:1px solid var(--scc-sidebar-border);background:linear-gradient(135deg,var(--scc-primary-soft) 0%,transparent 70%);position:relative}.scc-sidebar-close{display:none;position:absolute;top:14px;right:12px;width:32px;height:32px;border:1px solid var(--scc-border);border-radius:8px;background:var(--scc-surface);color:var(--scc-text-secondary);font-size:1.25rem;line-height:1;cursor:pointer;align-items:center;justify-content:center}.scc-sidebar-close:hover{background:var(--scc-surface-muted);color:var(--scc-text)}.scc-sidebar-backdrop{display:none}.scc-brand-icon{width:40px;height:40px;flex-shrink:0}.scc-brand-icon svg,.scc-brand-svg{width:100%;height:100%}.scc-brand-body{fill:var(--scc-primary)}.scc-brand-antenna{fill:var(--scc-primary-dark, #3d5fd0)}.scc-brand-screen{fill:#fff;opacity:.92}.scc-sidebar-brand strong{display:block;font-size:.95rem;color:var(--scc-text);line-height:1.3}.scc-sidebar-brand small{color:var(--scc-text-muted);font-size:.72rem}.scc-sidebar-status{width:100%;display:flex;align-items:center;gap:6px;font-size:.68rem;font-weight:600;color:var(--scc-success);margin-top:4px}.scc-status-dot{width:7px;height:7px;border-radius:50%;background:var(--scc-success);box-shadow:0 0 0 3px var(--scc-success-bg);animation:scc-pulse-dot 2s ease-in-out infinite}@keyframes scc-pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.92)}}@media(prefers-reduced-motion:reduce){.scc-status-dot,.scc-bell-dot,.scc-map-pin.level--severe{animation:none!important}}.scc-sidebar-nav{overflow-y:auto;padding:10px 8px;display:flex;flex-direction:column;gap:2px;flex:1;min-height:0;align-content:flex-start;justify-content:flex-start}.scc-nav-group{display:grid;gap:2px;flex-shrink:0}.scc-nav-group-head{width:100%;border:none;background:transparent;color:var(--scc-nav-muted);font-size:.72rem;font-weight:700;padding:6px 10px;min-height:0;display:flex;justify-content:space-between;align-items:center;text-align:left;border-radius:var(--scc-radius-sm)}.scc-nav-group-head:hover{background:var(--scc-surface-muted);color:var(--scc-text-secondary)}.scc-nav-chevron{font-size:.65rem;opacity:.7}.scc-nav-group-items{display:grid;gap:2px}.scc-nav-item{border:none;background:transparent;color:var(--scc-nav-text);border-radius:var(--scc-radius-sm);padding:8px 10px;display:flex;align-items:center;gap:8px;text-align:left;font-size:.8rem;font-weight:500;transition:background .12s,color .12s}.scc-nav-item:hover{background:var(--scc-primary-soft);color:var(--scc-primary-dark)}.scc-nav-item.active{background:var(--scc-nav-active-bg);color:var(--scc-nav-active-text);font-weight:600;box-shadow:0 2px 8px #5b7cfa59;position:relative}.scc-nav-item.active:before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:3px;border-radius:0 3px 3px 0;background:#ffffff7f}.scc-nav-icon{width:20px;display:grid;place-items:center;opacity:.9}.scc-nav-item.active .scc-nav-icon{opacity:1}.scc-main-wrap{display:grid;grid-template-rows:var(--scc-topbar-h) 1fr;min-height:0;overflow:hidden;background:var(--scc-bg)}.scc-topbar{background:var(--scc-topbar-bg, var(--scc-surface));border-bottom:1px solid var(--scc-border);padding:0 20px;display:flex;align-items:center;gap:12px;height:var(--scc-topbar-h);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative;z-index:10}.scc-topbar-spacer{flex:1}.scc-icon-btn-top{border:none;background:transparent;width:40px;height:40px;border-radius:var(--scc-radius-sm);display:grid;place-items:center;color:var(--scc-text-secondary)}.scc-icon-btn-top:hover{background:var(--scc-surface-muted)}.scc-bell{position:relative}.scc-bell-dot{position:absolute;top:10px;right:10px;width:8px;height:8px;border-radius:50%;background:var(--scc-danger);border:2px solid var(--scc-surface);animation:scc-pulse-dot 1.5s ease-in-out infinite}.scc-topbar-greeting{display:none;flex-direction:column;gap:1px;min-width:0}.scc-topbar-greeting strong{font-size:.88rem;color:var(--scc-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scc-topbar-greeting small{font-size:.72rem;color:var(--scc-text-muted)}@media(min-width:768px){.scc-topbar-greeting{display:flex}}.scc-avatar{width:36px;height:36px;border-radius:50%;border:2px solid var(--scc-primary-soft);background:var(--scc-primary);color:#fff;font-weight:700;font-size:.85rem}.scc-user-menu{position:relative}.scc-user-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:280px;max-width:min(320px,92vw);background:var(--scc-surface);border:1px solid var(--scc-border);border-radius:var(--scc-radius-md);box-shadow:var(--scc-shadow-lg);padding:8px;z-index:50}.scc-user-dropdown-head{padding:8px 10px 12px;border-bottom:1px solid var(--scc-border);margin-bottom:8px}.scc-user-dropdown-head strong{display:block;font-size:.88rem}.scc-user-dropdown-head small{color:var(--scc-text-muted);font-size:.72rem;text-transform:uppercase}.scc-lang--dropdown{margin-bottom:8px}.scc-dropdown-item{width:100%;border:none;background:transparent;text-align:left;padding:10px 12px;border-radius:var(--scc-radius-sm);font-size:.82rem;color:var(--scc-danger);font-weight:600}.scc-dropdown-item:hover{background:var(--scc-danger-bg)}.scc-notify-menu{position:relative}.scc-notify-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:min(320px,90vw);background:var(--scc-surface);border:1px solid var(--scc-border);border-radius:var(--scc-radius-md);box-shadow:var(--scc-shadow-lg);z-index:50;overflow:hidden}.scc-notify-dropdown-head{padding:12px 14px;border-bottom:1px solid var(--scc-border);font-size:.88rem}.scc-notify-list{list-style:none;margin:0;padding:0;max-height:280px;overflow-y:auto}.scc-notify-list li{padding:0;border-bottom:1px solid var(--scc-border)}.scc-notify-list li:last-child{border-bottom:none}.scc-notify-list li strong{color:var(--scc-text);display:block}.scc-notify-list li span{color:var(--scc-text-secondary);display:block}.scc-notify-list li small{color:var(--scc-text-muted);font-size:.72rem;display:block}.scc-notify-empty{margin:0;padding:20px 14px;color:var(--scc-text-muted);font-size:.82rem;text-align:center}.scc-notify-link{width:100%;border:none;background:var(--scc-primary-soft);color:var(--scc-primary-dark);padding:12px;font-size:.82rem;font-weight:600;cursor:pointer}.scc-notify-link:hover{background:var(--scc-primary);color:#fff}.scc-lang{display:flex;border:1px solid var(--scc-border);border-radius:var(--scc-radius-sm);overflow:hidden}.scc-lang button{flex:1;border:none;background:var(--scc-surface);padding:6px 10px;font-size:.72rem;font-weight:700;color:var(--scc-text-muted)}.scc-lang button.on{background:var(--scc-primary);color:#fff}.scc-main{overflow:auto;padding:20px 24px 32px;min-height:0;background:radial-gradient(ellipse 80% 50% at 100% 0%,rgb(90 120 240 / 7%),transparent 55%),radial-gradient(ellipse 60% 40% at 0% 100%,rgb(90 120 240 / 5%),transparent 50%),linear-gradient(180deg,transparent 0%,rgb(90 120 240 / 2%) 100%),var(--scc-bg);background-attachment:fixed}.scc-main-inner{max-width:var(--scc-content-max);margin:0 auto;width:100%}.scc-main-inner:has(.scc-dashboard),.scc-main-inner--dashboard{max-width:var(--scc-dashboard-max);width:min(100%,var(--scc-dashboard-max));margin-left:auto;margin-right:auto}.scc-main:has(.scc-dashboard),.scc-main--dashboard{padding:16px 20px 28px;display:flex;flex-direction:column;align-items:center}.scc-main--dashboard .scc-main-inner--dashboard{flex:0 1 auto}.scc-page-intro{margin-bottom:20px;display:flex;align-items:flex-start;gap:14px}.scc-page-intro-accent{width:4px;min-height:48px;border-radius:4px;background:linear-gradient(180deg,var(--scc-primary),var(--scc-primary-dark));flex-shrink:0;margin-top:4px}.scc-page-intro h1{margin:0 0 4px;font-size:1.4rem;font-weight:700;color:var(--scc-text);letter-spacing:-.02em}.scc-page-intro p{margin:0;font-size:.88rem;color:var(--scc-text-muted)}.scc-page-intro--compact{margin-bottom:12px}.scc-page-intro--compact h1{font-size:1.15rem}.scc-page-intro--compact p{display:none}.scc-page-intro--compact .scc-page-intro-accent{min-height:36px}.scc-dashboard{display:grid;gap:10px;min-height:100%;background:var(--scc-surface);border:1px solid var(--scc-border);border-radius:var(--scc-radius-lg);padding:14px 16px 16px;box-shadow:var(--scc-shadow-md)}.scc-dashboard-head{margin:0;padding-bottom:2px;border-bottom:1px solid var(--scc-border)}.scc-dashboard-head h2{margin:0;font-size:1.1rem;font-weight:700;color:var(--scc-text)}.scc-dashboard-head p{margin:2px 0 0;font-size:.75rem;color:var(--scc-text-muted)}.scc-dashboard-summary{display:grid;gap:8px}.scc-dashboard .scc-kpi-strip{grid-template-columns:repeat(2,1fr);gap:8px}.scc-dashboard .scc-kpi-card{padding:10px 12px;gap:10px}.scc-dashboard .scc-kpi-icon{width:34px;height:34px;border-radius:8px}.scc-dashboard .scc-kpi-value{font-size:1.1rem}.scc-dashboard-main{display:grid;grid-template-columns:minmax(240px,280px) minmax(0,1fr) minmax(200px,220px);grid-template-rows:minmax(480px,58vh);gap:10px;align-items:stretch}.scc-dashboard-main>.scc-map-section,.scc-dashboard-main>.scc-panel--incidents,.scc-dashboard-main>.scc-map-zones--sidebar{display:flex;flex-direction:column;min-height:0}.scc-map-body--solo{grid-template-columns:1fr;flex:1;min-height:0}.scc-map-frame--large{min-height:100%;height:100%}.scc-map-section{background:var(--scc-surface);border-radius:var(--scc-radius-md);border:1px solid var(--scc-border);overflow:hidden;box-shadow:var(--scc-shadow-sm);padding:0}.scc-map-header{padding:10px 12px 0}.scc-map-body{flex:1;display:grid;grid-template-columns:minmax(0,1fr) 118px;border-top:1px solid var(--scc-border);min-height:220px}.scc-map-section--hero .scc-map-body{flex:1;min-height:0;display:flex;flex-direction:column}.scc-map-frame{position:relative;height:100%;min-height:220px;background:var(--scc-map-tint, #e8ede4);overflow:hidden}.scc-map-zones{border-left:1px solid var(--scc-border);background:var(--scc-surface-muted);padding:8px 6px;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.scc-map-zones-title{margin:0;padding:0 4px;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--scc-text-muted)}.scc-map-zones-list{list-style:none;margin:0;padding:0;display:grid;gap:4px}.scc-map-zone-btn{width:100%;border:none;background:transparent;border-radius:6px;padding:6px 4px;display:flex;align-items:flex-start;gap:5px;text-align:left;font-size:.65rem;font-weight:600;color:var(--scc-text-secondary);line-height:1.25;cursor:pointer;transition:background .12s}.scc-map-zone-btn:hover,.scc-map-zone-btn.selected{background:var(--scc-primary-soft);color:var(--scc-primary-dark)}.scc-zone-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:2px}.scc-zone-dot.level--severe{background:#ef4444}.scc-zone-dot.level--moderate{background:#f59e0b}.scc-zone-dot.level--minor{background:#22c55e}.scc-map-zone-name{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.scc-kpi-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.scc-kpi-card{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:var(--scc-surface);border:1px solid var(--scc-border);border-radius:var(--scc-radius-md);box-shadow:var(--scc-shadow-sm);transition:transform .15s ease,box-shadow .15s ease}.scc-kpi-card:hover{transform:translateY(-2px);box-shadow:var(--scc-shadow-md)}.scc-kpi-icon{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;flex-shrink:0}.scc-kpi-card.tone--danger .scc-kpi-icon{background:var(--scc-danger-bg);color:var(--scc-danger)}.scc-kpi-card.tone--warning .scc-kpi-icon{background:var(--scc-warning-bg);color:var(--scc-warning)}.scc-kpi-card.tone--success .scc-kpi-icon{background:var(--scc-success-bg);color:var(--scc-success)}.scc-kpi-card.tone--primary .scc-kpi-icon{background:var(--scc-primary-soft);color:var(--scc-primary)}.scc-kpi-body{display:grid;gap:2px;min-width:0}.scc-kpi-label{font-size:.72rem;color:var(--scc-text-muted);font-weight:600}.scc-kpi-value{font-size:1.35rem;font-weight:700;color:var(--scc-text);line-height:1.2}.scc-kpi-body small{font-size:.68rem;color:var(--scc-text-secondary)}.scc-card-elevated{box-shadow:var(--scc-shadow-md);transition:box-shadow .2s ease}.scc-card-elevated:hover{box-shadow:var(--scc-shadow-lg)}.scc-map-zone-label{position:absolute;top:12px;left:12px;z-index:6;display:flex;align-items:center;gap:8px;padding:8px 12px;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--scc-radius-sm);border:1px solid var(--scc-border);font-size:.82rem;font-weight:600;box-shadow:var(--scc-shadow-sm)}.scc-level-badge{font-size:.65rem;font-weight:700;padding:2px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.02em}.scc-level-badge.level--severe{background:#fee2e2;color:#b91c1c}.scc-level-badge.level--moderate{background:#ffedd5;color:#c2410c}.scc-level-badge.level--minor{background:#dcfce7;color:#15803d}.scc-map-legend{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:8px 14px 12px;margin:0;font-size:.72rem;color:var(--scc-text-muted);border-top:1px solid var(--scc-border)}.scc-legend-item{display:inline-flex;align-items:center;gap:5px}.scc-legend-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.scc-legend-dot.severe{background:#ef4444}.scc-legend-dot.moderate{background:#f59e0b}.scc-legend-dot.minor{background:#22c55e}.scc-legend-hint{margin-left:auto;font-style:italic;opacity:.85}.scc-map-pin{cursor:pointer;transition:transform .15s ease}.scc-map-pin.level--severe{animation:scc-pin-pulse 2s ease-in-out infinite}@keyframes scc-pin-pulse{0%,to{box-shadow:0 2px 6px #00000040,0 0 #ef44447f}50%{box-shadow:0 2px 6px #00000040,0 0 0 6px #ef444400}}.scc-panel-title-wrap{display:flex;align-items:center;gap:10px}.scc-panel-icon{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;background:var(--scc-primary-soft);color:var(--scc-primary)}.scc-panel-icon.tone--danger{background:var(--scc-danger-bg);color:var(--scc-danger)}.scc-live-badge{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:3px 8px;border-radius:999px;background:var(--scc-danger-bg);color:var(--scc-danger);display:inline-flex;align-items:center;gap:5px}.scc-live-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--scc-danger);animation:scc-pulse-dot 1.2s ease-in-out infinite}.scc-mini-stats--pills{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.scc-stat-pill{display:inline-flex;align-items:center;gap:5px;font-size:.7rem;font-weight:600;padding:4px 10px;border-radius:999px;background:var(--scc-surface-muted);border:1px solid var(--scc-border);color:var(--scc-text-secondary)}.scc-stat-pill.ok{background:var(--scc-success-bg);border-color:transparent;color:#027a48}.scc-stat-pill.warn{background:var(--scc-warning-bg);border-color:transparent;color:#b54708}.scc-sensor-icon-wrap{width:28px;height:28px;border-radius:7px;display:grid;place-items:center;margin-bottom:2px}.scc-sensor-tile.tone--warm .scc-sensor-icon-wrap{background:#fff1f0;color:#f04438}.scc-sensor-tile.tone--sky .scc-sensor-icon-wrap{background:#eff8ff;color:#2e90fa}.scc-sensor-tile.tone--sun .scc-sensor-icon-wrap{background:#fffaeb;color:#f79009}.scc-sensor-tile.tone--violet .scc-sensor-icon-wrap{background:#f4f3ff;color:#7a5af8}.scc-sensor-tile.tone--aqua .scc-sensor-icon-wrap{background:#ecfdff;color:#06aed4}.scc-sensor-tile.tone--dust .scc-sensor-icon-wrap{background:#f2f4f7;color:#667085}.scc-sensor-label{color:var(--scc-text-muted);font-weight:600}.scc-sensor-value{font-size:.88rem!important}.scc-incident-card{border-left:3px solid transparent;transition:background .12s ease}.scc-incident-card.level--severe{border-left-color:#ef4444}.scc-incident-card.level--moderate{border-left-color:#f59e0b}.scc-incident-card.level--minor{border-left-color:#22c55e}.scc-incident-card:hover{background:var(--scc-primary-soft)!important}.scc-incident-card--clickable,.scc-incident-body--link{cursor:pointer}.scc-incident-body--link:focus-visible{outline:2px solid var(--scc-primary);outline-offset:2px;border-radius:6px}.scc-incident-device-link{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border:1px solid var(--scc-primary-border, #c7d7fe);border-radius:999px;background:var(--scc-primary-soft, #eef4ff);color:var(--scc-primary, #444ce7);font-size:.65rem;font-weight:600;cursor:pointer;white-space:nowrap;flex-shrink:0}.scc-incident-device-link:hover{background:var(--scc-primary, #444ce7);color:#fff;border-color:var(--scc-primary, #444ce7)}.scc-nav-from-hint{margin:0 0 8px;padding:6px 10px;border-radius:8px;background:var(--scc-primary-soft, #eef4ff);color:var(--scc-primary, #444ce7);font-size:.78rem;font-weight:600}.scc-map-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.scc-map-img{width:100%;height:100%;object-fit:contain;display:block}.scc-map-img--plan{object-fit:contain;background:#f7f8f4}.scc-map-pin{position:absolute;width:16px;height:16px;border-radius:50%;border:2px solid #fff;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0000004d;z-index:5}.scc-map-pin.selected{transform:translate(-50%,-50%) scale(1.35);z-index:6;box-shadow:0 0 0 4px #5a78f066,0 4px 12px #00000040}.scc-map-pin.level--severe{background:#ef4444}.scc-map-pin.level--moderate{background:#f59e0b}.scc-map-pin.level--minor{background:#22c55e}.scc-map-legend--compact{padding:8px 14px 10px;border-top:1px solid var(--scc-border)}.scc-map-header-actions{display:flex;align-items:center;gap:8px}.scc-panel--incidents{min-height:0;display:flex;flex-direction:column;padding:10px 12px}.scc-incident-filters{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:.72rem}.scc-incident-filters--panel{padding:0 0 8px;border:none;flex-wrap:wrap;gap:5px}.scc-incident-list--scroll{flex:1;overflow-y:auto;min-height:0;max-height:none}.scc-incident-card--compact{grid-template-columns:1fr auto!important;gap:8px!important;padding:10px!important}.scc-incident-card--compact .incident-dot,.scc-incident-card--compact .incident-severity{display:none}.incident-head{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:2px}.incident-head strong{font-size:.8rem;min-width:0}.incident-body p{margin:0 0 4px;font-size:.72rem;line-height:1.35}.incident-meta{display:flex;align-items:center;justify-content:space-between;gap:6px;flex-wrap:wrap}.incident-meta small{font-size:.65rem;color:var(--scc-text-muted);flex-shrink:0}.scc-incident-card--compact .scc-incident-status{margin:0;display:block}.scc-incident-card--compact .incident-actions{display:flex;flex-direction:column;gap:4px}.scc-panel--sensors{min-height:auto;padding:10px 12px}.scc-sensor-grid--compact{grid-template-columns:repeat(3,1fr);gap:8px}.scc-sensor-grid--compact .scc-sensor-tile{display:flex;flex-direction:row;align-items:center;gap:10px;padding:10px 12px}.scc-sensor-grid--compact .scc-sensor-icon-wrap{margin-bottom:0;flex-shrink:0}.scc-sensor-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.scc-sensor-grid--compact .scc-sensor-label{font-size:.68rem;line-height:1.2}.scc-sensor-grid--compact .scc-sensor-value{font-size:.82rem!important;line-height:1.2}.scc-sensor-tile--wide{grid-column:1 / -1}.scc-sensor-tile--wide .scc-sensor-value{font-size:.78rem!important;font-weight:600}.scc-dashboard .scc-sensor-tile{padding:10px 12px}.filter-chip{border:1px solid var(--scc-border-strong);background:var(--scc-surface);border-radius:999px;padding:5px 14px;font-size:.72rem;font-weight:600;cursor:pointer;transition:transform .12s,background .12s,border-color .12s}.filter-chip:hover{transform:translateY(-1px)}.filter-chip.on{border-color:var(--scc-primary);color:var(--scc-primary-dark);box-shadow:0 2px 8px #5a78f026}.filter-chip.tone--severe.on{background:#fee2e2;border-color:#ef4444;color:#b91c1c}.filter-chip.tone--moderate.on{background:#ffedd5;border-color:#f59e0b;color:#c2410c}.filter-chip.tone--minor.on{background:#dcfce7;border-color:#22c55e;color:#15803d}.scc-dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-height:0}.scc-panel{background:var(--scc-surface);border:1px solid var(--scc-border);border-radius:var(--scc-radius-md);padding:18px;min-height:280px;box-shadow:var(--scc-shadow-sm)}.scc-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px}.scc-panel-head h3{margin:0;font-size:.95rem}.scc-mini-stats{display:grid;gap:4px;font-size:.72rem;color:var(--scc-text-muted);text-align:right}.scc-sensor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.scc-sensor-tile{background:var(--scc-surface-muted);border:1px solid var(--scc-border);border-radius:8px;padding:12px;display:grid;gap:4px;font-size:.72rem;transition:border-color .12s ease,transform .12s ease}.scc-sensor-tile:hover{border-color:var(--scc-primary);transform:translateY(-1px)}.scc-sensor-tile strong{font-size:.85rem;color:var(--scc-text)}.scc-sensor-tile.dust{grid-column:span 1}.scc-incident-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.scc-incident-list li{display:grid;grid-template-columns:auto auto 1fr auto;gap:10px;align-items:start;padding:12px;border-radius:8px;background:var(--scc-surface-muted);border:1px solid var(--scc-border)}.incident-dot{width:10px;height:10px;border-radius:50%;margin-top:4px}.scc-incident-list .level--severe .incident-dot{background:#ef4444}.scc-incident-list .level--moderate .incident-dot{background:#f59e0b}.scc-incident-list .level--minor .incident-dot{background:#22c55e}.incident-body strong{display:block;font-size:.85rem}.incident-body p{margin:2px 0;font-size:.78rem;color:var(--scc-text-muted)}.incident-body small{font-size:.68rem;color:#94a3b8}.scc-icon-btn{border:1px solid #cbd5e1;background:#fff;border-radius:6px;width:32px;height:32px}.scc-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;z-index:100;padding:20px}.scc-modal{width:min(520px,100%);background:#fff;border-radius:12px;padding:16px;max-height:80vh;overflow:auto}.scc-modal header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.scc-modal header h3{margin:0;font-size:1rem}.scc-modal header button{border:none;background:#f1f5f9;width:32px;height:32px;border-radius:8px;font-size:1.2rem}.scc-sop-list{margin:0;padding:0;list-style:none;display:grid;gap:10px}.scc-modal--sop{width:min(420px,100%);padding:0;background:var(--scc-surface);border:1px solid var(--scc-border);box-shadow:var(--scc-shadow-lg);overflow:hidden}.scc-sop-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 16px 12px;margin-bottom:0!important;background:linear-gradient(180deg,var(--scc-primary-soft),transparent);border-bottom:1px solid var(--scc-border)}.scc-sop-header h3{margin:0 0 4px;font-size:.95rem;color:var(--scc-text)}.scc-sop-subtitle{margin:0;font-size:.72rem;color:var(--scc-text-muted)}.scc-modal-close{border:none;background:var(--scc-surface-muted);width:32px;height:32px;border-radius:8px;font-size:1.2rem;color:var(--scc-text-secondary);flex-shrink:0;cursor:pointer}.scc-modal-close:hover{background:var(--scc-border)}.scc-sop-progress{height:4px;background:var(--scc-border);margin:0}.scc-sop-progress-fill{height:100%;background:linear-gradient(90deg,var(--scc-primary),var(--scc-success));transition:width .25s ease}.scc-modal--sop .scc-sop-list{padding:14px 16px;max-height:min(50vh,360px);overflow-y:auto}.scc-sop-step{border:1px solid var(--scc-border);border-radius:var(--scc-radius-md);padding:12px;background:var(--scc-surface-muted);transition:border-color .15s,background .15s}.scc-sop-step.done{border-color:var(--scc-success);background:var(--scc-success-bg)}.scc-sop-step-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.scc-sop-check{display:flex;align-items:center;cursor:pointer;flex-shrink:0}.scc-sop-check input{position:absolute;opacity:0;width:0;height:0}.scc-sop-step-num{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:.78rem;font-weight:700;background:var(--scc-surface);border:2px solid var(--scc-border-strong);color:var(--scc-text-secondary);transition:background .15s,border-color .15s,color .15s}.scc-sop-check input:checked+.scc-sop-step-num{background:var(--scc-success);border-color:var(--scc-success);color:#fff}.scc-sop-step-head strong{flex:1;font-size:.82rem;line-height:1.35;color:var(--scc-text)}.scc-sop-done-tag{font-size:.62rem;font-weight:700;text-transform:uppercase;padding:2px 8px;border-radius:999px;background:var(--scc-success-bg);color:var(--scc-success);flex-shrink:0}.scc-sop-note{width:100%;border:1px solid var(--scc-border);border-radius:var(--scc-radius-sm);padding:8px 10px;font-size:.78rem;resize:vertical;min-height:56px;background:var(--scc-surface);color:var(--scc-text)}.scc-sop-note:focus{outline:none;border-color:var(--scc-primary);box-shadow:0 0 0 3px var(--scc-primary-soft)}.scc-sop-footer{display:flex;justify-content:flex-end;gap:10px;padding:12px 16px 16px;border-top:1px solid var(--scc-border);background:var(--scc-surface-muted)}.scc-sop-footer .scc-btn-primary{min-width:120px}.scc-sop-list label{display:flex;gap:10px;align-items:flex-start}.scc-sop-list textarea{width:100%;margin:6px 0;border:1px solid #cbd5e1;border-radius:6px;padding:8px;resize:vertical}.scc-placeholder{background:#fff;border:1px dashed #cbd5e1;border-radius:10px;padding:40px;text-align:center}.scc-placeholder h2{margin:0 0 8px}.scc-placeholder p{margin:0;color:var(--scc-text-muted)}.scc-module{display:grid;gap:16px;padding-bottom:24px}.scc-list-card{min-height:120px}.scc-table-row--clickable{cursor:pointer}.scc-table-row--clickable:hover td{background:var(--scc-primary-soft)}.scc-btn-link{border:none;background:none;color:var(--scc-primary);font-size:.8rem;font-weight:600;padding:4px 8px;white-space:nowrap}.scc-btn-link:hover{text-decoration:underline}.scc-manual-ref{margin:0;font-size:.72rem;color:var(--scc-text-muted)}.scc-card{background:var(--scc-surface);border:1px solid var(--scc-border);border-radius:var(--scc-radius-md);padding:20px;box-shadow:var(--scc-shadow-sm);transition:box-shadow .15s ease,border-color .15s ease}.scc-card:hover{box-shadow:var(--scc-shadow-md);border-color:var(--scc-border-strong)}.scc-card h3,.scc-card-title{margin:0 0 14px;font-size:.95rem;font-weight:700;color:var(--scc-text)}.scc-card-title-inline{font-weight:700;color:var(--scc-text)}.scc-search-card .scc-search-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px}.scc-search-card label{display:grid;gap:6px;font-size:.78rem;font-weight:600}.scc-search-card input,.scc-search-card select{border:1px solid var(--scc-input-border);border-radius:8px;padding:8px 10px;font-weight:400}.scc-search-actions{display:flex;gap:8px}.scc-table-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:.78rem;color:var(--scc-text-muted)}.scc-table-wrap{overflow-x:auto}.scc-table{width:100%;border-collapse:collapse;font-size:.8rem}.scc-table th,.scc-table td{padding:10px 12px;border-bottom:1px solid var(--scc-border);text-align:left}.scc-table th{background:var(--scc-table-head-bg, var(--scc-surface-muted));font-size:.72rem;color:var(--scc-text-muted);font-weight:700}.scc-row-actions{white-space:nowrap}.scc-btn-icon{border:1px solid var(--scc-border);background:var(--scc-surface);border-radius:var(--scc-radius-sm);width:32px;height:32px;display:inline-grid;place-items:center;color:var(--scc-text-secondary);margin-left:4px;transition:background .12s,border-color .12s,color .12s}.scc-btn-icon:hover{background:var(--scc-primary-soft);border-color:var(--scc-primary);color:var(--scc-primary)}.scc-btn-icon--danger:hover{background:var(--scc-danger-bg);border-color:var(--scc-danger);color:var(--scc-danger)}.scc-status{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.68rem;font-weight:700}.scc-status.active{background:var(--scc-success-bg);color:var(--scc-success)}.scc-status.inactive{background:var(--scc-danger-bg);color:var(--scc-danger)}.scc-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.scc-form-grid label{display:grid;gap:6px;font-size:.78rem;font-weight:600}.scc-form-grid label.full{grid-column:1 / -1}.scc-form-grid input,.scc-form-grid select{border:1px solid var(--scc-input-border);border-radius:8px;padding:8px 10px;font-weight:400}.scc-map-frame.small{height:240px}.scc-map-pin-preview{position:absolute;width:16px;height:16px;border-radius:50%;border:2px solid #fff;transform:translate(-50%,-50%);box-shadow:0 2px 6px #00000040}.scc-form-footer{display:flex;gap:10px}.scc-search-grid.two{grid-template-columns:repeat(2,1fr)}.scc-card-list{display:grid;gap:10px}.scc-record-card{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 20px;border:1px solid var(--scc-border);border-radius:var(--scc-radius-md);background:var(--scc-surface);box-shadow:var(--scc-shadow-sm);transition:box-shadow .15s,border-color .15s}.scc-record-card:hover{border-color:var(--scc-primary-soft);box-shadow:var(--scc-shadow-md)}.scc-record-card strong{display:block;font-size:.88rem}.scc-record-card p{margin:4px 0;font-size:.78rem;color:var(--scc-text-muted)}.scc-record-card small{font-size:.68rem;color:#94a3b8}.scc-record-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;font-size:.72rem;color:var(--scc-text-muted)}.priority{font-weight:700}.priority--high,.priority--severe{color:#dc2626}.priority--medium,.priority--moderate{color:#d97706}.priority--low,.priority--minor{color:#2563eb}.scc-category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.scc-category-card{border:1px solid var(--scc-border);background:var(--scc-surface-muted);border-radius:10px;padding:20px 12px;display:grid;gap:10px;justify-items:center;font-size:.78rem;font-weight:600;color:var(--scc-text);transition:border-color .15s,background .15s,color .15s,box-shadow .15s,transform .15s}.scc-category-card:hover{border-color:var(--scc-primary);color:var(--scc-primary-dark);background:var(--scc-primary-soft)}.scc-device-control-list{display:grid;gap:10px;margin:12px 0}.scc-device-row{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--scc-border);border-radius:8px;background:var(--scc-surface-muted)}.scc-device-row-main{display:flex;gap:10px;align-items:flex-start}.scc-device-row-main strong{display:block;font-size:.82rem}.scc-device-row-main small{display:block;font-size:.68rem;color:var(--scc-text-muted)}.scc-device-readings{font-size:.78rem;color:var(--scc-text-muted);text-align:right}.scc-toggle{border:none;border-radius:999px;padding:6px 14px;font-size:.72rem;font-weight:700;min-width:52px}.scc-toggle.on{background:#22c55e;color:#fff}.scc-toggle.off{background:#94a3b8;color:#fff}.scc-inline-search{width:100%;border:1px solid var(--scc-input-border);border-radius:8px;padding:8px 12px;margin-bottom:12px}.scc-inline-search--wide{max-width:100%;border-radius:999px;padding:10px 16px;background:var(--scc-surface);box-shadow:inset 0 1px 2px #0000000a}.scc-device-control-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:4px}.scc-device-control-head h3{margin:0}.scc-gate-list{display:grid;gap:10px;margin:12px 0}.scc-gate-card{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:14px 16px;border:1px solid var(--scc-border, #e2e8f0);border-radius:var(--scc-radius-md, 12px);background:var(--scc-surface, #fff);box-shadow:var(--scc-shadow-sm, 0 1px 3px rgb(0 0 0 / 6%));transition:border-color .12s ease,box-shadow .12s ease}.scc-gate-card:hover{border-color:var(--scc-primary-border, #c7d7fe);box-shadow:0 4px 14px #444ce714}.scc-gate-card-icon{width:44px;height:44px;border-radius:10px;background:var(--scc-primary-soft, #eef4ff);color:var(--scc-primary, #444ce7);display:flex;align-items:center;justify-content:center}.scc-gate-card-body strong{display:block;font-size:.88rem;margin-bottom:2px}.scc-gate-card-body p{margin:0 0 2px;font-size:.76rem;color:var(--scc-text-secondary)}.scc-gate-card-body small{font-size:.68rem;color:var(--scc-text-muted)}.scc-form-grid textarea{width:100%;min-height:96px;border:1px solid var(--scc-border, #cbd5e1);border-radius:var(--scc-radius-sm, 8px);padding:10px 12px;resize:vertical;background:var(--scc-surface, #fff)}.scc-btn-export{border:1px solid var(--scc-border-strong);background:var(--scc-surface);color:var(--scc-text-secondary);border-radius:var(--scc-radius-sm);padding:7px 14px;font-size:.8rem;font-weight:600}.scc-btn-export:hover{background:var(--scc-surface-muted)}.scc-btn-success{border:none;background:#16a34a;color:#fff;border-radius:8px;padding:6px 12px;font-size:.78rem}.scc-btn-danger{border:none;background:#f97316;color:#fff;border-radius:8px;padding:8px 16px;font-weight:600}.scc-report-list{display:grid;gap:6px;margin-top:12px}.scc-report-item{border:1px solid var(--scc-border);background:var(--scc-surface-muted);border-radius:8px;padding:12px 14px;text-align:left;display:grid;gap:4px;color:var(--scc-text);transition:border-color .15s,background .15s,box-shadow .15s}.scc-report-item strong{font-size:.78rem;color:var(--scc-primary)}.scc-report-item span{font-size:.82rem;color:var(--scc-text-secondary)}.scc-report-summary{margin:12px 0 0;font-size:.78rem;font-weight:600;color:var(--scc-text-muted)}.scc-export-card{position:sticky;bottom:0;background:var(--scc-surface);border:1px solid var(--scc-border);border:1px solid #e2e8f0;border-radius:10px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 -4px 20px #0f172a14}.scc-step-list{margin:0;padding-left:20px;display:grid;gap:8px;font-size:.82rem}.scc-step-list li{display:flex;justify-content:space-between;gap:12px}.scc-pagination{margin:12px 0 0;font-size:.72rem;color:var(--scc-text-muted)}.scc-modal--success{text-align:center}.scc-success-icon{width:56px;height:56px;margin:0 auto 12px;border-radius:50%;background:#22c55e;color:#fff;font-size:1.8rem;display:grid;place-items:center}.scc-modal--success h3{margin:0 0 8px}.scc-modal--success p{margin:0 0 16px;color:var(--scc-text-muted);font-size:.85rem}.scc-modal--confirm h3{margin:0 0 8px}.scc-modal--confirm p{margin:0 0 16px;color:var(--scc-text-muted)}.scc-modal-actions{display:flex;gap:10px;justify-content:center}.scc-modal label{display:grid;gap:6px;margin-bottom:12px;font-size:.78rem;font-weight:600}.scc-modal input,.scc-modal select,.scc-modal textarea{border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px;font-weight:400}.scc-install-card{flex-direction:column;align-items:stretch}.scc-install-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;flex:1}.scc-install-grid small{display:block;font-size:.65rem;color:#94a3b8}.scc-install-grid strong,.scc-install-grid span{font-size:.8rem}.scc-map-clickable{cursor:crosshair}.scc-hint{font-size:.72rem;color:var(--scc-text-muted);margin-top:6px}.scc-device-chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.scc-device-chip{padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;font-size:.78rem}.scc-wi-step-cards{display:grid;gap:10px}.scc-wi-step-card{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc}.scc-wi-step-num{width:36px;height:36px;display:grid;place-items:center;background:var(--scc-primary);color:#fff;border-radius:8px;font-weight:700;flex-shrink:0}.scc-wi-step-card p{margin:2px 0 0;font-size:.75rem;color:var(--scc-text-muted)}.scc-attachment-list{display:grid;gap:8px}.scc-attachment-row{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #e2e8f0;border-radius:8px}.scc-file-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:8px;font-size:.65rem;font-weight:700;color:#fff}.scc-file-icon--pdf{background:#dc2626}.scc-file-icon--docx{background:#2563eb}.scc-pagination-bar{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:.75rem;color:var(--scc-text-muted)}.scc-pagination-btns{display:flex;gap:6px;align-items:center}.scc-page-btn{min-width:28px;height:28px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;cursor:pointer}.scc-page-btn.on{background:var(--scc-primary);color:#fff;border-color:var(--scc-primary)}.scc-empty{text-align:center;color:var(--scc-text-muted);padding:20px}.scc-perm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;margin-top:10px}.scc-perm-grid--codes{max-height:220px;overflow-y:auto}.scc-role-perm-split{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}@media(max-width:900px){.scc-role-perm-split{grid-template-columns:1fr}}.scc-verified-badge,.scc-locked-badge{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:999px;font-size:.62rem;font-weight:700}.scc-verified-badge{background:var(--scc-success-bg);color:var(--scc-success)}.scc-locked-badge{background:var(--scc-danger-bg);color:var(--scc-danger)}.scc-btn-link--danger{color:var(--scc-danger)}.scc-modal--form{max-width:520px;width:min(92vw,520px)}.scc-modal-head-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.scc-modal-close{border:none;background:transparent;font-size:1.4rem;line-height:1;color:var(--scc-text-muted);cursor:pointer}.scc-attach-list{margin:0;padding:0;list-style:none}.scc-attach-list li{display:flex;justify-content:space-between;gap:8px;padding:8px 0;border-bottom:1px solid var(--scc-border);font-size:.88rem}.scc-attach-list small{color:var(--scc-text-muted)}.scc-check-row{display:flex;align-items:center;gap:8px;font-size:.8rem;cursor:pointer}.scc-page-guide{margin-bottom:16px;background:var(--scc-primary-soft);border:1px solid var(--scc-border);border-radius:var(--scc-radius-md);overflow:hidden;border-left:3px solid var(--scc-primary)}.scc-page-guide-toggle{width:100%;border:none;background:transparent;padding:12px 16px;display:flex;align-items:center;gap:10px;font-size:.85rem;font-weight:600;color:var(--scc-primary-dark);text-align:left;cursor:pointer;transition:background .12s ease}.scc-page-guide-toggle:hover{background:#5a78f00f}.scc-page-guide-badge{width:22px;height:22px;border-radius:50%;background:var(--scc-primary);color:#fff;display:grid;place-items:center;font-size:.75rem}.scc-page-guide-body{padding:0 16px 14px;font-size:.82rem;color:var(--scc-text-secondary);line-height:1.5}.scc-page-guide-body p{margin:0 0 10px}.scc-guide-steps{margin:0;padding-left:20px;display:grid;gap:4px}.scc-workflow-hint{margin-top:10px;padding-top:10px;border-top:1px dashed var(--scc-border);font-size:.78rem}.scc-workflow-hint ul{margin:6px 0 0;padding-left:18px}.scc-empty-state{text-align:center;padding:32px 20px;color:var(--scc-text-muted)}.scc-empty-state-icon{width:48px;height:48px;margin:0 auto 12px;border-radius:50%;background:var(--scc-surface-muted);display:grid;place-items:center;color:var(--scc-text-secondary)}.scc-empty-state-icon .scc-icon{width:24px;height:24px}.scc-empty-state strong{display:block;color:var(--scc-text);margin-bottom:6px}.scc-empty-state p{margin:0 0 14px;font-size:.82rem}.scc-filter-hint{margin:0 0 10px;font-size:.75rem;color:var(--scc-text-muted)}.scc-map-legend{margin:0;padding:8px 14px 12px;font-size:.72rem;color:var(--scc-text-muted);border-top:1px solid var(--scc-border)}.scc-breadcrumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.8rem;color:var(--scc-text-muted);margin-bottom:12px}.scc-breadcrumb-link{border:none;background:none;color:var(--scc-primary);font-weight:600;padding:0;cursor:pointer}.scc-breadcrumb-link:hover{text-decoration:underline}.scc-sidebar-foot{padding:12px 16px;border-top:1px solid var(--scc-sidebar-border);font-size:.72rem;color:var(--scc-text-muted)}.scc-role-hint{margin:8px 0 0;font-size:.75rem;color:var(--scc-text-secondary);line-height:1.4}.scc-theme-picker{padding:10px 12px 14px;border-bottom:1px solid var(--scc-border)}.scc-theme-picker-label{display:block;font-size:.72rem;font-weight:700;color:var(--scc-text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:10px}.scc-theme-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.scc-theme-card{border:2px solid var(--scc-border);border-radius:var(--scc-radius-md);background:var(--scc-surface-muted);padding:8px;display:grid;gap:6px;text-align:left;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .12s}.scc-theme-card:hover{border-color:var(--scc-primary);transform:translateY(-1px)}.scc-theme-card.selected{border-color:var(--scc-primary);box-shadow:0 0 0 3px var(--scc-primary-soft);background:var(--scc-surface)}.scc-theme-swatch{display:block;height:40px;border-radius:var(--scc-radius-sm);position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0000000f}.scc-theme-check{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#00000040;color:#fff;font-size:1rem;font-weight:700}.scc-theme-name{font-size:.78rem;font-weight:700;color:var(--scc-text);line-height:1.2}.scc-theme-desc{font-size:.65rem;color:var(--scc-text-muted);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.scc-theme-card.dark .scc-theme-name{color:var(--scc-text)}.scc-dropdown-item--muted{color:var(--scc-text-secondary)!important}.scc-dropdown-item--muted:hover{background:var(--scc-surface-muted)!important}.scc-notify-dropdown-head small{display:block;margin-top:4px;font-size:.72rem;color:var(--scc-text-muted);font-weight:400}.scc-notify-item-btn{width:100%;border:none;background:transparent;text-align:left;padding:12px 14px;display:grid;gap:3px;cursor:pointer;font:inherit;font-size:.8rem;transition:background .12s}.scc-notify-item-btn:hover,.scc-notify-item-btn:focus-visible{background:var(--scc-primary-soft);outline:none}.scc-notify-item-btn:hover strong,.scc-notify-item-btn:focus-visible strong{color:var(--scc-primary-dark)}.scc-notify-type{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--scc-primary)!important}.scc-onboard-modal{max-width:520px;padding:0;overflow:hidden}.scc-onboard-hero{padding:24px 24px 16px;text-align:center;background:linear-gradient(135deg,var(--scc-primary-soft),transparent)}.scc-onboard-hero-icon{width:56px;height:56px;margin:0 auto 12px}.scc-onboard-hero-icon svg{width:100%;height:100%}.scc-onboard-hero h3{margin:0 0 6px;font-size:1.15rem}.scc-onboard-hero p{margin:0;font-size:.82rem;color:var(--scc-text-muted)}.scc-onboard-role-card{margin:0 20px 16px;padding:12px 14px;border-radius:var(--scc-radius-md);background:var(--scc-surface-muted);border:1px solid var(--scc-border);display:grid;gap:4px}.scc-onboard-role-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--scc-text-muted)}.scc-onboard-role-card strong{font-size:.95rem}.scc-onboard-role-card small{font-size:.78rem;color:var(--scc-text-secondary);line-height:1.4}.scc-onboard-step-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:0 20px 20px}.scc-onboard-step-card{padding:12px;border-radius:var(--scc-radius-md);border:1px solid var(--scc-border);background:var(--scc-surface);display:grid;gap:6px;font-size:.78rem}.scc-onboard-step-icon{width:32px;height:32px;border-radius:8px;background:var(--scc-primary-soft);color:var(--scc-primary);display:grid;place-items:center}.scc-onboard-step-card strong{font-size:.82rem;color:var(--scc-text)}.scc-onboard-step-card span{color:var(--scc-text-muted);line-height:1.35}.scc-onboard-modal .scc-modal-actions{padding:0 20px 20px;display:flex;gap:10px}.scc-onboard-role{text-align:center;margin:0 0 16px;font-size:.88rem;color:var(--scc-text-secondary)}.scc-onboard-steps{margin:0 0 20px;padding-left:20px;display:grid;gap:12px;font-size:.82rem}.scc-onboard-steps li{display:grid;gap:2px}.scc-onboard-steps span{color:var(--scc-text-muted)}.scc-login-lang{position:absolute;top:16px;right:16px;z-index:5}.scc-login-showcase{display:flex;align-items:center;padding:24px 0;min-width:0}.scc-login-showcase-inner{max-width:480px}.scc-login-showcase-eyebrow{margin:0 0 8px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--scc-primary)}.scc-login-showcase h2{margin:0 0 12px;font-size:clamp(1.5rem,3vw,2rem);font-weight:800;line-height:1.2;letter-spacing:-.03em;color:var(--scc-text)}.scc-login-showcase-lead{margin:0 0 28px;font-size:.95rem;color:var(--scc-text-secondary);line-height:1.55}.scc-login-features{list-style:none;margin:0 0 28px;padding:0;display:grid;gap:16px}.scc-login-features li{display:flex;gap:14px;align-items:flex-start}.scc-login-feature-icon{width:40px;height:40px;border-radius:10px;background:var(--scc-primary-soft);color:var(--scc-primary);display:grid;place-items:center;flex-shrink:0}.scc-login-features strong{display:block;font-size:.88rem;margin-bottom:2px;color:var(--scc-text)}.scc-login-features span{font-size:.78rem;color:var(--scc-text-muted);line-height:1.4}.scc-login-stats{display:flex;gap:24px;padding-top:20px;border-top:1px solid var(--scc-border)}.scc-login-stats strong{display:block;font-size:1.1rem;color:var(--scc-primary-dark)}.scc-login-stats small{font-size:.72rem;color:var(--scc-text-muted)}.scc-dashboard-toolbar{display:flex;align-items:stretch;gap:12px;flex-wrap:wrap}.scc-ticker{flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:7px 10px;background:var(--scc-surface);border:1px solid var(--scc-border);border-radius:var(--scc-radius-md);box-shadow:var(--scc-shadow-sm);overflow:hidden}.scc-ticker--idle{font-size:.78rem;color:var(--scc-success);font-weight:600;gap:8px}.scc-ticker-label{flex-shrink:0;font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;padding:3px 8px;border-radius:999px;background:var(--scc-danger-bg);color:var(--scc-danger)}.scc-ticker-track{flex:1;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.scc-ticker-inner{display:flex;gap:32px;width:max-content;animation:scc-ticker 40s linear infinite}.scc-ticker-item{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;white-space:nowrap;color:var(--scc-text-secondary)}.scc-ticker-item.tone--danger{color:var(--scc-danger)}.scc-ticker-item.tone--warning{color:var(--scc-warning)}.scc-ticker-item.tone--primary{color:var(--scc-primary-dark)}.scc-live-clock{display:inline-flex;align-items:center;gap:8px;font-size:.88rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--scc-text);padding:8px 14px;background:var(--scc-surface);border:1px solid var(--scc-border);border-radius:var(--scc-radius-md);box-shadow:var(--scc-shadow-sm)}.scc-live-clock-dot{width:7px;height:7px;border-radius:50%;background:var(--scc-success);box-shadow:0 0 0 3px var(--scc-success-bg);animation:scc-pulse-dot 2s ease-in-out infinite;flex-shrink:0}.scc-topbar-clock-wrap{display:none}.scc-topbar-wall-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--scc-wall-btn-border);border-radius:999px;padding:6px 12px;font-size:.72rem;font-weight:700;background:var(--scc-wall-btn-bg);color:var(--scc-wall-btn-text);cursor:pointer;transition:background .12s,box-shadow .12s,border-color .12s}.scc-topbar-wall-btn:hover{background:var(--scc-wall-btn-hover-bg);box-shadow:var(--scc-wall-btn-hover-shadow)}.scc-topbar-wall-btn .scc-icon{width:15px;height:15px}.scc-topbar-alert-pill{display:inline-flex;align-items:center;gap:6px;border:none;border-radius:999px;padding:6px 12px;font-size:.72rem;font-weight:700;background:var(--scc-danger-bg);color:var(--scc-danger);cursor:pointer;transition:transform .12s,box-shadow .12s}.scc-topbar-alert-pill:hover{transform:scale(1.03);box-shadow:0 2px 10px #f0443840}@media(min-width:900px){.scc-topbar-clock-wrap{display:block}}.scc-sidebar-foot-stats{display:flex;gap:12px;margin-bottom:6px;font-size:.72rem;font-weight:700;color:var(--scc-text-secondary)}.scc-sidebar-foot-stats span{display:inline-flex;align-items:center;gap:4px}.scc-sidebar-foot-stats .danger{color:var(--scc-danger)}.scc-quick-actions--compact{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 10px;background:var(--scc-surface);border:1px solid var(--scc-border);border-radius:var(--scc-radius-md)}.scc-quick-actions--compact .scc-quick-actions-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--scc-text-muted);flex-shrink:0}.scc-quick-actions-row{display:flex;flex-wrap:wrap;gap:6px;flex:1}.scc-quick-action-chip{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--scc-border);background:var(--scc-surface-muted);border-radius:999px;padding:5px 10px;font-size:.72rem;font-weight:600;color:var(--scc-text-secondary);transition:border-color .12s,color .12s,background .12s}.scc-quick-action-chip:hover{border-color:var(--scc-primary);color:var(--scc-primary-dark);background:var(--scc-primary-soft)}.scc-quick-action-chip .scc-icon{width:14px;height:14px}.scc-quick-actions{display:grid;gap:10px}.scc-quick-actions-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--scc-text-muted)}.scc-quick-actions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.scc-quick-action-btn{border:1px solid var(--scc-border);background:var(--scc-surface);border-radius:var(--scc-radius-md);padding:14px 10px;display:grid;gap:8px;justify-items:center;text-align:center;font-size:.75rem;font-weight:600;color:var(--scc-text-secondary);transition:transform .15s,border-color .15s,box-shadow .15s,color .15s}.scc-quick-action-btn:hover{transform:translateY(-3px);border-color:var(--scc-primary);color:var(--scc-primary-dark);box-shadow:var(--scc-shadow-md)}.scc-quick-action-icon{width:36px;height:36px;border-radius:10px;background:var(--scc-primary-soft);color:var(--scc-primary);display:grid;place-items:center}.scc-map-header{display:flex;justify-content:space-between;align-items:flex-start;padding:14px 16px 0;gap:12px}.scc-map-header h3{margin:0 0 2px;font-size:.95rem}.scc-map-header p{margin:0;font-size:.75rem;color:var(--scc-text-muted)}.scc-map-live-tag{display:inline-flex;align-items:center;gap:6px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--scc-success);padding:4px 10px;border-radius:999px;background:var(--scc-success-bg)}.scc-map-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 50%,rgb(0 0 0 / 8%) 100%);z-index:2}.scc-kpi-head{display:flex;align-items:center;justify-content:space-between;gap:6px}.scc-kpi-trend{font-size:.7rem;font-weight:800;width:18px;height:18px;border-radius:50%;display:grid;place-items:center}.scc-kpi-trend.up{background:var(--scc-danger-bg);color:var(--scc-danger)}.scc-kpi-trend.warn{background:var(--scc-warning-bg);color:var(--scc-warning)}.scc-kpi-trend.ok{background:var(--scc-success-bg);color:var(--scc-success)}.scc-kpi-progress{margin-top:6px;height:4px;border-radius:999px;background:var(--scc-border);overflow:hidden}.scc-kpi-progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--scc-primary),var(--scc-primary-dark))}.scc-kpi-progress-fill.warn{background:linear-gradient(90deg,var(--scc-warning),#dc6803)}.scc-table tbody tr{transition:background .1s ease}@media(max-width:900px){.scc-login-page{grid-template-columns:1fr;padding:24px;place-items:center}.scc-login-showcase{display:none}.scc-quick-actions-grid{grid-template-columns:repeat(2,1fr)}.scc-onboard-step-grid,.scc-app,.scc-app--collapsed{grid-template-columns:1fr}.scc-sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:35;background:#10182873;border:none;padding:0;cursor:pointer}.scc-topbar{position:sticky;top:0;z-index:50}.scc-sidebar-close{display:inline-flex}.scc-sidebar{position:fixed;inset:0 auto 0 0;width:min(var(--scc-sidebar-w),82vw);z-index:40;transform:translate(0);transition:transform .2s;box-shadow:var(--scc-shadow-lg)}.scc-app--collapsed .scc-sidebar{transform:translate(-100%)}.scc-dashboard-main{grid-template-columns:1fr;grid-template-rows:auto}.scc-dashboard-main>.scc-map-section--hero{order:-1;min-height:min(52vh,480px)}.scc-map-body{grid-template-columns:1fr}.scc-map-zones,.scc-map-zones--sidebar{border-left:none;border-top:1px solid var(--scc-border);flex-direction:row;flex-wrap:wrap;align-items:center;padding:8px 10px}.scc-map-zones-list{display:flex;flex-wrap:wrap;gap:6px;flex:1}.scc-map-zone-btn{width:auto;padding:4px 8px;font-size:.72rem;align-items:center}.scc-sensor-grid--compact,.scc-panel--sensors .scc-sensor-grid{grid-template-columns:repeat(2,1fr)}.scc-incident-list--scroll{max-height:200px}.scc-panel--sensors .scc-sensor-grid,.scc-sensor-grid,.scc-dashboard .scc-kpi-strip,.scc-kpi-strip{grid-template-columns:repeat(2,1fr)}.scc-search-card .scc-search-grid{grid-template-columns:1fr}}@media(max-width:700px){.scc-map-frame{height:220px}.scc-kpi-strip,.scc-sensor-grid{grid-template-columns:1fr}.scc-legend-hint{width:100%;margin-left:0}}