.settings-section-title{margin:var(--space-xl) 0 var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-border);font-size:1rem;font-weight:600;color:var(--color-text)}.settings-title{font-size:var(--font-lg);margin:0 0 var(--space-sm)}.nc-page{width:100vw;max-width:100%;min-width:0}.nc-section{margin-bottom:var(--space-md);min-width:0}.nc-switch-section,.nc-balance{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-md);box-shadow:var(--shadow-sm)}.nc-section-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);height:var(--touch-min);margin-bottom:var(--space-xs);min-width:0}.nc-section-head h2,.nc-page .nc-section-head h2{margin:0;font-size:var(--font-md);white-space:nowrap}.nc-status{display:inline-flex;align-items:center;gap:var(--space-sm);font-size:var(--font-xs);color:var(--color-text-muted);margin:0}.nc-status-failed{color:var(--status-danger)}.nc-ellipsis{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.nc-slot-1{height:1.4em;line-height:1.4;margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:var(--font-xs);color:var(--color-text-muted);display:flex;align-items:center;gap:var(--space-sm)}.nc-switch-message{height:var(--touch-min)}.nc-slot-2{height:2.8em;line-height:1.4;margin:var(--space-2xs) 0 0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:var(--font-xs);color:var(--status-danger)}.nc-result{display:flex;flex-direction:column;overflow:hidden;font-size:var(--font-xs);line-height:1.4;margin:0 0 var(--space-sm);min-width:0}.nc-result-3{height:4.2em}.nc-result-4{height:5.6em}.nc-result.nc-clamp-box{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.nc-clamp,.nc-result .nc-clamp{margin:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:var(--font-xs);line-height:1.4}.nc-sentence{flex:none;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.nc-tone-ok{color:var(--status-ok)}.nc-tone-error{color:var(--status-danger)}.nc-tone-neutral{color:var(--color-text-secondary)}.nc-prov-line{display:flex;flex:none;min-width:0;max-width:100%;gap:var(--space-2xs);white-space:nowrap;color:var(--color-text-secondary)}.nc-prov-msg{display:block;flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nc-prov-code{flex:none}.nc-switch-row{display:flex;align-items:center;gap:var(--space-md);min-height:var(--touch-min)}.nc-switch-label{font-weight:600;font-size:var(--font-md)}.nc-switch-value{display:inline-block;width:3.5em;font-weight:700;font-size:var(--font-sm)}.nc-switch-on{color:var(--status-ok)}.nc-switch-off{color:var(--status-danger)}.nc-switch-unknown{color:var(--color-text-muted)}.nc-switch-toggle{margin-left:auto;min-width:7em;min-height:var(--touch-min)}.nc-balance{border-left:6px solid var(--color-border-dark)}.nc-balance[data-level=red]{border-left-color:#c62828}.nc-balance[data-level=yellow]{border-left-color:#f9a825}.nc-balance[data-level=green]{border-left-color:#2e7d32}.nc-balance-first{margin:0;height:1.4em;line-height:1.4;font-size:var(--font-xl);font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.nc-balance-second,.nc-balance-fetched{margin:0;height:2.8em;line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.nc-balance-second{font-size:var(--font-sm)}.nc-balance-fetched{font-size:var(--font-xs);color:var(--text-muted)}.nc-select{width:100%;min-height:var(--touch-min);padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-sm);background:var(--color-surface)}.nc-secret-row{display:flex;align-items:center;gap:var(--space-sm);min-width:0}.nc-secret-row input{flex:1 1 auto;min-width:0}.nc-reveal-btn{flex:none;min-width:4.5em;min-height:var(--touch-min)}.nc-cost-line{margin:0 0 var(--space-sm);font-size:var(--font-xs);color:var(--color-text-muted)}.nc-page .nc-summary{margin:0 0 var(--space-xs);height:2.8em;line-height:1.4;font-size:var(--font-xs);overflow:hidden;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.nc-fold-head{display:flex;align-items:center;margin-top:var(--space-md)}.nc-reveal-error{min-height:1.4em;line-height:1.4;margin:0 0 var(--space-sm);font-size:var(--font-xs);color:var(--status-danger)}.nc-table{min-width:0}.nc-row{display:grid;grid-template-columns:7rem minmax(0,1.2fr) minmax(0,1fr) 14rem;gap:var(--space-sm);align-items:center;min-height:2.2em;padding:var(--space-2xs) 0;border-bottom:1px solid var(--color-border);font-size:var(--font-xs)}.nc-row>*{min-width:0}.nc-head{font-weight:600;color:var(--color-text-muted)}.nc-c-time{white-space:nowrap;overflow:hidden}.nc-c-result{display:flex;min-width:0;overflow:hidden;white-space:nowrap}.nc-outcome{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:pre}.nc-empty{margin:var(--space-sm) 0;font-size:var(--font-xs);color:var(--color-text-muted)}.nc-note{margin-top:var(--space-sm)}@media(max-width:600px){.nc-row{grid-template-columns:5.5rem minmax(0,1fr) 9.5rem}.nc-c-kind{display:none}.nc-page .nc-summary{height:4.2em;-webkit-line-clamp:3}}:root{--color-primary: #1976d2;--color-primary-soft: #e3f2fd;--color-primary-tint: #f8fbff;--color-primary-vivid: #2196f3;--color-primary-on-dark: #64b5f6;--status-danger: #c62828;--color-danger-strong: #b71c1c;--color-danger-vivid: #f44336;--color-danger-on-dark: #ef5350;--color-danger-soft: #ffebee;--color-danger-tint: #fff8f8;--status-warn: #e65100;--color-warn-vivid: #ff9800;--color-warn-soft: #fff3e0;--color-amber: #ffc107;--color-amber-strong: #ffca28;--color-amber-soft: #fff8e1;--status-ok: #2e7d32;--color-ok-vivid: #4caf50;--color-ok-on-dark: #81c784;--color-ok-soft: #e8f5e9;--status-info: #1565c0;--status-muted: #6b6b6b;--color-inactive: #757575;--color-purple: #6a1b9a;--color-purple-soft: #f3e5f5;--color-teal: #00695c;--color-text: #1a1a1a;--color-text-secondary: #333;--color-text-muted: #666;--text-muted: #767676;--color-text-disabled: #ccc;--color-text-on-accent: #fff;--color-text-on-dark: rgba(255, 255, 255, .8);--color-text-on-dark-mid: rgba(255, 255, 255, .6);--color-text-on-dark-muted: #aaa;--color-text-on-dark-disabled: #888;--color-bg: #f5f5f5;--color-surface: #fff;--color-surface-sunken: #f9f9f9;--color-surface-muted: #f0f0f0;--color-surface-dark: #1a1a1a;--color-surface-dark-alt: #333;--color-surface-dark-hover: rgba(255, 255, 255, .05);--color-border: #e0e0e0;--color-border-dark: rgba(255, 255, 255, .12);--color-black: #000;--color-overlay: rgba(0, 0, 0, .6);--color-overlay-strong: rgba(0, 0, 0, .75);--color-overlay-soft: rgba(0, 0, 0, .4);--color-danger-overlay: rgba(211, 47, 47, .8);--color-warn-overlay: rgba(255, 152, 0, .85);--color-danger-translucent: rgba(244, 67, 54, .85);--color-track-available: rgba(76, 175, 80, .3);--color-track-archived: rgba(33, 150, 243, .35);--color-track-selection: rgba(255, 193, 7, .25);--color-track-selection-active: rgba(255, 193, 7, .35);--color-result-ok-bg: rgba(76, 175, 80, .15);--color-result-error-bg: rgba(244, 67, 54, .15);--color-slate-50: #eceff1;--color-slate-100: #cfd8dc;--color-slate-200: #b0bec5;--color-slate-300: #90a4ae;--color-slate-500: #607d8b;--color-slate-600: #546e7a;--color-slate-900: #37474f;--space-3xs: 2px;--space-2xs: 4px;--space-xs: 6px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--space-3xl: 64px;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-circle: 50%;--font-2xs: .7rem;--font-xs: .8rem;--font-sm: .9rem;--font-md: 1rem;--font-lg: 1.25rem;--font-xl: 1.5rem;--font-2xl: 1.75rem;--font-3xl: 3rem;--font-4xl: 4rem;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 2px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 20px rgba(0, 0, 0, .15);--shadow-up: 0 -2px 8px rgba(0, 0, 0, .08);--shadow-focus-amber: 0 0 6px rgba(255, 193, 7, .6);--shadow-focus-danger: 0 0 4px rgba(244, 67, 54, .6);--touch-min: 44px;--tab-bar-height: 60px}.status-badge--ok{background:var(--status-ok);color:var(--color-text-on-accent)}.status-badge--danger{background:var(--status-danger);color:var(--color-text-on-accent)}.status-badge--warn{background:var(--status-warn);color:var(--color-text-on-accent)}.status-badge--muted{background:var(--status-muted);color:var(--color-text-on-accent)}.status-badge--info{background:var(--status-info);color:var(--color-text-on-accent)}.status-text--danger{color:var(--status-danger)}.status-text--ok{color:var(--status-ok)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:column;height:100dvh}.content{flex:1;overflow-y:auto;padding:var(--space-lg);padding-bottom:calc(var(--tab-bar-height) + env(safe-area-inset-bottom,0px) + var(--space-lg))}.page h2{font-size:var(--font-lg);margin-bottom:var(--space-sm)}.error-boundary{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-xl) var(--space-lg);text-align:center;color:var(--color-text-secondary)}.error-boundary-title{font-weight:700;font-size:var(--font-md)}.error-boundary-desc{font-size:var(--font-sm);color:var(--color-text-muted)}.tab-bar{position:fixed;bottom:0;left:0;right:0;display:flex;background:var(--color-surface);border-top:1px solid var(--color-border);padding-bottom:env(safe-area-inset-bottom,0px);z-index:100}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-sm) 0;min-height:var(--touch-min);border:none;background:none;cursor:pointer;color:var(--text-muted);font-size:var(--font-2xs);transition:color .15s;-webkit-tap-highlight-color:transparent}.tab-item.active{color:var(--color-primary)}.tab-icon{font-size:var(--font-lg);line-height:1;margin-bottom:var(--space-3xs)}.tab-label{font-weight:500}.cctv-loading,.cctv-error,.cctv-empty{text-align:center;padding:var(--space-2xl) var(--space-lg);color:var(--color-text-muted)}.cctv-error{color:var(--status-danger)}.cctv-error-row{display:flex;align-items:center;gap:var(--space-sm)}.cctv-error-msg{flex:1 1 auto;min-width:0}.cctv-error-title{flex:0 0 auto;font-weight:600}.camera-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2xs)}@media(min-width:768px){.content:has(.camera-grid){width:100%}}.camera-tile{min-width:0}.camera-grid>.camera-tile.expanded{grid-column:1 / -1}.camera-grid.has-expanded>.camera-tile:not(.expanded){display:none}.camera-cell{position:relative;display:flex;flex-direction:column;background:var(--color-black);border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;transition:all .2s ease}.camera-cell.expanded{grid-column:1 / -1}.camera-grid.has-expanded .camera-cell:not(.expanded){display:none}.camera-media{position:relative;aspect-ratio:16 / 9;min-height:0;overflow:hidden}.camera-video{width:100%;height:100%;object-fit:cover;display:block}.camera-overlay{contain:inline-size;display:flex;align-items:baseline;gap:var(--space-xs);min-width:0;padding:var(--space-2xs) var(--space-xs);background:var(--color-overlay)}.camera-name{display:block;flex:0 1 auto;max-width:18rem;min-width:0;color:var(--color-text-on-accent);font-size:var(--font-2xs);font-weight:600;line-height:1.3}.camera-zone{display:block;flex:0 1 auto;max-width:12rem;margin-left:auto;min-width:0;color:var(--color-text-on-dark);font-size:var(--font-2xs);line-height:1.3}.camera-disconnected{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-overlay-strong);display:flex;flex-direction:column-reverse;justify-content:space-between;align-items:flex-start;padding:var(--space-xs);color:var(--color-warn-vivid);gap:var(--space-2xs);pointer-events:none}.camera-disconnected>.camera-retry-chip{align-self:flex-end}.camera-status-line{display:inline-flex;align-items:center;gap:var(--space-2xs);font-size:var(--font-xs)}.disconnected-icon{font-size:var(--font-md, 1rem)}.camera-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--color-text-on-dark);font-size:var(--font-xs);pointer-events:none}.camera-restart-btn{position:absolute;top:8px;right:8px;width:36px;height:36px;border-radius:var(--radius-circle);border:none;background:var(--color-overlay);color:var(--color-text-on-accent);font-size:var(--font-lg);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;-webkit-tap-highlight-color:transparent;transition:background .15s}.camera-restart-btn:hover{background:var(--color-danger-overlay)}.camera-retry-chip{display:inline-flex;border-radius:var(--radius-md);background:var(--color-surface);pointer-events:auto}.camera-retry-btn,.cctv-retry{display:inline-flex;align-items:center;justify-content:center;min-height:2rem;padding:0 var(--space-md);border:1px solid var(--color-text-muted);border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);font-size:var(--font-xs);font-weight:600;white-space:nowrap;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent}.crisis-banner-container{flex-shrink:0;z-index:200;display:flex;flex-direction:column;gap:var(--space-3xs);max-height:40vh;overflow-y:auto}.ws-status-indicator{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-2xs) var(--space-md);font-size:var(--font-xs);font-weight:600;color:var(--color-text-on-accent)}.ws-status-indicator .ws-status-dot{width:8px;height:8px;border-radius:var(--radius-circle);background:currentColor}.ws-status-indicator[data-ws-state=connected]{background:var(--status-ok)}.ws-status-indicator[data-ws-state=disconnected]{background:var(--color-danger-strong)}.ws-status-indicator[data-ws-state=reconnecting]{background:var(--status-warn)}.crisis-banner{display:flex;align-items:center;justify-content:space-between;background:var(--status-danger);color:var(--color-text-on-accent);padding:var(--space-md) var(--space-md);animation:banner-slide-in .3s ease-out}@keyframes banner-slide-in{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.crisis-banner-content{display:flex;align-items:center;gap:var(--space-sm);flex:1;min-width:0}.crisis-banner-icon{font-size:var(--font-lg);flex-shrink:0}.crisis-banner-text{display:flex;flex-direction:column;min-width:0}.crisis-banner-time{font-size:var(--font-2xs);opacity:.85;font-variant-numeric:tabular-nums;white-space:nowrap}.crisis-banner-desc{font-size:var(--font-xs);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crisis-banner-meta{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-xs);font-size:var(--font-2xs);min-width:0}.crisis-zone-name{font-size:var(--font-xs);font-weight:700}.crisis-device-name{opacity:.85;white-space:nowrap}.crisis-zone-count-wrap{opacity:.9;white-space:nowrap}.crisis-zone-cctv{background:var(--color-danger-strong);border:none;color:var(--color-text-on-accent);padding:var(--space-2xs) var(--space-md);font-size:var(--font-xs);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent}.crisis-zone-cctv:hover{background:var(--status-danger)}.crisis-zone-overflow{display:block;width:100%;background:var(--color-danger-strong);border:none;color:var(--color-text-on-accent);padding:var(--space-xs) var(--space-md);font-size:var(--font-xs);font-weight:600;text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent}.crisis-zone-overflow:hover{background:var(--status-danger)}.crisis-banner-close{background:none;border:none;color:var(--color-text-on-accent);font-size:var(--font-md);cursor:pointer;padding:var(--space-2xs) var(--space-sm);opacity:.8;-webkit-tap-highlight-color:transparent}.crisis-banner-close:hover{opacity:1}.mgmt-loading,.mgmt-error,.mgmt-empty{text-align:center;padding:var(--space-2xl) var(--space-lg);color:var(--color-text-muted)}.mgmt-error{color:var(--status-danger)}.mgmt-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.mgmt-header h2{margin-bottom:0}.mgmt-list{display:flex;flex-direction:column;gap:var(--space-sm)}.mgmt-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-md);display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-sm)}.mgmt-card-editing{flex-direction:column;align-items:stretch}.mgmt-card-info{display:flex;flex-direction:column;gap:var(--space-3xs);min-width:0}.mgmt-card-name{font-weight:600;font-size:var(--font-sm)}.mgmt-card-name-row{display:flex;align-items:center;gap:var(--space-xs);min-width:0}.mgmt-card-phone,.mgmt-card-email{font-size:var(--font-xs);color:var(--color-text-muted)}.mgmt-card-badge{display:inline-block;font-size:var(--font-2xs);background:var(--color-primary-soft);color:var(--status-info);padding:var(--space-3xs) var(--space-xs);border-radius:var(--radius-lg);font-weight:600}.mgmt-form-checkbox{margin-bottom:var(--space-md)}.mgmt-form-checkbox label{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-sm);font-weight:500;color:var(--color-text-secondary);cursor:pointer}.mgmt-form-checkbox input[type=checkbox]{width:auto;margin:0}.mgmt-card-actions{display:flex;gap:var(--space-xs);flex-shrink:0}.mgmt-form{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-md);margin-bottom:var(--space-md);box-shadow:var(--shadow-sm)}.mgmt-form-field{margin-bottom:var(--space-md)}.mgmt-form-field label{display:block;font-size:var(--font-xs);font-weight:600;color:var(--color-text-muted);margin-bottom:var(--space-2xs)}.mgmt-form-field input{width:100%;padding:var(--space-sm) var(--space-md);min-height:var(--touch-min);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-sm);outline:none;transition:border-color .15s}.mgmt-form-field input:focus{border-color:var(--color-primary)}.mgmt-form-error{color:var(--status-danger);font-size:var(--font-xs);margin-bottom:var(--space-sm)}.mgmt-form-success{color:var(--status-ok);font-size:var(--font-xs);margin-bottom:var(--space-sm)}.mgmt-form-hint{display:block;font-size:var(--font-2xs);color:var(--text-muted);margin-top:var(--space-2xs)}.mgmt-test-alert-section{padding:var(--space-md) 0}.mgmt-test-alert-desc{font-size:var(--font-xs);color:var(--color-text-muted);margin-bottom:var(--space-md);line-height:1.5}.mgmt-form-actions{display:flex;gap:var(--space-sm)}.mgmt-btn{border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-xs);font-weight:600;padding:var(--space-sm) var(--space-lg);transition:opacity .15s;-webkit-tap-highlight-color:transparent}.mgmt-btn:disabled{opacity:.5;cursor:not-allowed}.mgmt-btn-primary{background:var(--color-primary);color:var(--color-text-on-accent)}.mgmt-btn-secondary{background:var(--color-border);color:var(--color-text-secondary)}.mgmt-btn-danger{background:var(--status-danger);color:var(--color-text-on-accent)}.mgmt-btn-warning{background:var(--status-warn);color:var(--color-text-on-accent)}.mgmt-btn-small{padding:var(--space-2xs) var(--space-md);font-size:var(--font-2xs);background:var(--color-surface-muted);color:var(--color-text-secondary)}.mgmt-section-divider{height:1px;background:var(--color-border);margin:var(--space-xl) 0}.command-note{display:block;margin-top:var(--space-2xs);font-size:var(--font-2xs);line-height:1.4;white-space:normal;text-align:left}.command-note-failure{display:block;color:var(--color-danger-strong)}.command-note-unconfirmed{display:block;color:var(--color-text-secondary)}.command-note-recheck{margin-left:var(--space-2xs)}.frag-status{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs, 4px);max-width:100%;min-width:0;color:var(--color-text-muted)}.frag-status--failed{color:var(--color-danger, inherit)}.frag-status .frag-retry{max-width:100%;white-space:normal}.mgmt-sub-header{font-size:var(--font-sm);font-weight:600;color:var(--color-text-muted);margin:var(--space-md) 0 var(--space-sm)}.mgmt-badge-admin{display:inline-block;font-size:var(--font-2xs);font-weight:600;background:var(--color-primary);color:var(--color-text-on-accent);padding:var(--space-3xs) var(--space-xs);border-radius:var(--radius-sm);margin-left:var(--space-xs);vertical-align:middle}.mgmt-badge-source{display:inline-block;font-size:var(--font-2xs);font-weight:600;padding:var(--space-3xs) var(--space-2xs);border-radius:var(--radius-sm);margin-left:var(--space-xs);vertical-align:middle;color:var(--color-text-on-accent)}.mgmt-badge-rtsp{background:var(--color-purple)}.mgmt-badge-mediamtx{background:var(--color-teal)}.mgmt-badge-offline{display:inline-block;font-size:var(--font-2xs);font-weight:600;background:var(--status-warn);color:var(--color-text-on-accent);padding:var(--space-3xs) var(--space-2xs);border-radius:var(--radius-sm);margin-left:var(--space-xs);vertical-align:middle}.mgmt-card-error{display:block;margin-top:var(--space-2xs);font-size:var(--font-2xs);color:var(--status-danger);word-break:break-word}.mgmt-badge-disabled{display:inline-block;font-size:var(--font-2xs);font-weight:600;background:var(--color-inactive);color:var(--color-text-on-accent);padding:var(--space-3xs) var(--space-2xs);border-radius:var(--radius-sm);margin-left:var(--space-xs);vertical-align:middle}.mgmt-badge-invite{display:inline-block;font-size:var(--font-2xs);font-weight:600;padding:var(--space-3xs) var(--space-2xs);border-radius:var(--radius-sm);margin-left:var(--space-xs);vertical-align:middle;color:var(--color-text-on-accent)}.mgmt-badge-invite-pending{background:var(--status-warn)}.mgmt-badge-invite-accepted{background:var(--status-ok)}.mgmt-badge-invite-expired,.mgmt-badge-invite-cancelled{background:var(--color-inactive)}.mgmt-select{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-sm);outline:none;background:var(--color-surface);transition:border-color .15s}.mgmt-select:focus{border-color:var(--color-primary)}.mgmt-checkbox-label{display:flex!important;align-items:center;gap:var(--space-sm);font-size:var(--font-sm)!important;color:var(--color-text)!important;cursor:pointer}.mgmt-checkbox-label input[type=checkbox]{width:auto!important;margin:0}.mgmt-link-label{font-size:var(--font-xs);font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.mgmt-link-url-box{display:flex;gap:var(--space-sm);align-items:center}.mgmt-link-url-input{flex:1;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-xs);background:var(--color-surface-sunken);color:var(--color-text-secondary);outline:none;min-width:0}.lnk-section{margin-bottom:var(--space-md);min-width:0}.lnk-base,.lnk-list{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-md)}.lnk-base-row{display:flex;gap:var(--space-sm);align-items:center;min-width:0}.lnk-base-input,.lnk-create-note{flex:1;min-width:0;min-height:var(--touch-min);padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-sm);background:var(--color-surface);color:var(--color-text)}.lnk-base-save{flex:none;min-width:6em;min-height:var(--touch-min)}.lnk-slot{display:flex;align-items:center;gap:var(--space-sm);height:2em;line-height:1.4;margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:var(--font-xs);color:var(--color-text-muted);min-width:0}.lnk-slot>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.lnk-slot .mgmt-btn-small{flex:none;padding:0 var(--space-sm);line-height:1.6}.lnk-tone-ok{color:var(--status-ok)}.lnk-tone-error{color:var(--status-danger)}.lnk-tone-warn{color:var(--status-warn)}.lnk-line{margin:0;font-size:var(--font-xs);color:var(--color-text-secondary);line-height:1.5}.lnk-create-form{display:flex;gap:var(--space-sm);align-items:center;margin-top:var(--space-sm);min-width:0}.lnk-table{width:100%;table-layout:fixed;border-collapse:collapse;background:var(--color-surface);font-size:var(--font-xs)}.lnk-table th,.lnk-table td{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border);text-align:left;vertical-align:top;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lnk-table th{font-weight:600;color:var(--color-text-secondary)}.lnk-table td{color:var(--color-text)}.lnk-table .lnk-col-created{width:9rem;font-variant-numeric:tabular-nums}.lnk-table .lnk-col-scope{width:9rem}.lnk-table .lnk-col-remaining{width:7rem;font-variant-numeric:tabular-nums}.lnk-table .lnk-col-action{width:13rem}.lnk-cell-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lnk-cell-sub{color:var(--color-text-secondary)}.lnk-actions{display:flex;gap:var(--space-sm);align-items:center}.mgmt-btn.lnk-copy{width:6.5em;flex:none;padding-left:0;padding-right:0;text-align:center}.mgmt-btn.lnk-revoke{width:5em;flex:none;padding-left:0;padding-right:0;text-align:center}.lnk-row-slot{margin-top:var(--space-2xs)}@media(max-width:600px){.lnk-table .lnk-col-created,.lnk-table .lnk-col-scope{display:none}.lnk-table th,.lnk-table td{padding:var(--space-sm) var(--space-xs)}.lnk-table .lnk-col-remaining{width:5rem}.lnk-table .lnk-col-action{width:11rem}.lnk-actions{gap:var(--space-xs)}}.mgmt-btn.lnk-btn-primary{background:var(--color-primary);color:var(--color-text-on-accent);border:1px solid var(--color-primary)}.mgmt-btn.lnk-btn-secondary{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-text-secondary)}.mgmt-btn.lnk-btn-danger{background:transparent;color:var(--status-danger);border:1px solid var(--status-danger)}.lnk-table td .mgmt-modal-overlay{white-space:normal;text-overflow:clip;color:var(--color-text);font-size:var(--font-sm, .875rem)}.mgmt-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-overlay-soft);display:flex;align-items:center;justify-content:center;z-index:300;padding:var(--space-lg)}.mgmt-modal{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-xl);max-width:320px;width:100%;box-shadow:var(--shadow-lg)}.mgmt-modal-text{font-size:var(--font-sm);margin-bottom:var(--space-lg);text-align:center;line-height:1.5}.mgmt-modal .mgmt-form-actions{justify-content:center}.cctv-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm)}.cctv-header h1,.cctv-header h2{margin-bottom:0}.cctv-zone-filter{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;margin-bottom:var(--space-sm);padding:var(--space-xs) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-primary-soft);font-size:var(--font-sm)}.cctv-zone-filter-label{color:var(--color-text-muted);font-size:var(--font-xs)}.cctv-zone-filter-name{color:var(--color-text);font-weight:600}.cctv-zone-filter-clear{margin-left:auto;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-primary);font-size:var(--font-xs);padding:var(--space-2xs) var(--space-sm);cursor:pointer}.cctv-zone-empty{color:var(--color-text-secondary)}.emergency-call-btn{border:none;border-radius:var(--radius-lg);background:var(--status-danger);color:var(--color-text-on-accent);font-size:var(--font-sm);font-weight:700;padding:var(--space-sm) var(--space-lg);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s;white-space:nowrap}.emergency-call-btn:hover{background:var(--color-danger-strong)}.emergency-call-btn-compact{padding:var(--space-2xs) var(--space-md);font-size:var(--font-xs);border-radius:var(--radius-sm)}.crisis-banner-actions{display:flex;align-items:center;gap:var(--space-xs);flex-shrink:0}.emergency-dialog-header{text-align:center;font-size:var(--font-lg);font-weight:700;color:var(--status-danger);margin-bottom:var(--space-lg)}.emergency-dialog-address{display:flex;flex-direction:column;gap:var(--space-2xs);background:var(--color-bg);border-radius:var(--radius-lg);padding:var(--space-md);margin-bottom:var(--space-lg)}.emergency-dialog-label{font-size:var(--font-2xs);font-weight:600;color:var(--text-muted)}.emergency-dialog-value{font-size:var(--font-sm);color:var(--color-text-secondary);word-break:break-all}.emergency-dialog-fallback{font-size:var(--font-xs);color:var(--color-danger-strong);background:var(--color-danger-soft);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-md);text-align:center}@media(min-width:768px){.content{max-width:960px;margin:0 auto;padding:var(--space-2xl);padding-bottom:calc(var(--tab-bar-height) + var(--space-2xl))}.tab-bar{max-width:600px;left:50%;transform:translate(-50%);border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:var(--shadow-up)}}.viewer-content{padding-bottom:var(--space-lg)}.viewer-page{max-width:1200px;margin:0 auto}.viewer-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.viewer-header h2{font-size:var(--font-lg);margin:0}.viewer-status{text-align:center;color:var(--color-text-muted);padding:var(--space-2xl) 0}.viewer-error{text-align:center;padding:var(--space-3xl) var(--space-lg)}.viewer-error-icon{font-size:var(--font-3xl);display:block;margin-bottom:var(--space-lg)}.viewer-error h2{font-size:var(--font-xl);color:var(--status-danger);margin-bottom:var(--space-sm)}.viewer-error p{color:var(--color-text-muted);font-size:var(--font-md)}.incidents-title{font-size:var(--font-lg);margin-bottom:var(--space-sm)}@media(min-width:768px){.incidents-page{width:100vw;max-width:100%}}.incidents-loading,.incidents-error,.incidents-empty{text-align:center;padding:var(--space-2xl) var(--space-lg);color:var(--color-text-muted)}.incidents-error{color:var(--status-danger)}.incidents-filter{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-md);margin-bottom:var(--space-md);box-shadow:var(--shadow-sm)}.incidents-filter-actions{display:flex;gap:var(--space-sm)}.dc-wrapper{position:relative}.dc-trigger-row{display:flex;gap:var(--space-sm);align-items:center}.dc-trigger-btn{flex:1;display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);font-size:var(--font-sm);color:var(--color-text-secondary);cursor:pointer;text-align:left}.dc-trigger-btn:hover{border-color:var(--color-primary)}.dc-trigger-icon{font-size:var(--font-md);flex-shrink:0}.dc-trigger-text{flex:1;min-width:0}.dc-reset-btn{flex-shrink:0}.dc-dropdown{position:absolute;top:100%;left:0;right:0;z-index:100;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-md);margin-top:var(--space-2xs)}.dc-hint{text-align:center;font-size:var(--font-xs);color:var(--color-primary);margin-bottom:var(--space-sm);font-weight:500}.dc-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm)}.dc-nav-btn{background:none;border:none;font-size:var(--font-md);cursor:pointer;padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-sm);color:var(--color-text-muted)}.dc-nav-btn:hover{background:var(--color-surface-muted)}.dc-nav-spacer{flex:1}.dc-calendars{display:flex;gap:var(--space-md)}.dc-month{flex:1;min-width:0}.dc-month-title{text-align:center;font-size:var(--font-xs);font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.dc-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:0;margin-bottom:var(--space-2xs)}.dc-weekday{text-align:center;font-size:var(--font-2xs);color:var(--text-muted);padding:var(--space-3xs) 0}.dc-days{display:flex;flex-direction:column}.dc-week{display:grid;grid-template-columns:repeat(7,1fr);gap:0}.dc-day{text-align:center;font-size:var(--font-xs);padding:var(--space-xs) var(--space-3xs);cursor:pointer;border-radius:var(--radius-sm);transition:background .1s;-webkit-user-select:none;user-select:none;border:none;background:transparent;font-family:inherit;color:inherit;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none}.dc-day:hover:not(.dc-day-empty):not(.dc-day-disabled){background:var(--color-primary-soft)}.dc-day-empty{cursor:default}.dc-day-disabled{color:var(--color-text-disabled);cursor:default}.dc-day-today{font-weight:700;color:var(--color-primary)}.dc-day-selected{background:var(--color-primary)!important;color:var(--color-text-on-accent)!important;font-weight:600}.dc-day-in-range{background:var(--color-primary-soft);border-radius:0}.dc-day-range-start{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.dc-day-range-end{border-radius:0 var(--radius-sm) var(--radius-sm) 0}@media(max-width:480px){.dc-calendars{flex-direction:column;gap:var(--space-lg)}}.incidents-count{font-variant-numeric:tabular-nums;font-size:var(--font-xs);color:var(--color-text-muted);margin-bottom:var(--space-sm)}.incidents-list{display:flex;flex-direction:column;gap:var(--space-sm)}.incidents-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-md);box-shadow:var(--shadow-sm)}.incidents-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-xs)}.incidents-card-time{font-size:var(--font-xs);color:var(--color-text-muted)}.incidents-card-badge{font-size:var(--font-2xs);font-weight:600;padding:var(--space-3xs) var(--space-sm);border-radius:var(--radius-sm)}.incidents-card-badge.status-open{background:var(--color-danger-soft);color:var(--status-danger)}.incidents-card-badge.status-resolved,.incidents-card-badge.confirmed{background:var(--color-ok-soft);color:var(--status-ok)}.incidents-card-badge.unconfirmed{background:var(--color-warn-soft);color:var(--status-warn)}.incidents-card-badge.test-badge{background:var(--color-primary-soft);color:var(--status-info)}.incidents-card-badges{display:flex;gap:var(--space-2xs);align-items:center}.incidents-card-test{border-left:3px solid var(--status-info);background:var(--color-primary-tint)}.incidents-card-desc{font-size:var(--font-sm);font-weight:500;line-height:1.4}.incidents-card-facts{display:flex;flex-direction:column;gap:2px;margin-top:var(--space-2xs);font-size:var(--font-sm);line-height:1.4}.incidents-card-facts-label{color:var(--text-muted);flex:0 0 auto}.incidents-card-zones{display:flex;gap:var(--space-2xs);min-width:0}.incidents-card-zones-value{flex:0 1 auto;max-width:24rem}.incidents-card-zones-none{color:var(--text-muted)}.incidents-card-protection{color:var(--status-warn);font-weight:600}.incidents-status-filter{display:flex;gap:var(--space-2xs);margin-top:var(--space-sm)}.incidents-status-btn{flex:1;padding:var(--space-xs) 0;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);font-size:var(--font-xs);color:var(--color-text-muted);cursor:pointer}.incidents-status-btn.active{background:var(--color-primary);color:var(--color-text-on-accent);border-color:var(--color-primary)}.incidents-card-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-sm);justify-content:flex-end;align-items:center}.incidents-cctv-link{margin-right:var(--space-md);color:var(--status-info);text-decoration:underline;white-space:nowrap}.incidents-release-btn{min-height:44px;width:8.5rem}.incidents-release-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:var(--space-2xs) var(--space-md);border-radius:var(--radius-md);background:var(--status-danger);color:#fff;font-size:var(--font-xs);font-weight:600;text-decoration:none;white-space:nowrap}.incidents-card-resolution{margin-top:var(--space-sm);padding:var(--space-sm);background:var(--color-bg);border-radius:var(--radius-md);font-size:var(--font-xs)}.incidents-card-resolution-header{font-weight:600;color:var(--status-ok);margin-bottom:var(--space-2xs)}.incidents-card-resolution-notes{color:var(--color-text-secondary);line-height:1.4;white-space:pre-wrap}.incidents-card-resolution-meta{display:flex;gap:var(--space-sm);margin-top:var(--space-2xs);font-size:var(--font-xs);color:var(--text-muted)}.incidents-load-more{display:block;width:100%;margin-top:var(--space-md);text-align:center}.login-page{display:flex;align-items:center;justify-content:center;min-height:100dvh;padding:var(--space-lg);background:var(--color-bg)}.login-card{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-2xl) var(--space-xl);width:100%;max-width:380px;box-shadow:var(--shadow-md)}.login-title{text-align:center;font-size:var(--font-2xl);font-weight:700;color:var(--color-primary);margin-bottom:var(--space-2xs)}.login-subtitle{text-align:center;font-size:var(--font-sm);color:var(--text-muted);margin-bottom:var(--space-xl)}.login-tabs{display:flex;margin-bottom:var(--space-xl);border-bottom:2px solid var(--color-border)}.login-tab{flex:1;padding:var(--space-md) 0;min-height:var(--touch-min);border:none;background:none;font-size:var(--font-sm);font-weight:600;color:var(--text-muted);cursor:pointer;transition:color .15s;-webkit-tap-highlight-color:transparent;position:relative}.login-tab.active{color:var(--color-primary)}.login-tab.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--color-primary)}.login-error{background:var(--color-danger-soft);color:var(--status-danger);font-size:var(--font-xs);padding:var(--space-md) var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-md)}.login-field-error{color:var(--status-danger);font-size:var(--font-xs);margin-top:var(--space-2xs);display:block}.login-success{background:var(--color-ok-soft);color:var(--status-ok);font-size:var(--font-xs);padding:var(--space-md) var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-md)}.login-submit{width:100%;margin-top:var(--space-sm);padding:var(--space-md);font-size:var(--font-sm)}.rec-timeline-container{background:var(--color-surface-dark);border-radius:0 0 var(--radius-sm) var(--radius-sm);padding:var(--space-md) var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.rec-timeline-loading,.rec-timeline-error{color:var(--color-text-on-dark-mid);font-size:var(--font-xs);text-align:center;padding:var(--space-2xs) 0}.rec-timeline-error{color:var(--color-warn-vivid)}.rec-timeline-labels{display:flex;justify-content:space-between;align-items:center;color:var(--color-text-on-dark-mid);font-size:var(--font-2xs)}.rec-timeline-title{color:var(--color-text-on-dark);font-size:var(--font-2xs);font-weight:600}.rec-timeline-window-end{display:inline-flex;align-items:center;gap:var(--space-2xs)}.rec-timeline-refresh-btn{border:none;background:none;color:var(--color-text-on-dark-mid);cursor:pointer;font-size:var(--font-sm);line-height:1;padding:var(--space-2xs);min-width:24px;min-height:24px;border-radius:var(--radius-sm)}.rec-timeline-refresh-btn:hover{color:var(--color-text-on-accent);background:var(--color-border-dark)}.rec-timeline-bar{position:relative;height:32px;background:var(--color-surface-dark-alt);border-radius:var(--radius-sm);overflow:visible;touch-action:none;cursor:crosshair}.rec-timeline-available{position:absolute;top:0;bottom:0;background:var(--color-track-available);border-radius:var(--radius-xs);pointer-events:none}.rec-timeline-archived{position:absolute;top:0;bottom:0;background:var(--color-track-archived);border-radius:var(--radius-xs);pointer-events:none;z-index:1}.rec-timeline-selection{position:absolute;top:0;bottom:0;background:var(--color-track-selection);border-top:2px solid var(--color-amber);border-bottom:2px solid var(--color-amber);cursor:grab;z-index:2}.rec-timeline-selection.dragging{cursor:grabbing;background:var(--color-track-selection-active)}.rec-timeline-handle{position:absolute;top:-2px;bottom:-2px;width:14px;background:var(--color-amber);border-radius:var(--radius-sm);cursor:ew-resize;z-index:3;touch-action:none;transform:translate(-50%)}.rec-timeline-handle:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2px;height:12px;background:var(--color-overlay-soft);border-radius:var(--radius-xs)}.rec-timeline-handle.dragging{background:var(--color-amber-strong);box-shadow:var(--shadow-focus-amber)}.rec-timeline-actions{display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm)}.rec-timeline-range-info{color:var(--color-text-on-dark);font-size:var(--font-2xs);font-variant-numeric:tabular-nums}.rec-timeline-archive-btn{background:var(--color-amber);color:var(--color-text);border:none;border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-lg);font-size:var(--font-xs);font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s}.rec-timeline-archive-btn:hover{background:var(--color-amber-strong)}.rec-timeline-archive-btn:disabled{opacity:.6;cursor:not-allowed}.rec-timeline-result{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-sm);font-size:var(--font-2xs)}.rec-timeline-result.success{background:var(--color-result-ok-bg);color:var(--color-ok-on-dark)}.rec-timeline-result.error{background:var(--color-result-error-bg);color:var(--color-danger-on-dark)}.rec-timeline-download-link{color:var(--color-primary-on-dark);background:none;border:none;cursor:pointer;font-weight:600;font-size:inherit;white-space:nowrap;padding:0}.rec-timeline-download-link:hover{text-decoration:underline}.rec-timeline-download-link:disabled{color:var(--color-text-on-dark-disabled);cursor:wait}.rec-timeline-archives{display:flex;flex-direction:column;gap:var(--space-2xs)}.rec-timeline-archives-toggle{background:none;border:none;color:var(--color-text-on-dark-mid);font-size:var(--font-2xs);cursor:pointer;text-align:left;padding:var(--space-2xs) 0}.rec-timeline-archives-toggle:hover{color:var(--color-text-on-dark)}.rec-timeline-archives-list{display:flex;flex-direction:column;gap:var(--space-2xs)}.rec-timeline-archive-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xs) var(--space-sm);background:var(--color-surface-dark-hover);border-radius:var(--radius-sm);font-size:var(--font-2xs)}.rec-timeline-archive-info{display:flex;gap:var(--space-sm);align-items:center}.rec-timeline-archive-time{color:var(--color-text-on-dark);font-variant-numeric:tabular-nums}.rec-timeline-archive-status{color:var(--color-text-on-dark-mid);font-size:var(--font-2xs)}.rec-timeline-archive-status.completed{color:var(--color-ok-on-dark)}.rec-timeline-archive-status.processing{color:var(--color-amber)}.rec-timeline-archive-status.failed{color:var(--color-danger-on-dark)}.rec-timeline-archive-download{color:var(--color-primary-on-dark);background:none;border:none;cursor:pointer;font-size:var(--font-2xs);font-weight:600;padding:0}.rec-timeline-archive-download:hover{text-decoration:underline}.rec-timeline-archive-download:disabled{color:var(--color-text-on-dark-disabled);cursor:wait}.rec-timeline-archive-error{color:var(--color-danger-on-dark);font-size:var(--font-2xs);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.camera-playback-badge{position:absolute;top:8px;left:8px;background:var(--color-danger-translucent);color:var(--color-text-on-accent);font-size:var(--font-2xs);font-weight:600;padding:var(--space-3xs) var(--space-sm);border-radius:var(--radius-sm);pointer-events:none;z-index:2}.rec-timeline-incident{position:absolute;top:-4px;width:10px;height:10px;background:var(--color-danger-vivid);border:2px solid var(--status-danger);border-radius:var(--radius-circle);transform:translate(-50%);z-index:4;cursor:default;pointer-events:auto}.rec-timeline-incident.test{background:var(--color-primary-vivid);border-color:var(--color-primary)}.rec-timeline-cursor{position:absolute;top:0;bottom:0;width:2px;background:var(--color-danger-vivid);transform:translate(-50%);z-index:5;pointer-events:none;box-shadow:var(--shadow-focus-danger)}.rec-timeline-playback-time{color:var(--color-danger-on-dark);font-size:var(--font-2xs);font-weight:400}.rec-timeline-action-btns{display:flex;gap:var(--space-xs);align-items:center}.rec-timeline-live-btn{background:var(--color-danger-vivid);color:var(--color-text-on-accent);border:none;border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-lg);font-size:var(--font-xs);font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s;animation:rec-live-pulse 1.5s ease-in-out infinite}.rec-timeline-live-btn:hover{background:var(--status-danger)}@keyframes rec-live-pulse{0%,to{opacity:1}50%{opacity:.8}}.mgmt-storage-section{font-variant-numeric:tabular-nums;margin-bottom:var(--space-lg)}.mgmt-storage-disk{margin-bottom:var(--space-lg)}.mgmt-storage-disk-header{display:flex;justify-content:space-between;font-size:var(--font-sm);font-weight:600;margin-bottom:var(--space-xs)}.mgmt-storage-warning{color:var(--status-warn);font-weight:700}.mgmt-storage-bar{width:100%;height:12px;background:var(--color-border);border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--space-xs)}.mgmt-storage-bar-fill{height:100%;background:var(--color-ok-vivid);border-radius:var(--radius-md);transition:width .3s}.mgmt-storage-bar-warning{background:var(--status-warn)}.mgmt-storage-disk-detail{display:flex;justify-content:space-between;font-size:var(--font-xs);color:var(--color-text-muted)}.mgmt-storage-breakdown{display:flex;flex-direction:column;gap:var(--space-xs);background:var(--color-surface-sunken);border-radius:var(--radius-lg);padding:var(--space-md)}.mgmt-storage-item{display:flex;justify-content:space-between;font-size:var(--font-sm)}.mgmt-storage-label{color:var(--color-text-muted)}.mgmt-storage-value{font-weight:600}.mgmt-badge-archive{display:inline-block;font-size:var(--font-2xs);font-weight:600;padding:var(--space-3xs) var(--space-xs);border-radius:var(--radius-lg);color:#fff;margin-left:var(--space-xs);vertical-align:middle}.mgmt-badge-archive-completed{background:var(--color-ok-vivid)}.mgmt-badge-archive-processing{background:var(--color-warn-vivid)}.mgmt-badge-archive-pending{background:var(--color-primary-vivid)}.mgmt-badge-archive-failed{background:var(--color-danger-vivid)}.mgmt-badge-archive-count{display:inline-block;font-size:var(--font-2xs);padding:var(--space-3xs) var(--space-xs);border-radius:var(--radius-lg);margin-left:var(--space-2xs);color:var(--color-text-on-accent);background:var(--color-slate-500);vertical-align:middle}.mgmt-card-incident-group{flex-direction:column;align-items:stretch}.mgmt-card-incident-group>.mgmt-card-info{margin-bottom:var(--space-2xs)}.mgmt-card-incident-group>.mgmt-card-actions{align-self:flex-end;margin-bottom:var(--space-xs)}.mgmt-incident-archives{width:100%;border-top:1px solid var(--color-surface-dark-alt);padding-top:var(--space-xs);display:flex;flex-direction:column;gap:var(--space-2xs)}.mgmt-incident-archive-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-3xs) 0;font-size:var(--font-sm)}.mgmt-incident-archive-key{color:var(--color-text-on-dark-muted);min-width:80px}.sto-list{display:block}.sto-group{margin-bottom:var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);padding:var(--space-sm) var(--space-md)}.sto-group-head{font-variant-numeric:tabular-nums;display:flex;align-items:center;gap:var(--space-md);font-size:var(--font-sm);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border);min-width:0}.sto-head-time{flex:0 0 18rem;width:18rem;min-width:0;text-align:left;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sto-head-state{flex:0 0 4.5rem;width:4.5rem}.sto-head-count{flex:0 0 6rem;width:6rem;white-space:nowrap}.sto-head-total{flex:0 0 6rem;width:6rem;white-space:nowrap;text-align:left}.sto-head-act{flex:0 0 auto;margin-left:auto}.sto-badge{display:inline-block;font-size:var(--font-2xs);font-weight:600;padding:var(--space-3xs) var(--space-xs);border-radius:var(--radius-lg);color:#fff;white-space:nowrap}.sto-badge--completed{background:#2e7d32}.sto-badge--processing{background:#e65100}.sto-badge--pending{background:var(--color-primary)}.sto-badge--failed{background:var(--status-danger)}.sto-table{font-variant-numeric:tabular-nums;width:100%;table-layout:fixed;border-collapse:collapse;font-size:var(--font-sm);margin-top:var(--space-xs)}.sto-table th,.sto-table td{text-align:left;vertical-align:middle;padding:var(--space-xs) var(--space-sm);overflow:hidden}.sto-table th{font-size:var(--font-xs);font-weight:600;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);white-space:nowrap}.sto-table tbody tr+tr td{border-top:1px solid var(--color-border)}.sto-table td>.fit{display:block}.sto-col-camera{width:22%}.sto-col-state{width:6rem}.sto-col-size{width:7rem;white-space:nowrap}.sto-col-done{width:10.5rem;white-space:nowrap}.sto-col-reason{width:auto}.sto-col-act{width:13rem}.sto-acts{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:16px}.mgmt-btn.sto-btn-secondary{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-text-secondary)}.mgmt-btn.sto-btn-delete{background:transparent;color:var(--status-danger);border:1px solid var(--status-danger)}.sto-row-error{margin:var(--space-2xs) 0 0;font-size:var(--font-2xs);color:var(--status-danger);text-align:right}@media(max-width:600px){.sto-group{padding:var(--space-xs) var(--space-sm)}.sto-group-head{gap:var(--space-sm)}.sto-head-time{flex:1 1 auto;width:auto;white-space:normal}.sto-group-head .sto-head-count,.sto-group-head .sto-head-total,.sto-table .sto-col-size,.sto-table .sto-col-done{display:none}.sto-table th,.sto-table td{padding:var(--space-xs) var(--space-2xs)}.sto-col-camera{width:30%}.sto-col-state{width:4.25rem}.sto-col-act{width:5.5rem}.sto-acts{flex-direction:column;align-items:flex-end}}.content.not-found{display:flex;align-items:center;justify-content:center;min-height:60vh;text-align:center}.not-found-box{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.not-found-code{font-size:var(--font-4xl);font-weight:800;margin:0;color:var(--color-slate-300)}.not-found-text{color:var(--color-slate-600);margin:0}.zones-intro{font-size:var(--font-xs);color:var(--text-muted);margin-bottom:var(--space-md)}.zones-create-form{display:flex;gap:var(--space-sm);align-items:center;margin-bottom:var(--space-md)}.zones-create-input{flex:1 1 auto;min-width:0;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-slate-100);border-radius:var(--radius-md)}.zones-disconnected{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs) var(--space-sm);margin-bottom:var(--space-sm)}.zones-disconnected-text,.zones-disconnected-scope{flex:1 1 100%;min-width:0}.zones-reconnect{flex:0 0 auto;white-space:nowrap;padding:var(--space-2xs) var(--space-sm);border:1px solid currentColor;border-radius:var(--radius-md);background:transparent;color:inherit;cursor:pointer;font:inherit}.zones-stale-notice{font-size:var(--font-xs);color:var(--text-muted);border-left:3px dashed var(--status-warn);padding-left:var(--space-sm);margin-bottom:var(--space-sm)}.zones-load-error{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.zones-load-error-text{flex:1 1 auto;min-width:0}.zones-response-settings-link{color:var(--status-info);text-decoration:underline;cursor:pointer}.zones-retry,.zones-command-recheck{flex:0 0 auto;padding:var(--space-2xs) var(--space-sm);border:1px solid currentColor;border-radius:var(--radius-md);background:transparent;color:inherit;cursor:pointer;font:inherit}.zones-list{width:100%}.zones-table{width:100%;table-layout:fixed;border-collapse:collapse}.zones-col--name{width:22%}.zones-col--state{width:14%}.zones-col--members{width:22%}.zones-col--open{width:8%}.zones-col--release{width:16%}.zones-col--cctv{width:8%}.zones-col--delete{width:10%}.zones-head th{text-align:left;font-weight:600;font-size:.85em;color:var(--text-muted);background:var(--color-surface-sunken);padding:var(--space-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zone-row{border-bottom:1px solid var(--color-border);background:var(--color-surface);cursor:pointer}.zone-row--stale{opacity:.72;background-image:repeating-linear-gradient(135deg,transparent,transparent 8px,rgba(0,0,0,.035) 8px,rgba(0,0,0,.035) 16px)}.zone-cell{padding:var(--space-sm);vertical-align:top;min-width:0;overflow:hidden}.zone-cell-label{display:none}.zone-value{display:block;max-width:100%}.zone-row-name{font-weight:600}.zone-row-meta{font-size:var(--font-xs);color:var(--text-muted);font-variant-numeric:tabular-nums}.zone-state-wrap{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2xs);min-width:0}.zone-state{display:inline-block;max-width:100%;padding:var(--space-2xs) var(--space-md);border-radius:var(--radius-xl);font-size:var(--font-xs);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zone-stale-tag{font-size:var(--font-xs);font-weight:600;color:var(--status-warn);border:1px dashed var(--status-warn);border-radius:var(--radius-sm);padding:0 var(--space-2xs)}.zone-observed-at{font-size:var(--font-xs);color:var(--text-muted);max-width:100%;overflow-wrap:anywhere}.zone-open-detail,.zone-cctv-link,.zone-release-link{display:inline-block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--status-info);text-decoration:underline;cursor:pointer}.zone-release-link{font-weight:600}.zone-delete{white-space:nowrap;padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-md);border:1px solid var(--status-danger);background:var(--color-surface);color:var(--status-danger);font-size:var(--font-xs);font-weight:600;cursor:pointer}.zone-delete:disabled{cursor:not-allowed;opacity:.55}.zones-row-retry{font-size:var(--font-xs);padding:0 var(--space-2xs);border:1px solid var(--color-slate-300);background:var(--color-surface);border-radius:var(--radius-sm);cursor:pointer}.zone-row-notes{padding:0 var(--space-sm) var(--space-sm);display:flex;flex-direction:column;gap:var(--space-3xs);font-size:var(--font-xs);color:var(--status-warn)}.zone-delete-blocked{display:flex;align-items:center;gap:var(--space-xs) var(--space-sm);flex-wrap:wrap}.zone-delete-reason{flex:1 1 100%;min-width:0}.zone-release-confirm-note{margin:0 0 var(--space-sm);font-size:var(--font-xs);color:var(--text-muted)}.zone-error{margin-bottom:var(--space-sm)}@media(max-width:767px){.zones-table,.zones-table tbody,.zones-table tr,.zones-table td{display:block;width:100%}.zones-table colgroup,.zones-table thead{display:none}.zone-row{border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-sm);padding:var(--space-2xs) 0}.zones-table td.zone-cell{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-2xs) var(--space-sm)}.zone-cell-label:before{content:attr(data-label)}.zone-cell-label{display:block;flex:0 0 5.5rem;color:var(--text-muted);font-size:.85em;white-space:nowrap}.zone-cell>.zone-value,.zone-cell>.zone-state-wrap{flex:1 1 auto;min-width:0}.zones-table td.zone-cell--delete{margin-top:var(--space-lg)}}.zone-detail{margin-top:var(--space-lg);background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-md);box-shadow:var(--shadow-sm)}.zone-detail-title{margin:var(--space-md) 0 var(--space-xs);font-size:var(--font-sm)}.zone-member-list{display:flex;flex-direction:column;gap:var(--space-xs)}.zone-member{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;padding:var(--space-sm);border:1px solid var(--color-slate-50);border-radius:var(--radius-md)}.zone-member.is-absent{border-color:var(--status-warn);background:var(--color-amber-soft)}.zone-member-name{font-weight:600}.zone-member .act-slot button,.zone-member>.slot button,.zone-release-confirm-camera .slot button{white-space:nowrap}.zone-member-role{font-size:var(--font-xs);color:var(--status-info)}.zone-member-absent{font-size:var(--font-xs);color:var(--status-warn)}.zone-member-camera-url{font-size:var(--font-xs);color:var(--text-muted)}.zone-member-player{flex-basis:100%;max-width:480px}.zone-targets-section{margin-top:var(--space-md);padding:var(--space-sm);border:1px solid var(--color-slate-300);border-radius:var(--radius-md);background:var(--color-slate-50)}.zone-targets-note{margin:0 0 var(--space-xs);font-size:var(--font-xs);color:var(--text-muted)}.zone-targets-unassigned{margin:0 0 var(--space-xs);font-size:var(--font-xs);color:var(--status-warn)}.zone-target-list{display:flex;flex-direction:column;gap:var(--space-xs)}.zone-target{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-xs) var(--space-sm);padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-slate-300);border-radius:var(--radius-md);background:var(--color-surface)}.zone-target>.zone-target-manual,.zone-target>.zone-member-absent,.zone-target>.zone-target-fallback,.zone-target>.zone-target-reason{flex:1 1 100%;min-width:0}.zone-target.is-absent{border-color:var(--status-warn);background:var(--color-amber-soft)}.zone-target-name{font-weight:600}.zone-target-axis{font-size:var(--font-xs);color:var(--text-muted)}.zone-target-state{font-size:var(--font-sm);font-weight:600}.zone-target-manual{font-size:var(--font-xs);color:var(--status-danger);font-weight:600}.zone-target-control{display:flex;flex-wrap:wrap;gap:var(--space-xs);max-width:100%;flex:1 1 auto;min-width:0}.slot--state-btn{--slot-w: 8rem}.zone-target-state-button{width:100%;display:flex;align-items:center;justify-content:center;white-space:nowrap;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-md);border:1px solid var(--color-slate-300);background:var(--color-surface);cursor:pointer}.zone-target-state-button>.fit{flex:1 1 auto;text-align:center}.zone-target-state-button:disabled{cursor:not-allowed;opacity:.55}.zone-target-more{flex:0 0 auto;white-space:nowrap;min-width:5rem;text-align:center;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);border:1px dashed var(--color-slate-400, var(--color-slate-300));background:transparent;color:var(--text-muted);font-size:var(--font-xs);cursor:pointer}.zone-target-more:hover{color:var(--text-default, inherit)}.zone-target-fallback,.zone-target-no-states,.zone-target-reason{font-size:var(--font-xs);color:var(--status-warn)}.zone-target-no-states[data-reason=pending]{color:var(--text-muted)}.zone-member-form{display:flex;gap:var(--space-xs);align-items:center;flex-wrap:wrap;margin-top:var(--space-sm)}.zone-identify-note{font-size:var(--font-xs);color:var(--text-muted);margin-bottom:var(--space-md);line-height:1.5}.zone-delete-noncascade-note{font-size:var(--font-xs);color:var(--status-warn);margin-bottom:var(--space-lg);line-height:1.5}@media(max-width:767px){.zone-row{--zone-state-col: 10rem;grid-template-columns:minmax(0,1fr) var(--zone-state-col)}.zone-row-actions{grid-column:1 / -1}.zone-member>.slot--name,.zone-release-confirm-camera>.slot--name,.zone-target>.slot--name{--slot-w: 8rem}.zone-member>.slot--url{--slot-w: 8rem}.zone-target-control>.slot--state-btn{--slot-w: 6.5rem}}.health-summary-badge{font-variant-numeric:tabular-nums;min-width:4.5rem;text-align:center}.health-summary-badge--wide{min-width:6rem}.health-name-line{display:flex;align-items:center;gap:var(--space-xs);min-width:0}.health-name-line>.slot--name,.health-name-line>.slot--name-lg,.health-name-line>.slot--name-xl,.target-row-name-line>.slot--name-lg,.target-row-meta>.slot--name{flex-shrink:1}.health-load-error{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-sm);text-align:left}.health-load-error-text{flex:1 1 auto;min-width:0}.health-load-error>.mgmt-btn{flex:0 0 auto;margin-left:auto;white-space:nowrap}.health-tabular{font-variant-numeric:tabular-nums}.health-status-badge.status-badge--ok{background:var(--status-ok);color:var(--color-text-on-accent)}.health-status-badge.status-badge--danger{background:var(--status-danger);color:var(--color-text-on-accent)}.health-panel{width:100%;min-width:0}.health-section{margin-top:var(--space-lg)}.health-panel>.health-section-title{margin-top:var(--space-lg)}.health-section-head{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs);min-width:0}.health-section-title{margin:0 0 var(--space-xs);font-size:var(--font-md);flex:0 0 auto}.health-section-head>.health-section-title{margin:0}.health-summary{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2xs) var(--space-sm);margin-left:auto;min-width:0;justify-content:flex-end}.health-summary-count{font-variant-numeric:tabular-nums;font-size:var(--font-xs);font-weight:600;color:var(--color-text-secondary);min-width:4.5rem;white-space:nowrap}.health-summary-count--wide{min-width:6rem}.health-summary-count--alert{color:var(--status-danger)}.health-table{width:100%;table-layout:fixed;border-collapse:collapse;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.health-table th,.health-table td{padding:var(--space-xs) var(--space-sm);text-align:left;vertical-align:middle;font-size:var(--font-xs);line-height:1.5;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.health-table th{font-weight:600;color:var(--color-text-muted);border-bottom:1px solid var(--color-border)}.health-table tbody tr+tr td{border-top:1px solid var(--color-border)}.health-table td>.fit,.health-row-open>.fit{display:block}.health-table .mgmt-card-badge{line-height:1.4;vertical-align:middle}.health-col-state{width:6rem}.health-col-conn{width:7rem}.health-col-cat{width:11rem}.health-col-age{width:7rem}.health-col-zones{width:12rem}.health-row-open{display:block;width:100%;max-width:100%;margin:0;padding:0;border:0;background:transparent;color:var(--color-primary);font:inherit;text-align:left;cursor:pointer;overflow:hidden}.health-row-open:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.health-reason{color:var(--color-text-secondary)}.health-search{display:flex;gap:var(--space-sm);align-items:center}.health-search>input{flex:1 1 auto;min-width:0}.health-search>.mgmt-btn{flex:0 0 auto;white-space:nowrap}@media(max-width:600px){.health-exceptions .health-col-age,.health-exceptions .health-col-zones{display:none}.health-col-cat{width:9.5rem}}.health-services,.health-cameras{max-width:32rem}.health-exceptions{max-width:56rem}.admin-hub-header{margin-bottom:var(--space-lg)}.admin-hub-title,.admin-page-title{margin:0;font-size:var(--font-lg);font-weight:700;color:var(--color-text)}.admin-page-title{margin-bottom:var(--space-lg)}.admin-back{display:inline-flex;align-items:center;gap:var(--space-2xs);min-height:var(--touch-min);padding:var(--space-xs) 0;border:none;background:none;color:var(--color-primary);font-size:var(--font-sm);font-weight:600;cursor:pointer}.admin-back:hover{text-decoration:underline}.admin-hub-group{margin-bottom:var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.admin-hub-group-title{margin:0;padding:var(--space-sm) var(--space-lg);background:var(--color-surface-sunken);border-bottom:1px solid var(--color-border);font-size:var(--font-xs);font-weight:700;letter-spacing:.04em;color:var(--color-text-muted)}.admin-hub-list{margin:0;padding:0;list-style:none}.admin-hub-item+.admin-hub-item{border-top:1px solid var(--color-border)}.admin-hub-link{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);min-height:var(--touch-min);padding:var(--space-md) var(--space-lg);color:var(--color-text);font-size:var(--font-sm);text-decoration:none}.admin-hub-link:hover,.admin-hub-link:focus-visible{background:var(--color-primary-soft)}.admin-hub-link-text{flex:1 1 auto;display:flex;flex-direction:column;gap:var(--space-2xs);min-width:0}.admin-hub-link-name{display:block;font-weight:600}.admin-hub-link-desc{display:block;font-size:var(--font-xs);color:var(--color-text-muted)}.admin-hub-first-setup{margin:var(--space-xs) 0 0;font-size:var(--font-sm);color:var(--color-text-muted)}.admin-hub-link:after{content:"";flex:none;width:var(--space-sm);height:var(--space-sm);border-right:2px solid var(--color-slate-300);border-bottom:2px solid var(--color-slate-300);transform:rotate(-45deg)}.admin-hub-item-status{flex:none;display:inline-block;white-space:nowrap;text-align:right;font-size:var(--font-xs);line-height:1.4;color:var(--color-text-muted)}.admin-hub-item-status:before{content:"알 수 없음 · 잔액 알 수 없음";display:block;height:0;visibility:hidden}.admin-hub-item-status[data-level=red]{color:var(--status-danger);font-weight:600}.admin-hub-item-status[data-level=yellow]{color:var(--status-warn);font-weight:600}.admin-hub-item-status[data-level=green]{color:var(--status-ok)}.incidents-card-expand{display:flex;justify-content:flex-end;margin-top:var(--space-xs)}.incidents-expand-btn{background:none;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3xs) var(--space-sm);font-size:var(--font-2xs);color:var(--color-text-muted);cursor:pointer}.incidents-card-detail{margin-top:var(--space-sm);padding:var(--space-sm);background:var(--color-surface-sunken);border-radius:var(--radius-md)}.incidents-detail-label{font-size:var(--font-2xs);font-weight:600;color:var(--color-text-muted);margin-bottom:var(--space-2xs)}.incidents-diagnostics{display:flex;flex-direction:column;gap:var(--space-3xs);margin:0}.incidents-diagnostics-row{display:flex;gap:var(--space-sm);font-size:var(--font-xs);line-height:1.4}.incidents-diagnostics-name{color:var(--color-text-muted)}.incidents-diagnostics-value{margin:0;color:var(--color-text-secondary);word-break:break-all}.incidents-diagnostics-order-warning{margin-top:var(--space-2xs);font-size:var(--font-2xs);line-height:1.4;color:var(--color-text-muted)}.mgmt-input{width:100%;max-width:340px;padding:var(--space-xs) var(--space-sm);font-family:inherit;font-size:var(--font-sm);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.mgmt-input:focus{border-color:var(--color-primary);outline:2px solid var(--color-primary-soft);outline-offset:0}.mgmt-hint{margin:0 0 var(--space-lg);font-size:var(--font-sm);line-height:1.5;color:var(--color-text-muted)}.mgmt-hint-text{position:absolute;z-index:2;top:calc(100% + var(--space-2xs));left:0;display:block;max-width:22rem;width:max-content;padding:var(--space-sm) var(--space-md);font-size:var(--font-xs);line-height:1.5;white-space:normal;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm)}.target-hint-wrap{position:relative;display:inline-block;margin-left:var(--space-xs)}.target-hint-btn{padding:0 var(--space-xs);line-height:1.4}.target-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.target-row-info{display:flex;flex-direction:column;gap:var(--space-2xs);min-width:0}.target-row-name-line{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.target-row-meta{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;font-size:var(--font-xs);color:var(--color-text-muted)}.target-current-state{display:inline-flex;align-items:center;min-width:0;max-width:100%;gap:var(--space-2xs);padding:var(--space-3xs) var(--space-sm);font-size:var(--font-xs);font-weight:700;border:1px solid currentColor;border-radius:var(--radius-xs)}.target-current-state-dot{width:7px;height:7px;border-radius:var(--radius-circle);background:currentColor;flex:none}.target-current-state--named{color:var(--status-ok);background:var(--color-ok-soft)}.target-current-state--unnamed{color:var(--status-warn);background:var(--color-warn-soft)}.target-current-state--unknown{color:var(--status-muted);background:var(--color-surface-muted)}.target-assignment{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2xs) var(--space-sm);font-size:var(--font-xs);color:var(--color-text-secondary);min-width:0}.target-assignment-item{display:inline-flex;align-items:center;gap:var(--space-2xs);min-width:0}.target-assignment-label{color:var(--color-text-muted);font-size:var(--font-2xs)}.target-assignment-value{font-weight:600;color:var(--color-text-primary);white-space:nowrap}.target-assignment-none{color:var(--color-text-muted)}.target-assignment-missing{flex:1 1 100%;min-width:0;color:var(--status-warn);background:var(--color-warn-soft);border:1px solid currentColor;border-radius:var(--radius-xs);padding:var(--space-3xs) var(--space-xs);font-size:var(--font-2xs);font-weight:700}.target-armed{display:inline-flex;align-items:center;gap:var(--space-2xs);padding:var(--space-3xs) var(--space-xs);font-size:var(--font-2xs);font-weight:700;border:1px solid currentColor;border-radius:var(--radius-xs);white-space:nowrap}.target-armed-dot{width:7px;height:7px;border-radius:var(--radius-circle);background:currentColor;flex:none}.target-armed--on{color:var(--status-ok);background:var(--color-ok-soft)}.target-armed--off{color:var(--status-muted);background:var(--color-surface-muted)}.target-armed-toggle{flex:0 0 auto;min-width:6.5rem;white-space:nowrap}.target-armed-error{color:var(--status-danger);font-size:var(--font-2xs);font-weight:600;flex-basis:100%}.target-channels{display:inline-flex;align-items:center;flex-wrap:wrap;min-width:0}.target-channel-item{display:inline-flex;align-items:center}.target-channel-sep{color:var(--color-text-disabled);white-space:pre}.target-channel{display:inline-flex;align-items:baseline;gap:var(--space-2xs);padding:var(--space-3xs) var(--space-xs);font-size:var(--font-2xs);border:1px solid var(--color-border);border-radius:var(--radius-xs);white-space:nowrap}.target-channel-name{font-weight:600}.target-channel-value{font-weight:400}.target-channel--on{color:var(--status-ok);background:var(--color-ok-soft);border-color:var(--status-ok)}.target-channel--off{color:var(--color-text-secondary);background:var(--color-surface);border-color:var(--color-border)}.target-channel--unknown{color:var(--status-muted);background:var(--color-surface-muted);border-color:var(--color-border);border-style:dashed}.target-states-count{flex:0 0 auto;min-width:5rem;font-size:var(--font-xs);color:var(--color-text-muted)}.target-state-chip{display:block;flex:0 1 7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:7rem;min-width:2.5rem;max-width:10rem;padding:var(--space-3xs) var(--space-xs);font-size:var(--font-2xs);background:var(--color-surface-muted);border-radius:var(--radius-xs)}.target-editor{display:block}.target-field{margin:0 0 var(--space-xl)}.target-field-label{display:block;margin:0 0 var(--space-2xs);font-size:var(--font-sm);font-weight:700;color:var(--color-text)}.target-field-required{color:var(--status-danger)}.target-field-desc{margin:0 0 var(--space-sm);font-size:var(--font-xs);line-height:1.5;color:var(--color-text-muted)}.target-channel-options{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.target-channel-option{display:inline-flex;align-items:center;width:var(--target-channel-w, 15rem);min-width:0;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);font-size:var(--font-xs);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer}.target-channel-option.is-selected{color:var(--color-primary);background:var(--color-primary-soft);border-color:var(--color-primary)}.target-channel-option.is-taken{color:var(--color-text-muted);background:var(--color-surface-sunken);cursor:not-allowed}.target-channel-option-name{flex:0 0 auto;max-width:6rem;font-weight:600}.target-channel-taken-reason{flex:1 1 auto;min-width:0;color:var(--color-text-muted);font-weight:400}.target-alias-grid{display:flex;flex-wrap:wrap;gap:var(--space-md)}.target-alias-item{display:flex;align-items:center;gap:var(--space-sm)}.target-alias-label{font-size:var(--font-xs);font-weight:600;white-space:nowrap}.target-alias-item .mgmt-input{max-width:150px}.target-state-table-wrap{overflow-x:auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.target-state-table{width:100%;min-width:520px;border-collapse:collapse}.target-state-table th,.target-state-table td{padding:var(--space-sm) var(--space-md);text-align:left;vertical-align:middle;border-bottom:1px solid var(--color-border)}.target-state-table thead th{font-size:var(--font-2xs);font-weight:700;color:var(--color-text-muted);background:var(--color-surface-sunken);white-space:nowrap}.target-state-table tbody tr:last-child td{border-bottom:0}.target-state-combo{display:inline-flex;align-items:center;white-space:nowrap}.target-state-row--now{background:var(--color-primary-tint)}.target-state-row--now td:first-child{box-shadow:inset 3px 0 0 var(--color-primary)}.target-state-now{font-size:var(--font-2xs);font-weight:700;color:var(--color-primary);white-space:nowrap}.target-incident-only{display:inline-flex;align-items:center;gap:var(--space-2xs);font-size:var(--font-xs);color:var(--color-text-secondary);white-space:nowrap}.target-detail{margin:0 0 var(--space-md)}.target-row{display:flex;align-items:center;gap:.75rem;padding:.25rem .5rem;border-bottom:1px solid var(--color-border)}.target-row-body{flex:1 1 auto;min-width:0;contain:inline-size}.target-row-actions{flex:none;display:flex;gap:.375rem}.target-line{display:flex;align-items:center;gap:.5rem;height:1.9rem;min-width:0;overflow:hidden;white-space:nowrap}.target-line>.target-name{display:block;flex:0 1 auto;max-width:14rem;min-width:0;font-weight:600}.target-line>.target-relay{display:block;flex:0 1 auto;max-width:12rem;min-width:0;color:var(--color-text-muted)}.target-now-label{flex:none;color:var(--color-text-muted)}.target-line>.target-current-state{flex:0 1 auto;max-width:10rem}.target-current-state-text{display:block;min-width:0}.target-states-summary{display:inline-flex;align-items:center;gap:.375rem;flex:0 1 auto;min-width:0}.target-states-none,.target-states-more{flex:none;color:var(--color-text-muted)}.target-assignment.target-assignment--line{display:inline-flex;flex-wrap:nowrap;gap:.5rem;flex:0 1 auto;min-width:0;white-space:nowrap}.target-assignment--line>.target-assignment-item{flex:0 1 auto}.target-assignment--line .target-assignment-value{display:block;min-width:0;max-width:8rem}.target-assignment--line>.target-armed,.target-assignment--line>.target-assignment-missing{flex:none}@media(max-width:767px){.target-row{flex-wrap:wrap}.target-row-body{flex:1 1 100%}.target-line:not(.target-line--head){height:auto;min-height:1.9rem;flex-wrap:wrap;row-gap:.25rem;padding:.125rem 0}.target-assignment.target-assignment--line{flex:1 1 100%;max-width:100%}.target-states-summary{max-width:100%}}.fit{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tnum{display:inline-block;font-variant-numeric:tabular-nums;min-width:var(--slot-digits, 2ch);text-align:right}.tnum--1{--slot-digits: 1ch}.tnum--3{--slot-digits: 3ch}.tnum--4{--slot-digits: 4ch}.tnum--5{--slot-digits: 5ch}.slot{display:flex;align-items:center;flex:0 0 var(--slot-w, 7rem);min-width:0;overflow:hidden;width:var(--slot-w, 7rem)}.slot>*{min-width:0;max-width:100%}.mgmt-card-info{flex:1 1 auto}.crisis-banner-meta .slot--name,.crisis-banner-meta .slot--name-sm{overflow:visible}.crisis-banner-meta .slot--name>.fit,.crisis-banner-meta .slot--name-sm>.fit{overflow:visible;text-overflow:clip;white-space:normal}.slot--state{--slot-w: 7.5rem}.slot--conn{--slot-w: 6.5rem}.slot--arm{--slot-w: 7rem}.slot--time{--slot-w: 11rem}.slot--name{--slot-w: 10rem}.slot--badge{--slot-w: 5rem}.slot--name-sm{--slot-w: 8rem}.slot--end{justify-content:flex-end}.slot--badge{--slot-w: 3.5rem}.slot--badge-md{--slot-w: 5.5rem}.slot--badge-lg{--slot-w: 9rem}.slot--zone-state{--slot-w: 13.5rem}.slot--tag{--slot-w: 3.5rem}.slot--axis{--slot-w: 5rem}.slot--name{--slot-w: 12rem}.slot--state-lg{--slot-w: 10rem}.slot--asgn{--slot-w: 7.5rem}.slot--name-lg{--slot-w: 16rem}.slot--name-xl{--slot-w: 26rem}.slot--addr{--slot-w: 10rem}.slot--url{--slot-w: 16rem}.slot--btn{--slot-w: 7.5rem}.slot--btn-sm{--slot-w: 4.5rem}.slot--note{--slot-w: 20rem}.slot--grow{flex:1 1 var(--slot-w, 7rem);min-width:0}.act-slot{display:flex;flex:0 0 auto;gap:var(--space-xs);margin-left:auto}.act-slot>*{flex:0 0 auto}.slot-row{display:flex;align-items:center;min-width:0}.fit-fill{flex:1 1 auto}.truncation-tip{position:fixed;z-index:400;max-width:min(24rem,calc(100vw - 1rem));width:max-content;padding:var(--space-2xs) var(--space-sm);font-size:var(--font-xs);line-height:1.5;white-space:normal;overflow-wrap:anywhere;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border, var(--color-slate-300));border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);pointer-events:none}.slot-w{flex:0 0 var(--slot-w, 7rem)}.slot-w--key{--slot-w: 11rem}.slot--source{--slot-w: 5rem}.slot--enabled{--slot-w: 3.5rem}.slot--offline{--slot-w: 2.75rem}.slot--role{--slot-w: 3.75rem}.slot--invite{--slot-w: 2.75rem}.slot--archive{--slot-w: 4.5rem}.slot--count{--slot-w: 5.5rem}.slot--download{--slot-w: 5rem}.slot--channel{--slot-w: 16rem}.maintenance-banner{display:flex;align-items:center;gap:var(--space-sm);background:var(--color-warn-soft);color:var(--color-text);border-bottom:3px solid var(--status-warn);padding:var(--space-sm) var(--space-md)}.maintenance-banner-mark{flex:0 0 auto;color:var(--status-warn);font-weight:700}.maintenance-banner-text{display:flex;align-items:center;gap:var(--space-sm);flex:1 1 auto;min-width:0}.maintenance-banner-label{flex:0 0 auto;font-weight:700;color:var(--status-warn)}.maintenance-banner-count-slot{flex:0 0 auto;font-weight:700;font-variant-numeric:tabular-nums}.maintenance-banner-desc{flex:1 1 auto}.maintenance-banner-link{flex:0 0 auto;border:1px solid var(--status-warn);background:var(--color-surface);color:var(--status-warn);border-radius:var(--radius-sm);padding:var(--space-2xs) var(--space-sm);font-weight:600;cursor:pointer}.maintenance-intro{color:var(--color-text-muted);margin:0 0 var(--space-md)}.maintenance-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-md)}.maintenance-summary{font-weight:600;font-variant-numeric:tabular-nums}.maintenance-count--off{color:var(--status-warn)}.maintenance-toolbar-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.maintenance-bulk-btn{min-width:8rem}.maintenance-confirm{border:2px solid var(--status-danger);background:var(--color-danger-soft);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-md)}.maintenance-confirm-text{margin:0 0 var(--space-sm);font-weight:600}.maintenance-confirm-actions{display:flex;gap:var(--space-sm)}.maintenance-unconfirmed,.maintenance-failed{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-md)}.maintenance-list{width:100%}.maintenance-table{width:100%;table-layout:fixed;border-collapse:collapse}.maintenance-col--name{width:16%}.maintenance-col--zone{width:13%}.maintenance-col--relay{width:17%}.maintenance-col--state,.maintenance-col--armed,.maintenance-col--by{width:12%}.maintenance-col--at{width:18%}.maintenance-head th{text-align:left;font-weight:600;font-size:.85em;color:var(--color-text-muted);background:var(--color-surface-sunken);padding:var(--space-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.maintenance-row{border-bottom:1px solid var(--color-border);background:var(--color-surface)}.maintenance-row--off{background:var(--color-warn-soft)}.maintenance-cell{padding:var(--space-sm);vertical-align:top;min-width:0;overflow:hidden}.maintenance-cell-label{display:none}.maintenance-value{display:block;max-width:100%}.maintenance-value--name{font-weight:600}.maintenance-value--time{font-variant-numeric:tabular-nums}.maintenance-armed-wrap{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2xs);min-width:0}.maintenance-armed{display:inline-flex;align-items:center;gap:var(--space-2xs);font-weight:600;white-space:nowrap}.maintenance-armed-dot{width:8px;height:8px;border-radius:var(--radius-circle);flex:0 0 auto}.maintenance-armed--on{color:var(--status-ok)}.maintenance-armed--on .maintenance-armed-dot{background:var(--status-ok)}.maintenance-armed--off{color:var(--status-warn)}.maintenance-armed--off .maintenance-armed-dot{background:var(--status-warn)}.maintenance-reject-reason{display:block;color:var(--status-danger);font-size:.85em;white-space:normal;overflow-wrap:anywhere}@media(max-width:767px){.maintenance-table,.maintenance-table tbody,.maintenance-table tr,.maintenance-table td{display:block;width:100%}.maintenance-table colgroup,.maintenance-table thead{display:none}.maintenance-row{border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-sm);padding:var(--space-2xs) 0}.maintenance-table td.maintenance-cell{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-2xs) var(--space-sm)}.maintenance-cell-label:before{content:attr(data-label)}.maintenance-cell-label{display:block;flex:0 0 6.5rem;color:var(--color-text-muted);font-size:.85em;white-space:nowrap}.maintenance-cell>.maintenance-value,.maintenance-cell>.maintenance-armed-wrap{flex:1 1 auto;min-width:0}}.relays-intro{color:var(--color-text-muted);margin:0 0 var(--space-md)}.relays-toolbar{display:flex;gap:var(--space-sm);margin-bottom:var(--space-md)}.relay-editor{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-sm);margin-bottom:var(--space-md)}.relay-editor-field{display:flex;flex-direction:column;gap:var(--space-2xs);font-size:.9em}.relay-editor-actions{display:flex;gap:var(--space-sm)}.relay-target-list,.relay-delete-list{list-style:none;margin:0;padding:0}.relay-table{width:100%;border-collapse:collapse;margin-top:var(--space-md)}.relay-table th,.relay-table td{text-align:left;vertical-align:top;padding:var(--space-xs) var(--space-sm);border-bottom:1px solid var(--color-border);overflow-wrap:anywhere}.relay-table th{font-weight:600;color:var(--color-text-muted);font-size:.9em}.relay-table td{background:var(--color-surface)}.relay-list{table-layout:fixed}.relay-lc-addr{width:8rem}.relay-lc-conn{width:6.5rem}.relay-lc-time{width:9.5rem}.relay-lc-use{width:5rem}.relay-lc-open{width:4.75rem}.relay-table button{white-space:nowrap}.relay-btn{display:inline-flex;align-items:center;justify-content:center;min-height:2rem;padding:var(--space-2xs) var(--space-md);border:1px solid transparent;border-radius:var(--radius-md);font-size:var(--font-xs);font-weight:600;line-height:1.2;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent}.relay-btn:disabled{opacity:.5;cursor:not-allowed}.relay-btn--primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-on-accent)}.relay-btn--secondary{background:transparent;border-color:var(--color-text-muted);color:var(--color-text-secondary)}.relay-btn--danger{background:transparent;border-color:var(--status-danger);color:var(--status-danger)}.relay-row-model{display:block;font-size:.9em}.relay-cell-label{display:none}.relay-channel-alias-line,.relay-channel-group,.relay-observed-at,.di-channel-zone-hint{display:block}.relay-observed-at{color:var(--color-text-muted);font-size:.85em;font-weight:400}.relay-channel-alias-line{color:var(--color-text-muted);font-size:.9em}.di-channel-controls{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs)}.di-channel-zone-hint{color:var(--status-warn);font-size:.85em}.relay-detail-head{gap:var(--space-sm);min-width:0}.slot--relay-label{--slot-w: 12rem}.relay-head-value{display:block;margin-left:var(--space-2xs);font-weight:700}.relay-channel-table,.di-channel-table{table-layout:fixed}.relay-channel-table th:nth-child(1),.di-channel-table th:nth-child(1){width:7rem}.relay-channel-table th:nth-child(3),.di-channel-table th:nth-child(3){width:8.5rem}.relay-channel-table th:nth-child(4),.di-channel-table th:nth-child(4){width:17rem}.relay-channel-target,.di-channel-note{display:block}.di-channel-controls select{max-width:100%}.relay-name{display:block;font-weight:600}.relay-target-name{flex:0 1 auto;min-width:0}.relay-alive{display:inline-flex;align-items:center;gap:var(--space-2xs);font-weight:600}.relay-alive-dot{width:8px;height:8px;border-radius:var(--radius-circle);flex:0 0 auto}.relay-alive--on{color:var(--status-ok)}.relay-alive--on .relay-alive-dot{background:var(--status-ok)}.relay-alive--off{color:var(--status-warn)}.relay-alive--off .relay-alive-dot{background:var(--status-warn)}.relay-unreachable-note{margin:var(--space-2xs) 0 0;color:var(--status-warn);font-weight:600}.relay-target-list{margin-top:var(--space-2xs);padding-left:var(--space-lg)}.relay-target{display:flex;flex-wrap:nowrap;align-items:center;gap:0 var(--space-sm);min-width:0}.relay-target-channels{flex:none;color:var(--color-text-muted)}.relay-target-none{color:var(--color-text-muted);font-size:.9em}.relay-detail-back{margin-left:var(--space-sm)}.relay-detail{margin-top:var(--space-md)}.relay-detail-head{display:flex;align-items:center;padding:var(--space-sm) 0}.relay-delete-confirm{border:2px solid var(--status-danger);background:var(--color-danger-soft);border-radius:var(--radius-md);padding:var(--space-md);margin:var(--space-md) 0}.relay-delete-confirm-text{margin:0 0 var(--space-sm);font-weight:600}.relay-delete-list{margin-bottom:var(--space-sm);padding-left:var(--space-md)}.relay-delete-none{margin:0 0 var(--space-sm)}.relay-delete-actions{display:flex;gap:var(--space-sm)}.relay-channel-row--empty .relay-channel-empty{color:var(--color-text-muted)}.relay-channel-value{font-weight:600}.relay-channel-value--on{color:var(--status-ok)}.relay-channel-value--off{color:var(--color-text)}.relay-channel-value--unknown{color:var(--status-warn)}.relay-channel-group{color:var(--color-text-muted);font-size:.9em}@media(max-width:767px){.relay-list .relay-col-wide{display:none}.relay-channel-table,.relay-channel-table tbody,.relay-channel-table tr,.relay-channel-table td,.di-channel-table,.di-channel-table tbody,.di-channel-table tr,.di-channel-table td{display:block;width:auto}.relay-channel-table thead,.di-channel-table thead{display:none}.relay-channel-table tr,.di-channel-table tr{border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-sm);background:var(--color-surface)}.relay-channel-table td,.di-channel-table td{border-bottom:none;background:transparent}.relay-channel-table td,.di-channel-table td{display:grid;grid-template-columns:4.5rem minmax(0,1fr);column-gap:var(--space-sm);align-items:baseline}.relay-channel-table td>:not(.relay-cell-label),.di-channel-table td>:not(.relay-cell-label){grid-column:2;min-width:0}.relay-channel-table .relay-cell-label,.di-channel-table .relay-cell-label{display:block;grid-column:1;font-size:.8em;font-weight:600;color:var(--color-text-muted)}}.zones-relays-hint{font-size:var(--font-xs);color:var(--text-muted);margin:0 0 var(--space-md)}.zones-relays-link{border:none;background:none;padding:0;color:var(--status-info);text-decoration:underline;cursor:pointer;font:inherit}.target-state-row--unused{color:var(--color-text-muted)}.target-state-row-unused{font-style:italic;color:var(--color-text-muted)}.targets-nav-links{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin:0 0 var(--space-md)}.targets-nav-link{border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-sm);padding:var(--space-2xs) var(--space-sm);cursor:pointer}.zone-detail-page .zone-detail{display:flex;flex-direction:column;gap:var(--space-md)}.zone-detail-back{align-self:flex-start}.zone-detail-head{display:flex;flex-direction:column;gap:var(--space-xs)}.zone-detail-head-line{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.zone-emergency-badge{font-weight:700;padding:0 var(--space-sm);border-radius:var(--radius-md)}.zone-emergency-note,.zone-emergency-entry-note{font-size:var(--font-sm);color:var(--text-muted);margin:0}.zone-detail-release{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:nowrap;min-width:0}.zone-detail-release>.inline-release-btn,.zone-detail-release>.zone-cctv-link{flex:0 0 auto}.zone-detail-release>.release-notice{flex:1 1 0;height:2rem;margin:0}.zone-release-alarm-note{font-size:var(--font-xs);color:var(--text-muted)}.zone-release-reason{font-size:var(--font-xs);color:var(--status-warn);flex-basis:100%}.zone-detail-summary{display:flex;align-items:center;gap:var(--space-sm)}.zone-detail-summary .zone-state{font-weight:700}.zone-detail-summary .zone-observed-at{font-size:var(--font-xs);color:var(--text-muted)}.zone-member-attach-line{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-xs)}.zone-cctv-note{font-size:var(--font-xs);color:var(--text-muted);margin:0}.slot--zd-where{--slot-w: 11.5rem}.slot--zd-axis{--slot-w: 5rem}.slot--zd-st{--slot-w: 7.5rem}.slot--zd-armed{--slot-w: 10rem;gap:var(--space-xs)}.slot--zd-now{--slot-w: 7.5rem}.zone-target-table{display:flex;flex-direction:column;gap:var(--space-xs)}.zone-target-head{display:flex;gap:var(--space-xs) var(--space-sm);padding:0 var(--space-sm);border:1px solid transparent;font-size:var(--font-xs);color:var(--text-muted)}.zone-detail .zone-target{flex-wrap:wrap}.zone-detail .zone-target>.zone-target-below{flex:1 1 100%;min-width:0;display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-xs) var(--space-sm)}.zone-detail .zone-target-below>.zone-target-note,.zone-detail .zone-target-below>.zone-target-manual,.zone-detail .zone-target-below>.zone-member-absent{flex:1 1 100%;min-width:0}.zone-detail .zone-target-control{flex:0 0 auto;flex-wrap:nowrap}.zone-target-armed{font-size:var(--font-xs);flex:1 1 auto}.zone-target-armed.is-off{color:var(--status-warn);font-weight:600}.zone-target-armed-toggle{flex:0 0 auto;font-size:var(--font-xs)}.zone-detail .zone-target-note{min-width:0;font-size:var(--font-xs)}.zone-target-release-unconfirmed{color:var(--status-danger);font-weight:600}.zone-target-state-missing,.zone-target-armed-reason,.zone-target-command-error{color:var(--status-warn)}.zone-input{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;font-size:var(--font-sm)}.zone-input-meaning{color:var(--text-muted)}.zone-detail-admin{display:flex;flex-direction:column;gap:var(--space-sm);align-items:flex-start}.zone-delete-blocked{display:flex;flex-direction:column;gap:var(--space-xs)}.zone-delete-release-first-reason{font-size:var(--font-xs);color:var(--status-warn)}.zone-target-attach-form>select{flex:0 0 auto;width:9rem;max-width:100%}.zone-target-attach-form>select.zone-target-picker{width:16rem}.zone-detail-page button:not(.zone-target-state-button):not(.zone-delete):not(.admin-back):not(.zone-name-save):not(.czr-btn),button.zone-detail-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:1px solid var(--color-slate-300);border-radius:var(--radius-md);color:var(--color-text-secondary);font:inherit;font-size:var(--font-xs);font-weight:600;padding:var(--space-2xs) var(--space-sm);cursor:pointer}button.zone-delete{-webkit-appearance:none;-moz-appearance:none;appearance:none;white-space:nowrap;padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-md);border:1px solid var(--status-danger);background:transparent;color:var(--status-danger);font:inherit;font-size:var(--font-xs);font-weight:600;cursor:pointer}button.zone-name-save{-webkit-appearance:none;-moz-appearance:none;appearance:none;white-space:nowrap;padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-md);border:1px solid var(--color-primary);background:var(--color-primary);color:var(--color-text-on-accent);font:inherit;font-size:var(--font-xs);font-weight:600;cursor:pointer}.zone-detail-page button:disabled,button.zone-delete:disabled{cursor:not-allowed;opacity:.55}.zone-target-cell-label{display:none}@media(max-width:767px){.zone-detail .zone-target-head{display:none}.zone-detail .zone-target>.slot{flex:1 1 100%;width:auto;gap:var(--space-sm)}.zone-detail .zone-target>.slot>.zone-target-cell-label{display:block;flex:0 0 5.5rem;font-size:var(--font-xs);color:var(--text-muted)}.zone-detail .zone-target>.slot>.fit{flex:0 1 auto}.zone-detail .zone-target-control{flex:0 1 auto;min-width:0;flex-wrap:wrap}}.response-settings-intro{margin:0 0 var(--space-lg);font-size:var(--font-sm);color:var(--color-text-muted);line-height:1.5}.response-settings-table{width:100%;table-layout:fixed;border-collapse:collapse;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);font-size:var(--font-sm)}.response-settings-head{text-align:left;font-weight:600;font-size:var(--font-xs);color:var(--color-text-muted);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border)}.response-settings-head:nth-child(1){width:11rem}.response-settings-head:nth-child(2){width:6rem}.response-settings-head:nth-child(3){width:9rem}.response-setting-row>td{padding:var(--space-sm) var(--space-md);vertical-align:middle}.response-setting-row+.response-setting-row>td{border-top:1px solid var(--color-border)}.response-setting-label{font-weight:600;overflow:hidden;white-space:nowrap}.response-setting-label-text{display:block}.response-setting-value{white-space:nowrap;font-weight:600}.response-setting-value.is-on{color:var(--color-primary)}.response-setting-value.is-off{color:var(--status-danger)}.response-setting-value.is-unknown{color:var(--status-warn)}.response-setting-toggle{min-height:var(--touch-min);min-width:5.5rem;max-width:100%;padding:var(--space-xs) var(--space-md);border:1px solid var(--color-primary);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-primary);font-size:var(--font-xs);font-weight:600;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.response-setting-toggle:disabled{opacity:.5;cursor:not-allowed}.response-setting-note{font-size:var(--font-xs);color:var(--color-text-secondary);line-height:1.5}.response-setting-attached>td{padding:0 var(--space-md) var(--space-sm);font-size:var(--font-xs);line-height:1.5}.response-setting-attached p{margin:var(--space-2xs) 0 0}.response-setting-assumed-note,.response-setting-changed{color:var(--status-warn)}.response-setting-error{color:var(--status-danger)}.response-setting-unconfirmed,.response-setting-failed{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;margin-top:var(--space-2xs);color:var(--status-warn)}.response-settings-zones{margin-top:var(--space-lg);font-size:var(--font-sm)}@media(max-width:600px){.response-settings-table,.response-settings-table>tbody,.response-settings-table tr,.response-settings-table td{display:block;width:100%;box-sizing:border-box}.response-settings-table{background:none;box-shadow:none}.response-settings-table>thead{display:none}.response-setting-row{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--space-sm);padding:var(--space-xs) 0}.response-setting-row+.response-setting-row>td{border-top:none}.response-setting-row>td{display:grid;grid-template-columns:6.5rem minmax(0,1fr);gap:var(--space-sm);align-items:center;padding:var(--space-2xs) var(--space-md)}.response-setting-row>td:before{font-size:var(--font-xs);font-weight:600;color:var(--color-text-muted)}.response-setting-row>td:nth-child(1):before{content:"설정"}.response-setting-row>td:nth-child(2):before{content:"지금 값"}.response-setting-row>td:nth-child(3):before{content:"켜고 끄기"}.response-setting-row>td:nth-child(4):before{content:"끄면 잃는 것"}.response-setting-label{white-space:normal}.response-setting-toggle{justify-self:start}}.czr-head{display:flex;flex-direction:column;gap:var(--space-sm, 8px);margin:var(--space-sm, 8px) 0 var(--space-md, 12px);padding:var(--space-sm, 8px) var(--space-md, 12px);border:1px solid #2f3a4a;border-radius:8px;background:#161c25}.czr-head-line{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm, 8px)}.czr-zone-name{font-size:1.05rem;font-weight:700;color:#e8edf4}.czr-badge{flex:0 0 auto;padding:2px 10px;border-radius:999px;border:1px solid transparent;font-size:.85rem;font-weight:700;line-height:1.6;white-space:nowrap}.czr-badge--emergency{background:#4a1620;border-color:#b3344a;color:#ffb3c0}.czr-badge--normal{background:#163324;border-color:#2f7d52;color:#9fe0bb}.czr-badge--unknown{background:#2a2d33;border-color:#5a606b;color:#c9ced6}.czr-badge[data-stale=true]{border-style:dashed;opacity:.85}.czr-observed{font-size:.8rem;color:#9aa7b8;white-space:nowrap}.czr-btn{display:inline-block;padding:6px 14px;border-radius:6px;border:1px solid transparent;font-size:.9rem;font-weight:600;line-height:1.5;cursor:pointer;text-decoration:none;white-space:nowrap}.czr-btn:disabled{opacity:.5;cursor:not-allowed}.czr-btn--danger{background:#a32638;border-color:#c43a4d;color:#fff}.czr-btn--secondary{background:#232c39;border-color:#3b4756;color:#d7dee8}.czr-reason,.czr-error,.czr-unconfirmed{margin:0;font-size:.85rem;line-height:1.5}.czr-reason{color:#9aa7b8}.czr-error{color:#ffb3c0}.czr-unconfirmed{color:#ffd79a}.czr-unconfirmed-link{color:#9ec5ff}.czr-disconnected{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm, 8px);padding:var(--space-sm, 8px);border:1px solid #7a5a1f;border-radius:6px;background:#2a2313;color:#ffd79a;font-size:.85rem}.czr-disconnected-text{flex:1 1 240px;min-width:0}.czr-confirm{display:flex;flex-direction:column;gap:var(--space-sm, 8px);padding:var(--space-sm, 8px) var(--space-md, 12px);border:1px solid #c43a4d;border-radius:6px;background:#1d1116}.czr-confirm-note{margin:0;font-size:.95rem;font-weight:600;color:#f2e6e8}.czr-confirm-zones,.czr-confirm-lock{margin:0;font-size:.85rem;line-height:1.5;color:#ffd79a}.czr-confirm-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm, 8px)}.czr-unzoned{display:flex;flex-direction:column;gap:var(--space-sm, 8px);margin:var(--space-sm, 8px) 0 var(--space-md, 12px);padding:var(--space-sm, 8px) var(--space-md, 12px);border:1px solid #7a5a1f;border-radius:8px;background:#1c1810}.czr-unzoned-title{margin:0;font-size:.95rem;font-weight:700;color:#ffd79a}.czr-unzoned-row{display:flex;flex-direction:column;gap:var(--space-sm, 8px)}.czr-unzoned-line{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm, 8px)}.czr-unzoned-device{font-weight:600;color:#e8edf4}.czr-unzoned-at{font-size:.85rem;color:#9aa7b8;white-space:nowrap}.zone-release-link{display:inline-block;padding:6px 14px;border-radius:6px;border:1px solid #3b4756;background:#232c39;color:#d7dee8;font-size:.9rem;font-weight:600;line-height:1.5;text-decoration:none;white-space:nowrap}@media(max-width:480px){.czr-head-line,.czr-unzoned-line{align-items:flex-start}.czr-btn,.zone-release-link{padding:6px 10px}}.cctv-title{margin:0;font-size:1.35rem;font-weight:700;line-height:1.4;color:#e8edf4}.inline-release-btn{box-sizing:border-box;width:7.5rem;max-width:100%;padding:4px 6px;font-size:.85rem;line-height:1.5;text-align:center;overflow:hidden;text-overflow:ellipsis}.inline-release-btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.release-notice{box-sizing:border-box;display:flex;align-items:center;gap:var(--space-sm, 8px);height:2.25rem;min-width:0;margin:var(--space-xs, 4px) 0;padding:0 var(--space-sm, 8px);border:1px solid transparent;border-radius:6px;font-size:.85rem;line-height:1.5;overflow:hidden}.release-notice-slot{flex:1 1 auto;min-width:0}.release-notice-text{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.release-notice-act{flex:0 0 auto;white-space:nowrap;padding-top:2px;padding-bottom:2px}.release-notice--rejected,.release-notice--unconfirmed{border-color:#c43a4d;background:#fdecee;color:#8a1c2b}.release-notice--blocked{border-color:#b9c2cf;background:#f1f4f8;color:#3b4756}.release-notice--release-unconfirmed{border-color:#c79a3a;background:#fff6e0;color:#6b4a00}.release-notice .czr-unconfirmed-link{color:#0b57d0}.release-confirm-layer{display:flex;flex-direction:column;gap:var(--space-sm, 8px)}.release-confirm-subject{margin:0;font-size:1rem;font-weight:700;overflow-wrap:anywhere}.mgmt-modal.release-confirm-modal{max-width:380px}.users-page{width:100vw;max-width:100%;box-sizing:border-box}.usr-table{width:100%;table-layout:fixed;border-collapse:collapse;margin-bottom:var(--space-lg);background:var(--color-surface);font-size:var(--font-sm)}.usr-table th,.usr-table td{padding:var(--space-xs) var(--space-sm);text-align:left;vertical-align:middle;border-bottom:1px solid var(--color-border)}.usr-table th{overflow:hidden;font-size:var(--font-xs);font-weight:600;color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis}.usr-table td>.fit{display:block}.usr-time{font-variant-numeric:tabular-nums;white-space:nowrap}.usr-col-id,.usr-col-time{width:10rem}.usr-col-act{width:12rem}.usr-col-role{width:6rem}.usr-col-status{width:5rem}.usr-table--active .usr-col-name{width:16rem}.usr-table--active .usr-col-role{width:auto}.usr-badge{margin-left:0}.usr-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.usr-row-note{margin:var(--space-2xs) 0 0;font-size:var(--font-xs);color:var(--color-text-secondary);display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs)}.usr-row-note--error{color:var(--status-danger)}.usr-load-failed{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.usr-load-failed .mgmt-error{padding:0;margin:0}.usr-btn{box-sizing:border-box;min-height:2rem;padding:var(--space-2xs) var(--space-md);border:1px solid transparent;border-radius:var(--radius-md);font-size:var(--font-xs);font-weight:600;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent}.usr-btn:disabled{opacity:.5;cursor:not-allowed}.usr-btn--primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-on-accent)}.usr-btn--secondary{background:transparent;border-color:var(--color-text-muted);color:var(--color-text-secondary)}.usr-btn--delete{background:transparent;border-color:var(--status-danger);color:var(--status-danger)}@media(max-width:640px){.usr-table .usr-wide-only{display:none}.usr-col-act{width:9.5rem}.usr-col-role,.usr-table--active .usr-col-role{width:4.5rem}.usr-table--active .usr-col-name{width:auto}.usr-col-status{width:3.5rem}.usr-table th,.usr-table td{padding:var(--space-xs) var(--space-2xs)}}.devices-page{width:100%;min-width:0}.devices-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-md);margin-bottom:var(--space-md)}.devices-show-deleted{display:inline-flex;align-items:center;gap:var(--space-xs);min-height:var(--touch-min);font-size:var(--font-sm);color:var(--color-text-secondary);cursor:pointer}.devices-show-deleted input[type=checkbox]{width:auto;margin:0}.dv-btn{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:var(--space-2xs) var(--space-md);border:1px solid transparent;border-radius:var(--radius-md);font-size:var(--font-xs);font-weight:600;white-space:nowrap;cursor:pointer;transition:opacity .15s;-webkit-tap-highlight-color:transparent}.dv-btn:disabled{opacity:.5;cursor:not-allowed}.dv-btn--primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-on-accent)}.dv-btn--secondary{background:transparent;border-color:var(--color-slate-300);color:var(--color-text-secondary)}.dv-btn--danger{background:transparent;border-color:var(--status-danger);color:var(--status-danger)}.devices-load-error{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-md);color:var(--status-danger);font-size:var(--font-sm);font-weight:600}.devices-reappear-list{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-md)}.devices-notice{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border:1px solid var(--status-warn);border-radius:var(--radius-md);background:var(--color-warn-soft);color:var(--color-text);font-size:var(--font-sm);min-width:0}.devices-notice-text{overflow-wrap:anywhere}.devices-notice-actions{display:flex;gap:var(--space-sm)}.devices-empty{color:var(--color-text-muted);font-size:var(--font-sm);padding:var(--space-md) 0}.devices-table{width:100%;table-layout:fixed;border-collapse:collapse;background:var(--color-surface);font-size:var(--font-sm)}.devices-table th,.devices-table td{padding:var(--space-xs) var(--space-sm);text-align:left;vertical-align:middle;border-bottom:1px solid var(--color-border);overflow:hidden}.devices-table th{font-size:var(--font-xs);font-weight:700;color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis}.devices-table .dv-col-id{width:13rem}.devices-table .dv-col-status{width:6.5rem}.devices-table .dv-col-last{width:11.5rem}.devices-table .dv-col-actions{width:8.5rem}.devices-row--deleted td{color:var(--color-text-muted)}.devices-cell-text{display:block;max-width:100%}.devices-time{font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.devices-badge{display:inline-block;padding:var(--space-3xs) var(--space-xs);border-radius:var(--radius-lg);font-size:var(--font-2xs);font-weight:600;white-space:nowrap}.devices-actions{display:flex;gap:var(--space-xs)}.devices-edit input{width:100%;min-height:36px;padding:var(--space-2xs) var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-sm)}.devices-row-error{margin-top:var(--space-2xs);color:var(--status-danger);font-size:var(--font-2xs)}@media(max-width:600px){.devices-table .dv-col-id,.devices-table .dv-col-last{display:none}.devices-table th,.devices-table td{padding:var(--space-xs) var(--space-2xs)}.devices-table .dv-col-status{width:5.5rem}.devices-table .dv-col-actions{width:7.5rem}.devices-actions .dv-btn{padding:var(--space-2xs) var(--space-sm)}}.contacts-page{width:100vw;max-width:100%}.contacts-page .contacts-summary-row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-sm);margin:var(--space-md) 0 var(--space-sm)}.contacts-page .contacts-summary{margin:0;font-size:var(--font-sm);color:var(--color-text-secondary)}.contacts-page .contacts-link{font-size:var(--font-sm)}.contacts-page .contacts-summary-gap{flex:1 1 auto}.contacts-page .mgmt-btn.mgmt-btn-small,.contacts-page .mgmt-btn.mgmt-btn-secondary{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-text-muted)}.contacts-page .mgmt-btn.mgmt-btn-danger{background:transparent;color:var(--status-danger);border:1px solid var(--status-danger)}.contacts-page .contacts-table-wrap{display:block}.contacts-page .contacts-table{width:100%;table-layout:fixed;border-collapse:collapse;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.contacts-page .contacts-table th,.contacts-page .contacts-table td{padding:var(--space-sm);text-align:left;vertical-align:middle;font-size:var(--font-xs);overflow:hidden}.contacts-page .contacts-table th{font-weight:600;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);white-space:nowrap}.contacts-page .contacts-table tbody tr+tr td{border-top:1px solid var(--color-border)}.contacts-page .contacts-col-name{width:6rem}.contacts-page .contacts-col-phone{width:7.5rem}.contacts-page .contacts-col-sms{width:5rem}.contacts-page .contacts-col-mail{width:12.5rem}.contacts-page .contacts-col-actions{width:15rem}.contacts-page .contacts-mark{display:block}.contacts-page .contacts-table td>.fit{display:block}.contacts-page .contacts-num{font-variant-numeric:tabular-nums}.contacts-page .contacts-actions{display:flex;justify-content:flex-end;align-items:center;gap:var(--space-xs)}.contacts-page .contacts-actions>.contacts-delete{margin-left:calc(var(--space-lg) - var(--space-xs) + 2px)}.contacts-page .contacts-actions>.mgmt-btn{flex:0 0 auto;white-space:nowrap}.contacts-page .contacts-test-result{display:block;box-sizing:content-box;height:2.8em;line-height:1.4em;margin:var(--space-2xs) 0 0;overflow:hidden;text-align:right}.contacts-page .contacts-test-line{display:block;height:1.4em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.contacts-page .contacts-edit-row td{overflow:visible}.contacts-page .contacts-edit{padding:var(--space-xs) 0}@media(max-width:600px){.contacts-page .contacts-table .contacts-col-phone,.contacts-page .contacts-table .contacts-col-email{display:none}.contacts-page .contacts-table th,.contacts-page .contacts-table td{padding:var(--space-xs)}.contacts-page .contacts-col-name{width:auto}.contacts-page .contacts-col-sms{width:3.75rem}.contacts-page .contacts-col-mail{width:6.5rem}.contacts-page .contacts-col-actions{width:7rem}.contacts-page .contacts-actions{flex-direction:column;align-items:flex-end}.contacts-page .contacts-actions>.contacts-delete{margin-left:0;margin-top:calc(var(--space-lg) - var(--space-xs) + 2px)}}.test-alert-result{margin-top:var(--space-sm);font-size:var(--font-xs)}.test-alert-result--ok{color:var(--status-ok)}.test-alert-result--fail{color:var(--status-danger)}.test-alert-result--unconfirmed{color:var(--status-warn)}.test-alert-subline{margin:0 0 var(--space-lg);font-size:var(--font-sm);color:var(--color-text-muted)}.cam-toolbar{display:flex;justify-content:flex-end;margin-bottom:var(--space-md)}.cam-btn{display:inline-flex;align-items:center;justify-content:center;min-height:2.25rem;padding:var(--space-xs) var(--space-md);border:1px solid transparent;border-radius:var(--radius-md);font-size:var(--font-xs);font-weight:600;line-height:1.2;white-space:nowrap;cursor:pointer;transition:opacity .15s;-webkit-tap-highlight-color:transparent}.cam-btn:disabled{opacity:.5;cursor:not-allowed}.cam-btn--primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-on-accent)}.cam-btn--secondary{background:transparent;border-color:var(--color-text-muted);color:var(--color-text-secondary)}.cam-btn--danger{background:transparent;border-color:var(--status-danger);color:var(--status-danger)}.cam-table-wrap{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.cam-table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:var(--font-sm)}.cam-table th,.cam-table td{padding:var(--space-sm) var(--space-sm);text-align:left;vertical-align:middle;border-bottom:1px solid var(--color-border);overflow:hidden}.cam-table th{font-size:var(--font-xs);font-weight:600;color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis}.cam-table tbody tr:last-child>td{border-bottom-color:transparent}.cam-col--name{width:auto}.cam-col--where{width:14rem}.cam-col--source{width:7.5rem}.cam-col--conn{width:13rem}.cam-col--enabled{width:6.5rem}.cam-col--act{width:9.5rem}.cam-text{display:block;max-width:100%}.cam-name{font-weight:600}.cam-source{display:inline-block;font-size:var(--font-2xs);font-weight:600;padding:var(--space-3xs) var(--space-2xs);border-radius:var(--radius-sm);color:var(--color-text-on-accent)}.cam-conn{display:inline-block;font-size:var(--font-2xs);font-weight:600;padding:var(--space-3xs) var(--space-xs);border-radius:var(--radius-sm);color:var(--color-text-on-accent);white-space:nowrap}.cam-conn--ok{background:var(--status-ok)}.cam-conn--off{background:var(--status-warn)}.cam-why{display:block}.cam-last-error{display:block;margin-top:var(--space-2xs);font-size:var(--font-2xs);color:var(--status-danger);white-space:normal;overflow-wrap:anywhere}.cam-actions{display:flex;gap:var(--space-xs);flex-wrap:nowrap}.cam-edit-row>td{padding:var(--space-md)}.cam-form .mgmt-select{min-height:var(--touch-min)}.cam-failed{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding-bottom:var(--space-lg)}.cam-failed .mgmt-error{padding-bottom:0}@media(max-width:600px){.cam-table .cam-wide{display:none}.cam-col--conn{width:6.5rem}.cam-col--act{width:7.75rem}.cam-table th,.cam-table td{padding:var(--space-xs) var(--space-2xs)}.cam-btn{padding:var(--space-xs) var(--space-sm)}}.cam-low{display:block;margin-top:var(--space-2xs);font-size:var(--font-2xs);line-height:1.3;height:1.3em;color:var(--color-text-muted);white-space:nowrap}@media(max-width:600px){.cam-low{height:2.6em;white-space:normal;overflow-wrap:anywhere}}.cam-field-hint{margin:var(--space-3xs) 0 0;font-size:var(--font-2xs);color:var(--color-text-muted)}@media(min-width:768px){.system-page{width:calc(960px - 2 * var(--space-2xl));max-width:100%}}.system-page .system-site-line{display:block;width:24rem;max-width:100%}.system-page .mgmt-card-actions{flex:0 0 auto;margin-left:var(--space-md)}.system-page .mgmt-btn-secondary{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-text-muted)}.system-page .system-save{min-width:5.5rem}.system-page .system-load-failed{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding-bottom:var(--space-md)}.demo-warning{margin:0 0 var(--space-md);padding:var(--space-sm) var(--space-md);border:1px solid var(--status-danger);border-left-width:4px;border-radius:var(--radius-md);background:var(--color-danger-soft);color:var(--color-danger-strong);font-size:var(--font-sm);font-weight:600;line-height:1.5}.demo-disconnected-slot{box-sizing:border-box;height:2.75rem;margin:0 0 var(--space-md)}.demo-disconnected{display:flex;align-items:center;gap:var(--space-sm);box-sizing:border-box;height:100%;padding:0 var(--space-md);border-radius:var(--radius-md);background:var(--color-warn-soft);color:var(--status-warn);font-size:var(--font-xs)}.demo-disconnected-text{flex:1 1 0;min-width:0}.demo-disconnected>.demo-btn{flex:0 0 auto;white-space:nowrap}.demo-btn{box-sizing:border-box;min-height:2.25rem;padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-md);font-size:var(--font-xs);font-weight:600;line-height:1.2;cursor:pointer;-webkit-tap-highlight-color:transparent}.demo-btn:disabled{opacity:.5;cursor:not-allowed}.demo-btn--detect{border:1px solid var(--status-danger);background:var(--color-surface);color:var(--status-danger)}.demo-btn--release{border:1px solid var(--color-primary);background:var(--color-primary);color:var(--color-text-on-accent)}.demo-btn--secondary{border:1px solid var(--color-primary);background:transparent;color:var(--color-primary)}.demo-site-strip{margin:0 0 var(--space-lg);padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.demo-site-values{display:flex;flex-wrap:wrap;gap:var(--space-xs) var(--space-lg);font-size:var(--font-sm);font-weight:600}.demo-site-value.is-unknown{color:var(--status-muted)}.demo-site-assumed{font-weight:400;color:var(--status-warn)}.demo-site-foot{display:flex;align-items:flex-start;gap:var(--space-sm);margin-top:var(--space-xs)}.demo-site-links{flex:1 1 0;min-width:0;margin:0;font-size:var(--font-xs);color:var(--color-text-muted)}.demo-aux-slot{display:flex;align-items:center;box-sizing:border-box;height:var(--demo-line-h);margin-top:var(--demo-line-gap);overflow:hidden}.demo-aux-slot--strip{flex:0 0 10.5rem;justify-content:flex-end;margin-top:0}.demo-frag-failed{display:flex;align-items:center;gap:var(--space-xs);min-width:0;color:var(--status-danger);font-size:var(--font-xs);white-space:nowrap}.demo-load-failed{display:flex;align-items:center;gap:var(--space-sm)}.demo-table{width:100%;table-layout:fixed;border-collapse:collapse;background:var(--color-surface);font-size:var(--font-xs)}.demo-col--state{width:9%}.demo-col--name{width:12%}.demo-col--detector{width:17%}.demo-col--board{width:14%}.demo-col--last{width:17%}.demo-col--signal{width:31%}.demo-table th{padding:var(--space-xs) 6px;text-align:left;font-weight:600;color:var(--color-text-muted);border-bottom:1px solid var(--color-border)}.demo-cell{padding:var(--space-xs) 6px;vertical-align:top;overflow:hidden;border-bottom:1px solid var(--color-border)}.demo-cell-label{display:none}.demo-state{display:block;box-sizing:border-box;width:4.5rem;padding:2px 0;border-radius:var(--radius-md);text-align:center;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-state.is-emergency{background:var(--color-danger-soft);color:var(--status-danger)}.demo-state.is-normal{background:var(--color-ok-soft);color:var(--status-ok)}.demo-state.is-unknown{background:var(--color-surface-muted);color:var(--status-muted)}.demo-stale-slot{display:block;box-sizing:border-box;width:4.5rem;height:2.2rem;margin-top:2px;overflow:hidden;font-size:var(--font-2xs);line-height:1.1rem}.demo-stale{display:block;color:var(--status-warn)}.demo-stale>span{display:block}@media(min-width:768px){.demo-page{box-sizing:border-box;width:min(100vw - 2 * var(--space-2xl),960px - 2 * var(--space-2xl))}}.demo-page{--demo-line-h: 2.25rem;--demo-slot-h: 1.2rem;--demo-line-gap: 8px;--demo-btn-w: 7rem}.demo-name,.demo-detectors,.demo-boards,.demo-last{display:block;min-width:0;max-width:100%}.demo-board>span{display:block}.demo-detectors,.demo-actions{display:flex;flex-direction:column;gap:var(--demo-line-gap)}.demo-detector,.demo-signal-for{display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;min-width:0;height:var(--demo-line-h);overflow:hidden;line-height:1.3}.demo-detector{margin-bottom:var(--demo-slot-h)}.demo-last{height:2.6em;line-height:1.3;overflow:hidden}.demo-last-line{display:block;max-width:100%}.demo-detector-line1{display:flex;align-items:baseline;gap:var(--space-2xs);min-width:0}.demo-detector-line1>.fit{flex:1 1 0}.demo-detector-id{display:block;max-width:100%;color:var(--color-text-muted)}.demo-detector-absent{flex:0 0 auto;padding:0 4px;border-radius:var(--radius-md);background:var(--color-surface-muted);color:var(--status-muted);font-weight:700}.demo-detector.is-absent,.demo-detector-note{color:var(--status-muted)}.demo-detector-note{display:flex;align-items:center;min-height:var(--demo-line-h)}.demo-board+.demo-board{margin-top:2px}.demo-board.is-up .demo-board-link{color:var(--status-ok)}.demo-board.is-down .demo-board-link{color:var(--status-danger)}.demo-board.is-unknown .demo-board-link{color:var(--status-muted)}.demo-last.is-open{color:var(--status-danger)}.demo-last.is-resolved{color:var(--status-ok)}.demo-signal-line{display:grid;grid-template-columns:var(--demo-btn-w) minmax(0,1fr);grid-template-rows:var(--demo-line-h) var(--demo-slot-h);column-gap:var(--space-sm);min-width:0}.demo-signal-for{display:none}.demo-signal-line>.demo-btn{grid-column:1;grid-row:1;box-sizing:border-box;width:var(--demo-btn-w);height:var(--demo-line-h);padding-left:var(--space-2xs);padding-right:var(--space-2xs);white-space:nowrap;overflow:hidden}.demo-result-slot{grid-column:1 / -1;grid-row:2;min-width:0;height:var(--demo-slot-h);overflow:hidden}.demo-result{min-width:0;height:var(--demo-slot-h);font-size:var(--font-xs);line-height:var(--demo-slot-h)}.demo-result-text{display:block;max-width:100%}.demo-result.is-ok{color:var(--status-ok)}.demo-result.is-rejected{color:var(--status-danger)}.demo-result.is-unconfirmed{color:var(--status-warn)}.demo-row--stale .demo-state{outline:1px dashed var(--status-warn);outline-offset:-1px}@media(max-width:959px){.demo-table,.demo-table tbody{display:block;width:100%}.demo-table colgroup,.demo-table thead{display:none}.demo-row{display:flex;flex-wrap:wrap;align-items:flex-start;margin-bottom:var(--space-sm);padding:var(--space-xs) 0;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.demo-cell{display:flex;box-sizing:border-box;flex:0 0 100%;gap:var(--space-xs);border-bottom:none}.demo-cell--state{display:block;flex:0 0 5.25rem}.demo-cell--name{flex:1 1 0}.demo-cell--name .demo-cell-label{display:none}.demo-cell-label{display:block;flex:0 0 5rem;color:var(--color-text-muted)}.demo-name,.demo-detectors,.demo-boards,.demo-last{flex:1 1 0}.demo-name{font-weight:700}.demo-cell--signal{display:block}.demo-signal-line{grid-template-columns:minmax(0,1fr) var(--demo-btn-w)}.demo-signal-for{display:flex;grid-column:1;grid-row:1}.demo-signal-line>.demo-btn{grid-column:2}.demo-aux-slot{justify-content:flex-end}.demo-detector{margin-bottom:0}.demo-site-foot{flex-wrap:wrap}.demo-aux-slot--strip{flex:0 0 100%}}