: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)}.camera-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2xs)}.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;aspect-ratio:16 / 9;background:var(--color-black);border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;transition:all .2s ease}.camera-cell.expanded{grid-column:1 / -1;aspect-ratio:16 / 9}.camera-grid.has-expanded .camera-cell:not(.expanded){display:none}.camera-video{width:100%;height:100%;object-fit:cover;display:block}.camera-overlay{position:absolute;bottom:0;left:0;right:0;padding:var(--space-2xs) var(--space-xs);background:linear-gradient(transparent,var(--color-overlay));display:flex;flex-direction:column;pointer-events:none}.camera-name{color:var(--color-text-on-accent);font-size:var(--font-2xs);font-weight:600;line-height:1.2}.camera-zone{color:var(--color-text-on-dark);font-size:var(--font-2xs);line-height:1.2}.camera-disconnected{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-overlay-strong);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-warn-vivid);gap:var(--space-2xs);pointer-events:none}.disconnected-icon{font-size:var(--font-xl)}.camera-disconnected span:last-child{font-size:var(--font-xs)}.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-btn{margin-top:var(--space-sm);min-height:44px;padding:0 var(--space-lg);border:1px solid currentColor;border-radius:var(--radius-md);background:var(--color-overlay-soft);color:var(--color-text-on-accent);font-size:var(--font-xs);cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent}.camera-retry-btn:hover{background:var(--color-warn-overlay)}.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}.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-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}.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}.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 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-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-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-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}.incidents-action-btn{font-size:var(--font-xs)!important;padding:var(--space-2xs) var(--space-md)!important}.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,.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}.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}.alert-actions-intro{color:var(--color-slate-600);margin:var(--space-2xs) 0 var(--space-md)}.alert-actions-warning{border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);margin:0 0 var(--space-md);border-left:4px solid var(--color-slate-200);background:var(--color-slate-50)}.alert-actions-warning-off{border-left-color:var(--status-warn);background:var(--color-warn-soft)}.alert-actions-warning-channel{border-left-color:var(--color-purple);background:var(--color-purple-soft)}.alert-actions-warning-unverified{border-left-color:var(--status-danger);background:var(--color-danger-soft)}.alert-actions-warning-title{font-size:var(--font-sm);margin:0 0 var(--space-xs)}.alert-actions-warning-body{margin:0 0 var(--space-xs);color:var(--color-slate-600);font-size:var(--font-sm)}.alert-actions-warning-list{margin:0;padding-left:var(--space-lg)}.alert-actions-warning-item{font-weight:600}.alert-action-row{display:flex;flex-direction:column;gap:var(--space-xs)}.alert-action-head{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.alert-action-label{font-weight:600}.alert-action-note{margin:0;color:var(--color-slate-500);font-size:var(--font-xs);line-height:1.5}.alert-action-channel-state{font-size:var(--font-xs);padding:var(--space-3xs) var(--space-sm);border-radius:var(--radius-xl);border:1px solid var(--color-slate-200);color:var(--color-slate-900);background:var(--color-slate-50)}.alert-action-channel-state-enabled{border-color:var(--status-ok);color:var(--status-ok);background:var(--color-ok-soft)}.alert-action-channel-state-disabled{border-color:var(--status-warn);color:var(--status-warn);background:var(--color-warn-soft)}.alert-action-channel-state-unconfigured{border-color:var(--color-purple);color:var(--color-purple);background:var(--color-purple-soft)}.alert-action-channel-state-unverified{border-color:var(--status-danger);color:var(--status-danger);background:var(--color-danger-soft)}.alert-action-row.is-unverified{border-left:3px solid var(--status-danger);background:var(--color-danger-tint)}.alert-action-control{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.alert-action-assumed-note{font-size:var(--font-xs);color:var(--status-danger);line-height:1.4}.alert-action-toggle.is-assumed{border-style:dashed}.alert-action-toggle{min-width:84px;padding:var(--space-xs) var(--space-lg);border-radius:var(--radius-xl);border:1px solid var(--color-slate-300);background:var(--color-slate-50);color:var(--color-slate-900);font-weight:600;cursor:pointer}.alert-action-toggle.is-on{border-color:var(--status-ok);background:var(--status-ok);color:var(--color-text-on-accent)}.alert-action-locked{font-size:var(--font-xs);color:var(--color-slate-300)}.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-list{display:flex;flex-direction:column;gap:var(--space-sm)}.zone-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:var(--space-md);align-items:center;background:var(--color-surface);border-radius:var(--radius-lg);border-left:4px solid var(--color-slate-100);padding:var(--space-md);box-shadow:var(--shadow-sm);cursor:pointer}.zone-row--danger{border-left-color:var(--status-danger)}.zone-row--warn{border-left-color:var(--status-warn)}.zone-row--ok{border-left-color:var(--status-ok)}.zone-row.is-selected{outline:2px solid var(--status-info)}.zone-row--stale{border-style:dashed;border-left-style:dashed;opacity:.72;background-image:repeating-linear-gradient(135deg,transparent,transparent 8px,rgba(0,0,0,.035) 8px,rgba(0,0,0,.035) 16px)}.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)}.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-retry{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}.zone-row button:disabled{pointer-events:none;opacity:.55}.zone-row-info{display:flex;flex-direction:column;gap:var(--space-3xs);min-width:0}.zone-row-name{font-weight:600}.zone-row-meta{font-size:var(--font-xs);color:var(--text-muted)}.zone-row-state-cell{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-2xs)}.zone-state{display:inline-block;padding:var(--space-2xs) var(--space-md);border-radius:var(--radius-xl);font-size:var(--font-xs);font-weight:600}.zone-observed-at{font-size:var(--font-xs);color:var(--text-muted)}.zone-row-actions{display:flex;gap:var(--space-xs);flex-shrink:0}.zone-release-alarm-note{font-size:var(--font-xs);color:var(--text-muted);max-width:22rem}.zone-row-actions button{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-md);border:1px solid var(--color-slate-300);background:var(--color-slate-50);cursor:pointer}.zone-row-notes{grid-column:1 / -1;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-sm);flex-wrap:wrap}.zone-delete-release-first{padding:var(--space-3xs) var(--space-sm);border-radius:var(--radius-md);border:1px solid var(--status-warn);background:var(--color-surface);color:var(--status-warn);font-size:var(--font-xs);cursor:pointer}.zone-delete-release-first:disabled{cursor:not-allowed;opacity:.55}.zone-release-confirm-note,.zone-delete-after-release-note{margin:0 0 var(--space-sm);font-size:var(--font-xs);color:var(--text-muted)}.zone-delete-after-release-note{color:var(--status-warn);font-weight:600}.zone-release-confirm-cameras{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-sm)}.zone-release-confirm-camera{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;padding:var(--space-xs);border:1px solid var(--color-slate-50);border-radius:var(--radius-md)}.zone-error{margin-bottom:var(--space-sm)}.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-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;gap: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.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}.zone-target-state-button{flex:0 0 auto;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:disabled{cursor:not-allowed;opacity:.55}.zone-target-more{flex:0 0 auto;white-space:nowrap;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,.zone-relay-form{display:flex;gap:var(--space-xs);align-items:center;flex-wrap:wrap;margin-top:var(--space-sm)}.zone-relay-list{display:flex;flex-direction:column;gap:var(--space-xs)}.zone-relay-item{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-relay-address{font-size:var(--font-xs);color:var(--text-muted)}.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}.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: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)}.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;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-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{font-size:var(--font-xs);color:var(--color-text-muted)}.target-state-chip{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;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;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{font-weight:600}.target-channel-taken-reason{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)}