*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#f3f4f6;--color-surface:#fff;--color-surface-muted:#f8fafc;--color-text:#0f172a;--color-text-secondary:#64748b;--color-border:#e2e8f0;--color-border-subtle:#eef2f7;--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-primary-light:#eff6ff;--color-status-normal:#16a34a;--color-status-warning:#ea580c;--color-status-critical:#dc2626;--color-status-offline:#9ca3af;--color-status-no-data:#64748b;--page-padding:16px;--card-padding:18px;--card-radius:16px;--card-radius-sm:12px;--section-gap:14px;--touch-target:44px;--text-primary:var(--color-text);--text-secondary:var(--color-text-secondary);--border-subtle:var(--color-border-subtle);--surface:var(--color-surface);--surface-muted:var(--color-surface-muted);--radius:var(--card-radius);--radius-sm:var(--card-radius-sm);--shadow:0 1px 3px #0f172a0f;--shadow-card:0 1px 4px #0f172a12;--max-width:480px}html{-webkit-text-size-adjust:100%;font-size:16px}body{background:var(--color-bg);color:var(--color-text);min-height:100dvh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Malgun Gothic,sans-serif;line-height:1.5}#root{min-height:100dvh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}.app{max-width:var(--max-width);background:var(--color-bg);flex-direction:column;min-height:100dvh;margin:0 auto;display:flex}.device-list-page{max-width:var(--max-width);flex:1;width:100%;margin:0 auto;padding:16px}@media (width>=768px){.device-list-page{max-width:900px}}@media (width>=1200px){.device-list-page{max-width:1200px;padding-left:24px;padding-right:24px}}@media (width>=1440px){.device-list-page{max-width:1400px}}.device-list-page__header{margin-bottom:20px}.device-list-page__title-row{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.device-list-toolbar{flex-direction:column;gap:16px;display:flex}.device-list-toolbar__primary{flex:auto;min-width:0}.device-list-toolbar__title-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.device-list-toolbar__actions{flex-direction:column;gap:8px;display:flex}.device-list-toolbar__actions .btn--outline{order:2}.device-list-toolbar__register{order:1}.device-list-toolbar__logout{color:var(--color-text-secondary);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;order:3;align-self:center;padding:8px 4px;font-size:.8125rem;font-weight:500;text-decoration:underline}.device-list-toolbar__logout:hover,.device-list-toolbar__logout:focus-visible{color:var(--color-text)}@media (width>=1200px){.device-list-toolbar{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:24px}.device-list-toolbar__actions{flex-direction:row;flex-shrink:0;align-items:center;gap:12px}.device-list-toolbar__actions .btn{width:auto}.device-list-toolbar__register{order:2}.device-list-toolbar__actions .btn--outline{order:1}.device-list-toolbar__logout{order:3;align-self:center}}.device-list-search{margin-bottom:8px;position:relative}.device-list-search__input{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);width:100%;min-height:44px;color:var(--color-text);padding:10px 36px 10px 14px;font-size:.9375rem}.device-list-search__input:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.device-list-search__clear{width:28px;height:28px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;font-size:1.25rem;line-height:1;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.device-list-search__clear:hover,.device-list-search__clear:focus-visible{background:var(--color-bg);color:var(--color-text)}.device-list-search__count{color:var(--color-text-secondary);margin:0 0 12px;font-size:.8125rem}.language-switcher{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.language-switcher__label{color:var(--color-text-secondary);font-size:.75rem}.language-switcher__select{border:1px solid var(--color-border);background:var(--color-surface);border-radius:8px;min-height:36px;padding:6px 10px;font-size:.875rem}.login-card__top{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px;display:flex}.btn--register{margin-bottom:4px}.device-list-page__actions{flex-direction:column;gap:8px;display:flex}.device-list-page__action-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.device-list-page__action-row .btn{width:100%}.device-list-page__title-block{flex:auto;min-width:0}.device-list-page__updated{margin-bottom:0}.device-list-page__status-row{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.device-list-mobile-cards{flex-direction:column;gap:10px;display:flex}.device-list-mobile-cards .device-card{margin-bottom:0}@media (width>=768px){.device-list-mobile-cards{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px;display:grid}}.device-fleet-table{display:none}@media (width>=1200px){.device-list-mobile-cards{display:none}.device-fleet-table{display:block}}.device-fleet-table{--fleet-columns:minmax(200px, 1.7fr) minmax(96px, .8fr) minmax(120px, 1fr) minmax(76px, .7fr) minmax(96px, .8fr) minmax(104px, .9fr) minmax(120px, 1.1fr) 20px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);overflow:hidden}.device-fleet-table__header{grid-template-columns:var(--fleet-columns);background:var(--color-bg);border-bottom:1px solid var(--color-border);gap:12px;padding:10px 16px;display:grid}.device-fleet-table__header>*{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;font-weight:600;overflow:hidden}.device-fleet-table__body{flex-direction:column;display:flex}.device-fleet-table__row{grid-template-columns:var(--fleet-columns);border-bottom:1px solid var(--color-border-subtle);color:inherit;cursor:pointer;border-left:3px solid #0000;align-items:center;gap:12px;padding:12px 16px;text-decoration:none;display:grid}.device-fleet-table__row:last-child{border-bottom:none}.device-fleet-table__row:hover{background:var(--color-bg)}.device-fleet-table__row:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px;background:var(--color-primary-light)}.device-fleet-table__row--static{cursor:default}.device-fleet-table__row:has(.status-badge--critical){border-left-color:var(--color-status-critical)}.device-fleet-table__row:has(.status-badge--warning){border-left-color:var(--color-status-warning)}.device-fleet-table__row:has(.status-badge--offline){border-left-color:var(--color-status-offline)}.device-fleet-table__device{flex-direction:column;gap:2px;min-width:0;display:flex}.device-fleet-table__device-name{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:.9375rem;font-weight:700;overflow:hidden}.device-fleet-table__device-meta{color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.device-fleet-table__status,.device-fleet-table__battery,.device-fleet-table__signal,.device-fleet-table__recent,.device-fleet-table__location{min-width:0;color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;overflow:hidden}.device-fleet-table__metric{align-items:baseline;gap:3px;min-width:0;display:flex;overflow:hidden}.device-fleet-table__metric-value{color:var(--color-text);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;font-size:1.0625rem;font-weight:700;overflow:hidden}.device-fleet-table__metric-unit{color:var(--color-text-secondary);flex-shrink:0;font-size:.75rem;font-weight:600}.device-fleet-table__signal{align-items:center;display:flex}.device-fleet-table__empty{color:var(--color-text-secondary)}.device-fleet-table__action{color:var(--color-text-secondary);text-align:center;font-size:1.125rem}.device-fleet-table__row--skeleton{grid-template-columns:var(--fleet-columns);border-bottom:1px solid var(--color-border-subtle);align-items:center;gap:12px;padding:14px 16px;display:grid}.device-fleet-table__row--skeleton:last-child{border-bottom:none}@media (width>=1200px){.device-fleet-table--skeleton{display:block}}.signal-bars{flex-shrink:0;align-items:flex-end;gap:2px;display:inline-flex}.signal-bars__bar{background:var(--color-border);border-radius:1px;width:3px}.signal-bars__bar:first-child{height:6px}.signal-bars__bar:nth-child(2){height:9px}.signal-bars__bar:nth-child(3){height:12px}.signal-bars__bar:nth-child(4){height:15px}.signal-bars__bar--filled{background:var(--color-text)}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px;display:grid}@media (width>=480px){.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=640px){.summary-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.summary-chip{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);cursor:pointer;text-align:left;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;min-height:64px;padding:10px 12px;display:flex}.summary-chip:disabled{opacity:.7;cursor:default}.summary-chip--active{border-color:var(--color-primary);background:var(--color-primary-light)}.summary-chip__label{color:var(--color-text-secondary);font-size:.75rem}.summary-chip__count{color:var(--color-text);font-variant-numeric:tabular-nums;font-size:1.125rem;font-weight:700}.summary-chip--normal .summary-chip__count{color:var(--color-status-normal)}.summary-chip--warning .summary-chip__count{color:var(--color-status-warning)}.summary-chip--critical .summary-chip__count{color:var(--color-status-critical)}.summary-chip--no_data .summary-chip__count{color:var(--color-status-offline)}.dashboard-attention{color:var(--color-text-secondary);margin:0;font-size:.8125rem}.dashboard-attention--active{color:var(--color-status-warning);font-weight:600}.dashboard-empty{text-align:center;padding:28px 18px}.dashboard-empty__title{color:var(--color-text);margin:0 0 8px;font-size:1rem;font-weight:600}.dashboard-empty__desc{color:var(--color-text-secondary);margin:0 0 16px;font-size:.875rem;line-height:1.5}.dashboard-error-card .btn{margin-top:12px}.dashboard-skeleton{flex-direction:column;gap:10px;display:flex}.dashboard-skeleton__card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:14px 16px}.dashboard-skeleton__line{background:linear-gradient(90deg,#e2e8f0 0%,#f1f5f9 50%,#e2e8f0 100%) 0 0/200% 100%;border-radius:6px;height:12px;animation:1.4s ease-in-out infinite dashboard-skeleton-shimmer}.dashboard-skeleton__line--title{width:58%;height:16px;margin-bottom:10px}.dashboard-skeleton__line--meta{width:42%;margin-bottom:8px}.dashboard-skeleton__line--value{width:36%;height:18px;margin:12px 0 8px}@keyframes dashboard-skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion:reduce){.dashboard-skeleton__line{animation:none}}.device-card--static{cursor:default}.device-card--static:active{box-shadow:var(--shadow-card);transform:none}.device-card__location{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;min-width:0;margin-top:4px;font-size:.8125rem;overflow:hidden}.device-card__vitals{color:var(--color-text-secondary);flex-wrap:wrap;gap:8px 14px;margin-top:10px;font-size:.75rem;display:flex}.device-card__vital{align-items:center;gap:4px;display:inline-flex}.device-card__vital-icon{width:13px;height:13px;color:var(--color-text-secondary);flex-shrink:0}.device-card__alarm,.device-card__reason{color:var(--color-text-secondary);margin-top:6px;font-size:.75rem;line-height:1.4}.login-page{flex:1;align-items:center;padding:24px 16px;display:flex}.login-card{width:100%}.login-card .btn{margin-top:8px}.page-title{color:var(--color-text);margin-bottom:4px;font-size:1.375rem;font-weight:700}.page-subtitle{color:var(--color-text-secondary);font-size:.875rem}.device-card{background:var(--color-surface);border-radius:var(--radius);width:100%;box-shadow:var(--shadow-card);cursor:pointer;-webkit-tap-highlight-color:transparent;margin-bottom:12px;padding:18px;transition:box-shadow .15s,transform .1s;display:block}.device-card:active{transform:scale(.995);box-shadow:0 2px 8px #0f172a1f}@media (hover:hover) and (pointer:fine){.device-card:hover{box-shadow:0 4px 12px #0f172a1a}}.device-card__top{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px;display:flex}.device-card__identity{flex:1;min-width:0}.device-card__name{color:var(--color-text);font-size:1.0625rem;font-weight:700;line-height:1.35}.device-card__id{color:var(--color-text-secondary);margin-top:1px;font-size:.75rem}.device-card .status-badge{padding:6px 12px;font-size:.8125rem}.device-card__meta{color:var(--color-text-secondary);margin-bottom:4px;font-size:.8125rem}.device-card__gateway{color:var(--color-text-secondary);margin-bottom:8px;font-size:.75rem}.device-card__primary{margin:12px 0 4px;line-height:1.15}.device-card__primary-label{color:var(--color-text-secondary);margin-bottom:2px;font-size:.75rem;font-weight:600}.device-card__primary-row{line-height:1.15}.device-card__primary-value{color:var(--color-text);font-variant-numeric:tabular-nums;font-size:1.75rem;font-weight:700}.device-card__primary-unit{color:var(--color-text-secondary);margin-left:4px;font-size:.9375rem;font-weight:600}.device-card__primary-empty{color:var(--color-text-secondary);font-size:.9375rem;font-weight:500}.device-card__footer{border-top:1px solid var(--color-border-subtle);margin-top:12px;padding-top:10px}.device-card__last-seen{color:var(--color-text-secondary);font-size:.75rem}.device-card__last-seen--secondary{opacity:.85;margin-top:2px}.status-badge{white-space:nowrap;letter-spacing:.01em;border-radius:999px;flex-shrink:0;align-items:center;padding:5px 10px;font-size:.75rem;font-weight:600;line-height:1.2;display:inline-flex}.status-badge--normal{color:var(--color-status-normal);background:#dcfce7}.status-badge--warning{color:var(--color-status-warning);background:#ffedd5}.status-badge--critical{color:var(--color-status-critical);background:#fee2e2}.status-badge--offline{color:var(--color-status-offline);background:#f1f5f9}.page{padding:0 var(--page-padding) 24px;padding-bottom:calc(100px + env(safe-area-inset-bottom,0px));flex:1;width:100%;overflow-x:hidden}.page-header{align-items:center;gap:12px;min-height:56px;padding:16px 0;display:flex}.page-header__back{cursor:pointer;width:44px;height:44px;color:var(--color-primary);background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.25rem;display:flex}.page-header__back:active{background:var(--color-border)}.page-header__title{flex:1;font-size:1.125rem;font-weight:600}.card{background:var(--surface);border-radius:var(--card-radius);box-shadow:var(--shadow-card);border:1px solid var(--border-subtle);padding:var(--card-padding);margin-bottom:var(--section-gap)}.detail-hero{text-align:left}.detail-hero__label{color:var(--color-text-secondary);margin:0 0 8px;font-size:.8125rem;font-weight:500}.detail-hero__value-row{flex-wrap:wrap;align-items:baseline;gap:8px;min-width:0;display:flex}.detail-hero__value{color:var(--color-text);font-variant-numeric:tabular-nums;word-break:break-word;font-size:2rem;font-weight:700;line-height:1.15}.detail-hero__value--empty{color:var(--color-text-secondary);font-size:1.5rem;font-weight:600}.detail-hero__unit{color:var(--color-text-secondary);font-size:1rem;font-weight:600}.detail-hero__sub-value{color:var(--color-text-secondary);margin:10px 0 0;font-size:.8125rem;line-height:1.4}.detail-hero__stale-note{color:var(--color-status-offline);margin:8px 0 0;font-size:.75rem;line-height:1.4}.detail-hero--stale .detail-hero__value{color:var(--color-text-secondary)}.detail-summary{margin-bottom:20px}.detail-summary__vitals{border-top:1px solid var(--color-border);margin:14px 0 0;padding:12px 0 0;list-style:none;display:flex}.detail-summary__vital{text-align:center;flex-direction:column;flex:1;gap:2px;min-width:0;padding:0 10px;display:flex}.detail-summary__vital:first-child{padding-left:0}.detail-summary__vital:last-child{padding-right:0}.detail-summary__vital+.detail-summary__vital{border-left:1px solid var(--color-border)}.detail-summary__vital-label{color:var(--color-text-secondary);font-size:.75rem;font-weight:600}.detail-summary__vital-value{font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;font-size:.9375rem;font-weight:700;overflow:hidden}.detail-summary__vital-value--signal{justify-content:center;align-items:center;gap:6px;display:flex}.detail-summary__signal-bars{flex-shrink:0;align-items:flex-end;gap:2px;display:inline-flex}.detail-summary__signal-bar{background:var(--color-border);border-radius:1px;width:3px}.detail-summary__signal-bar:first-child{height:6px}.detail-summary__signal-bar:nth-child(2){height:9px}.detail-summary__signal-bar:nth-child(3){height:12px}.detail-summary__signal-bar:nth-child(4){height:15px}.detail-summary__signal-bar--filled{background:var(--color-text)}.detail-summary__signal-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.detail-meta{flex-wrap:wrap;justify-content:flex-start;gap:8px;margin-top:12px;display:flex}.detail-meta__tag{color:var(--color-text-secondary);background:var(--color-bg);border-radius:6px;padding:4px 12px;font-size:.8125rem}.detail-quick-actions-block{margin-bottom:var(--section-gap)}.detail-quick-actions__label{color:var(--color-text-secondary);margin:0 0 8px;font-size:.8125rem;font-weight:600}.detail-quick-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:0;display:grid}.detail-quick-actions__btn{text-align:center;width:100%;min-width:0;text-decoration:none}.detail-refresh-hint{margin:0 0 12px}.detail-status-list .info-list__value{overflow-wrap:anywhere;text-align:right;min-width:0}.detail-skeleton{flex-direction:column;gap:0;display:flex}.detail-skeleton__hero{text-align:left}.detail-skeleton__value{width:48%;height:28px;margin:12px 0}.detail-skeleton__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.detail-skeleton__grid .dashboard-skeleton__line{height:36px;margin:0}.detail-last-seen{color:var(--color-text-secondary);margin-top:12px;font-size:.8125rem}.detail-info__name{margin-bottom:4px;font-size:.9375rem;font-weight:600}.detail-info__meta{color:var(--color-text-secondary);margin-top:4px;font-size:.8125rem}.detail-info__meta:first-of-type{margin-top:0}.detail-actions{flex-direction:column;gap:12px;margin-top:24px;padding-bottom:8px;display:flex}.info-list{list-style:none}.info-list__item{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.info-list__label{color:var(--color-text-secondary);font-size:.875rem}.info-list__value{font-size:.9375rem;font-weight:500}.btn{border-radius:var(--radius-sm);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;justify-content:center;align-items:center;width:100%;min-height:48px;padding:12px 20px;font-size:1rem;font-weight:600;transition:background .15s,border-color .15s;display:flex}.btn--primary{background:var(--color-primary);color:#fff}.btn--primary:active{background:var(--color-primary-hover)}.btn--secondary{background:var(--color-surface);color:var(--color-primary);border:1px solid var(--color-border)}.btn--secondary:active{background:var(--color-bg)}.btn--outline{background:var(--color-surface);color:var(--color-primary);border:1.5px solid var(--color-primary)}.btn--outline:active{background:var(--color-primary-light)}.btn--danger{color:#fff;background:#b91c1c}.btn--danger:active{background:#991b1b}.btn--danger:disabled,.btn--primary:disabled,.btn--outline:disabled{opacity:.55;cursor:not-allowed}.btn--location{margin-bottom:16px}.btn--compact{min-height:44px;padding:10px 14px;font-size:.875rem}.form-section__title{color:var(--color-text-secondary);letter-spacing:.02em;margin-bottom:12px;font-size:.8125rem;font-weight:600}.form-field{margin-bottom:16px}.form-field__label{color:var(--color-text);margin-bottom:6px;font-size:.875rem;font-weight:500;display:block}.form-field__input,.form-field__select,.form-field__textarea{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);width:100%;min-height:48px;color:var(--color-text);padding:12px 14px;font-size:1rem}.form-field__input-group{align-items:stretch;display:flex}.form-field__input-group .form-field__input{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0;flex:1}.form-field__suffix{background:var(--color-bg);border:1px solid var(--color-border);border-radius:0 var(--radius-sm) var(--radius-sm) 0;min-height:48px;color:var(--color-text-secondary);white-space:nowrap;border-left:none;align-items:center;padding:0 14px;font-size:.9375rem;font-weight:500;display:flex}.form-field__textarea{resize:vertical;min-height:96px}.device-settings-card{flex-direction:column;gap:16px;min-width:0;display:flex}.device-settings-card>.form-field{margin-top:0;margin-bottom:0}.device-settings-coords{grid-template-columns:minmax(0,1fr);gap:16px;width:100%;min-width:0;display:grid}@media (width>=640px){.device-settings-coords{grid-template-columns:repeat(2,minmax(0,1fr))}}.device-settings-coords>.form-field,.device-settings-card .device-settings-coords>.form-field+.form-field{width:100%;min-width:0;margin-top:0;margin-bottom:0}.device-settings-coords .form-field__input-group{width:100%;min-width:0;display:flex}.device-settings-coords .form-field__input-group .form-field__input{border-right:1px solid var(--color-border);border-top-right-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm);flex:auto;width:100%;min-width:0}.device-settings-coords .form-field__input-group .form-field__input:focus{border-right-color:var(--color-primary)}.page.page--device-settings.page--with-bottom-bar{padding-bottom:calc(168px + env(safe-area-inset-bottom,0px))}.device-settings-layout>.bottom-action-bar{width:100%;max-width:var(--max-width);z-index:40;box-sizing:border-box;padding:12px 16px;padding-bottom:max(12px, env(safe-area-inset-bottom,0px));margin-inline:auto;position:fixed;bottom:0;left:0;right:0;transform:none}.device-settings-actions{gap:10px;width:100%;min-width:0;display:flex}.device-settings-actions .btn{flex:1 1 0;min-width:0}.form-field__input:focus,.form-field__select:focus,.form-field__textarea:focus{outline:2px solid var(--color-primary);outline-offset:0;border-color:var(--color-primary)}.form-field__error{color:var(--color-status-critical);margin-top:4px;font-size:.8125rem}.form-field__hint{color:var(--color-text-secondary);margin-top:4px;font-size:.8125rem}.alarm-mode-info{margin-bottom:16px}.alarm-mode-info__title{color:var(--color-text);margin-bottom:4px;font-size:.9375rem;font-weight:600}.alarm-mode-info__desc{color:var(--color-text-secondary);font-size:.8125rem;line-height:1.5}.alarm-preview-card{text-align:center;padding:20px 16px}.alarm-preview-card__label{color:var(--color-text-secondary);margin-bottom:4px;font-size:.8125rem}.alarm-preview-card__value{color:var(--color-text);margin-bottom:4px;font-size:1.75rem;font-weight:700}.alarm-preview-card__sub-value{color:var(--color-text-secondary);margin-bottom:12px;font-size:.9375rem}.alarm-preview-card__status{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.alarm-preview-card__status-label{color:var(--color-text-secondary);font-size:.875rem}.toggle-row{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:14px 0;display:flex}.toggle-row:last-child{border-bottom:none}.toggle-row__label{font-size:.9375rem}.toggle-switch{flex-shrink:0;width:52px;height:32px;position:relative}.toggle-switch__input{opacity:0;width:0;height:0;position:absolute}.toggle-switch__slider{cursor:pointer;background:#d1d5db;border-radius:16px;transition:background .2s;position:absolute;inset:0}.toggle-switch__slider:before{content:"";background:#fff;border-radius:50%;width:26px;height:26px;transition:transform .2s;position:absolute;bottom:3px;left:3px;box-shadow:0 1px 3px #00000026}.toggle-switch__input:checked+.toggle-switch__slider{background:var(--color-primary)}.toggle-switch__input:checked+.toggle-switch__slider:before{transform:translate(20px)}.bottom-action-bar{width:100%;max-width:var(--max-width);padding:12px 16px;padding-bottom:max(12px, env(safe-area-inset-bottom));background:var(--color-surface);border-top:1px solid var(--color-border);position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -2px 8px #0f172a0f}.toast{max-width:calc(var(--max-width) - 32px);color:#fff;border-radius:var(--radius-sm);text-align:center;z-index:1000;background:#1e293b;width:calc(100% - 32px);padding:14px 16px;font-size:.9375rem;animation:.25s toast-in;position:fixed;top:16px;left:50%;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(-12px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.empty-state{text-align:center;color:var(--color-text-secondary);padding:48px 16px}.not-found{text-align:center;padding:48px 16px}.not-found__title{margin-bottom:16px;font-size:1.125rem;font-weight:600}.register-intro{color:var(--color-text-secondary);margin-bottom:16px;font-size:.9375rem;line-height:1.5}.qr-placeholder{border:2px dashed var(--color-border);background:var(--color-bg);min-height:160px;box-shadow:none;text-align:center;flex-direction:column;justify-content:center;align-items:center;margin-bottom:12px;display:flex}.qr-placeholder__icon{color:#cbd5e1;margin-bottom:8px;font-size:2.5rem;line-height:1}.qr-placeholder__text{color:var(--color-text-secondary);font-size:.875rem;line-height:1.6}.register-inline-actions{flex-wrap:wrap;gap:8px;margin:4px 0 12px;display:flex}.claim-qr-scanner{flex-direction:column;gap:10px;display:flex}.claim-qr-scanner__toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.claim-qr-scanner__hint{color:var(--color-text-secondary);flex:160px;margin:0;font-size:.875rem;line-height:1.45}.claim-qr-scanner__viewport{border-radius:var(--radius-card,12px);background:#0f172a;width:100%;max-width:100%;overflow:hidden}.claim-qr-scanner__viewport video{max-width:100%!important}.claim-success-card{text-align:center}.claim-success-card__badge{color:var(--color-status-normal,#16a34a);margin:0 0 8px;font-size:2rem;line-height:1}.claim-success-card__title{margin:0 0 6px;font-size:1.25rem;font-weight:700}.claim-success-card__description{color:var(--color-text-secondary);margin:0 0 16px;font-size:.9375rem;line-height:1.5}.claim-success-card__device{background:var(--color-bg);border-radius:10px;margin-bottom:16px;padding:12px}.claim-success-card__name{word-break:break-word;margin:0 0 4px;font-size:1.0625rem;font-weight:600}.claim-success-card__meta{color:var(--color-text-secondary);word-break:break-word;margin:0;font-size:.875rem}.claim-success-card__gateway{text-align:left;color:var(--color-text-secondary);margin-bottom:16px;font-size:.9375rem}.claim-success-card__children-title{color:var(--color-text);margin:8px 0 4px;font-weight:600}.claim-success-card__children{word-break:break-word;margin:0;padding-left:1.2rem}.claim-success-card__actions{flex-direction:column;gap:8px;display:flex}.claim-success-card__actions .btn{width:100%;min-height:44px}.register-form-hint{color:var(--color-text-secondary);margin-bottom:8px;font-size:.875rem}.register-form-note{color:var(--color-text-secondary);background:var(--color-bg);border-radius:8px;margin-bottom:16px;padding:10px 12px;font-size:.8125rem;line-height:1.5}.quick-fill{border-top:1px solid var(--color-border);margin-top:8px;padding-top:16px}.quick-fill__label{color:var(--color-text-secondary);margin-bottom:10px;font-size:.8125rem}.quick-fill__buttons{flex-direction:column;gap:8px;display:flex}.register-error{color:var(--color-status-critical);background:#fef2f2;border-radius:8px;margin-top:8px;padding:10px 12px;font-size:.875rem}.register-success{color:var(--color-status-normal);background:#f0fdf4;border-radius:8px;margin-top:8px;padding:10px 12px;font-size:.875rem;font-weight:500}.register-success-bar{bottom:calc(72px + env(safe-area-inset-bottom,0px));width:calc(100% - 32px);max-width:calc(var(--max-width) - 32px);color:var(--color-status-normal);border-radius:var(--radius-sm);text-align:center;z-index:100;background:#f0fdf4;border:1px solid #bbf7d0;padding:12px 16px;font-size:.875rem;font-weight:500;line-height:1.5;position:fixed;left:50%;transform:translate(-50%)}.register-actions{gap:10px;display:flex}.register-actions .btn{flex:1}.discovery-status{margin-bottom:16px}.discovery-status__title{color:var(--color-text);margin-bottom:6px;font-size:1rem;font-weight:600}.discovery-status__desc{color:var(--color-text-secondary);font-size:.875rem;line-height:1.5}.discovery-node-card__title{margin-bottom:12px;font-size:1rem;font-weight:600}.discovery-node-card__meta{margin-bottom:16px;list-style:none}.discovery-node-card__meta li{border-bottom:1px solid var(--color-border);justify-content:space-between;gap:12px;padding:8px 0;font-size:.875rem;display:flex}.discovery-node-card__meta li:last-child{border-bottom:none}.discovery-node-card__meta li span:first-child{color:var(--color-text-secondary)}.discovery-node-card__meta li span:last-child{text-align:right;font-weight:500}.discovery-node-card__registered{color:var(--color-status-normal);font-size:.875rem;font-weight:500}.detail-page-header{min-height:var(--touch-target);align-items:flex-start;gap:10px;padding:8px 0 18px;display:flex}.detail-page-header__center{flex-direction:column;flex:1;align-items:flex-start;gap:8px;min-width:0;padding-top:2px;display:flex}.detail-page-header__title-block{width:100%;min-width:0}.detail-page-header__title{letter-spacing:-.02em;color:var(--text-primary);-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;font-size:1.25rem;font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.detail-page-header__subtitle{color:var(--text-secondary);margin-top:4px;font-size:.8125rem;line-height:1.35}.detail-page-header__id{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.75rem}.detail-page-header__badge{flex-shrink:0}.detail-page-header__refresh,.detail-page-header .page-header__back{width:var(--touch-target);min-width:var(--touch-target);min-height:var(--touch-target);flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:1.125rem;display:inline-flex}.detail-page-header__refresh:focus-visible,.detail-page-header .page-header__back:focus-visible,.history-range__btn:focus-visible,.history-section__refresh:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.detail-error-banner{color:var(--color-status-critical);border-radius:var(--card-radius-sm);background:#fef2f2;margin-bottom:12px;padding:10px 12px;font-size:.8125rem}.detail-section{margin-bottom:var(--section-gap)}.detail-section__title{color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase;margin-bottom:16px;font-size:.8125rem;font-weight:600}.device-detail-page .detail-section{margin-bottom:18px}.device-detail-page .detail-section__title{margin-bottom:14px}.app:has(.device-detail-page){max-width:100%}@media (width>=768px){.app:has(.device-detail-page){max-width:1024px}}@media (width>=1200px){.app:has(.device-detail-page){max-width:1440px}}.app:has(.page--alarm-settings){max-width:100%}@media (width>=768px){.app:has(.page--alarm-settings){max-width:720px}}@media (width>=1200px){.app:has(.page--alarm-settings){max-width:900px}}.app:has(.page--alarm-settings) .bottom-action-bar{max-width:100%}@media (width>=768px){.app:has(.page--alarm-settings) .bottom-action-bar{max-width:720px}}@media (width>=1200px){.app:has(.page--alarm-settings) .bottom-action-bar{max-width:900px}}.app:has(.page--device-settings){max-width:100%}@media (width>=768px){.app:has(.page--device-settings){max-width:720px}}@media (width>=1200px){.app:has(.page--device-settings){max-width:900px}}.device-settings-layout>.bottom-action-bar{max-width:100%}@media (width>=768px){.device-settings-layout>.bottom-action-bar{max-width:720px}}@media (width>=1200px){.device-settings-layout>.bottom-action-bar{max-width:900px}}.device-detail-lower-grid__integration:empty{display:none}@media (width>=1200px){.device-detail-overview-grid{grid-template-columns:minmax(0,2fr) minmax(360px,1fr);grid-template-areas:"summary overview""graph info";align-items:start;gap:24px;display:grid}.device-detail-overview-grid__summary{grid-area:summary}.device-detail-overview-grid__graph{grid-area:graph}.device-detail-overview-grid__overview{grid-area:overview}.device-detail-overview-grid__info{grid-area:info}.device-detail-overview-grid__summary,.device-detail-overview-grid__graph,.device-detail-overview-grid__overview,.device-detail-overview-grid__info{min-width:0}.device-detail-overview-grid__overview{flex-direction:column;gap:16px;display:flex}.device-detail-overview-grid__overview .detail-quick-actions-block{margin-bottom:0}.device-detail-lower-grid{align-items:flex-start;gap:24px;display:flex}.device-detail-lower-grid__main{flex:2 1 0;min-width:0}.device-detail-lower-grid__side{flex:360px;min-width:360px}.device-detail-lower-grid__main,.device-detail-lower-grid__side{flex-direction:column;gap:24px;display:flex}.device-detail-lower-grid__integration{flex-direction:column;gap:16px;display:flex}.device-detail-page .detail-section{margin-bottom:0}.device-command-recent{margin-top:24px}.device-detail-lower-grid__side .command-interval-grid__options{grid-template-columns:repeat(2,minmax(0,1fr))}.device-detail-page .info-list--desktop-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;display:grid}.device-detail-page .info-list__item--full{grid-column:1/-1}.device-command-recent .command-history__list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.device-command-recent .command-history{border-top:none;margin-top:0;padding-top:0}}.detail-section__header-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.detail-section__title--inline{white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;margin-bottom:0;overflow:hidden}.detail-section__edit{width:auto;max-width:none;min-width:var(--touch-target);min-height:var(--touch-target);white-space:nowrap;flex:none;justify-content:center;align-items:center;padding:0 14px;text-decoration:none;display:inline-flex}.detail-section__edit:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.page--with-bottom-bar{padding-bottom:120px}.form-section__title{color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase;margin-bottom:14px;font-size:.8125rem;font-weight:600}.alarm-current-card{text-align:left}.alarm-current-card__label{color:var(--text-secondary);margin-bottom:6px;font-size:.75rem}.alarm-current-card__value{font-variant-numeric:tabular-nums;letter-spacing:-.02em;align-items:baseline;gap:6px;font-size:1.75rem;font-weight:700;display:flex}.alarm-current-card__unit{color:var(--text-secondary);font-size:.875rem;font-weight:500}.alarm-advisory{border-radius:var(--card-radius-sm);color:#9a3412;background:#fff7ed;margin-top:12px;padding:10px 12px;font-size:.8125rem;line-height:1.45}.alarm-delivery-note{margin-top:10px}.alarm-success-banner{color:var(--color-status-normal);border-radius:var(--card-radius-sm);background:#ecfdf5;margin-bottom:12px;padding:10px 12px;font-size:.8125rem}.form-field+.form-field,.form-field+.toggle-row,.toggle-row+.form-field{margin-top:14px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}@media (width>=390px){.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=359px){.metric-grid{grid-template-columns:1fr}}.metric-tile{background:var(--surface-muted);border-radius:var(--card-radius-sm);flex-direction:column;justify-content:space-between;gap:10px;min-width:0;min-height:88px;padding:14px 12px;display:flex}.metric-tile__label{color:var(--text-secondary);letter-spacing:.01em;font-size:.6875rem;font-weight:500;line-height:1.3}.metric-tile__value-row{flex-wrap:wrap;align-items:baseline;gap:5px;min-width:0;display:flex}.metric-tile__value{color:var(--text-primary);font-variant-numeric:tabular-nums;letter-spacing:-.02em;word-break:break-word;font-size:1.375rem;font-weight:700;line-height:1.1}.metric-tile__unit{color:var(--text-secondary);font-size:.8125rem;font-weight:500;line-height:1}.metric-tile__value--empty{color:var(--text-secondary);font-size:1.125rem;font-weight:500}.detail-last-seen{color:var(--text-secondary);font-size:.8125rem;line-height:1.4}.detail-last-seen__absolute{color:var(--text-secondary);opacity:.85}.reason-list{background:var(--surface-muted);border-radius:var(--card-radius-sm);margin:0 0 14px;padding:10px 12px;list-style:none}.reason-list__item{color:var(--text-primary);font-size:.8125rem;line-height:1.45}.reason-list__item+.reason-list__item{margin-top:6px}.info-list{margin:0;padding:0;list-style:none}.info-list__item{box-sizing:border-box;border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:14px 0;display:flex}.info-list__item:last-child{border-bottom:none}.info-list__label{color:var(--text-secondary);white-space:nowrap;flex:none;max-width:42%;font-size:.8125rem;line-height:1.25}.info-list__value{color:var(--text-primary);text-align:right;word-break:break-word;flex:auto;min-width:0;font-size:.875rem;font-weight:550;line-height:1.25}.info-list__value--mono{word-break:break-all;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.8125rem}.info-list__pill{border-radius:999px;align-items:center;padding:3px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.info-list__pill--on{color:var(--color-status-normal);background:#ecfdf5}.info-list__pill--off{background:var(--surface-muted);color:var(--text-secondary)}.alarm-section__actions{margin-top:14px;padding-top:4px}.accordion{padding:0;overflow:hidden}.accordion__toggle{cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:52px;padding:16px;display:flex}.accordion__toggle:active{background:var(--color-bg)}.accordion__title{color:var(--color-text-secondary);letter-spacing:.025em;font-size:.8125rem;font-weight:600}.accordion__chevron{color:var(--color-text-secondary);flex-shrink:0;font-size:.75rem}.accordion__body{border-top:1px solid var(--color-border);padding:8px 16px 16px}.tb-device-id-row{box-sizing:border-box;border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:12px;min-height:48px;margin-top:0;padding:14px 0;display:flex}.tb-device-id-row .info-list__label{white-space:nowrap;flex:none;max-width:42%;line-height:1.25}.tb-device-id-row__value{flex-wrap:wrap;flex:auto;justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.tb-device-id-row__value .info-list__value{line-height:1.25}.copy-btn{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-primary);cursor:pointer;white-space:nowrap;border-radius:6px;min-height:28px;padding:4px 10px;font-size:.75rem}.copy-btn:active{background:var(--color-primary-light)}.history-section__header{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:6px;display:flex}.history-section__title-block{flex:1;min-width:0}.history-section__title{text-transform:none;letter-spacing:.02em;color:var(--text-primary);margin-bottom:0;font-size:.9375rem}.history-section__current{color:var(--text-secondary);font-variant-numeric:tabular-nums;margin-top:6px;font-size:.875rem}.history-section__current-value{color:var(--text-primary);font-weight:650}.history-section__current--stale{opacity:.75}.history-section__refresh{width:var(--touch-target);min-width:var(--touch-target);min-height:var(--touch-target);flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.history-spin{animation:.8s linear infinite history-spin;display:inline-block}@keyframes history-spin{to{transform:rotate(360deg)}}.history-range{background:var(--surface-muted);-webkit-overflow-scrolling:touch;scrollbar-width:none;border-radius:12px;gap:4px;margin:14px 0 16px;padding:4px;display:flex;overflow-x:auto}.history-range::-webkit-scrollbar{display:none}.history-range__btn{min-width:44px;min-height:36px;color:var(--text-secondary);letter-spacing:.03em;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:9px;flex:1 1 0;padding:8px 6px;font-size:.75rem;font-weight:650}.history-range__btn--active{background:var(--surface);color:var(--text-primary);box-shadow:0 1px 2px #0f172a14}.history-threshold-legend{flex-wrap:wrap;gap:8px 12px;margin:0 0 10px;display:flex}.history-threshold-legend__item{color:var(--text-secondary);align-items:center;gap:6px;font-size:.6875rem;display:inline-flex}.history-threshold-legend__swatch{border-radius:1px;width:14px;height:2px}.history-threshold-legend__swatch--warning{background:var(--color-status-warning)}.history-threshold-legend__swatch--critical{background:var(--color-status-critical)}.history-chart{width:100%;margin:0}.history-tooltip{color:#fff;pointer-events:none;background:#0f172aeb;border-radius:10px;padding:8px 12px;box-shadow:0 8px 24px #0f172a2e}.history-tooltip__time{opacity:.75;margin-bottom:2px;font-size:.7rem}.history-tooltip__value{font-variant-numeric:tabular-nums;font-size:.95rem;font-weight:600}.history-summary{border-top:1px solid var(--border-subtle);grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:16px;padding-top:14px;display:grid}.history-summary__item{flex-direction:column;gap:4px;min-width:0;display:flex}.history-summary__label{color:var(--text-secondary);letter-spacing:.01em;font-size:.6875rem;line-height:1.3}.history-summary__value{font-variant-numeric:tabular-nums;color:var(--text-primary);letter-spacing:-.01em;font-size:.875rem;font-weight:700}.history-summary__unit{color:var(--text-secondary);margin-left:2px;font-size:.6875rem;font-weight:500}.history-empty,.history-single,.history-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:200px;padding:24px 12px;display:flex}.history-empty__icon{color:var(--text-secondary)}.history-empty__text,.history-single__text,.history-error p{color:var(--text-secondary);max-width:280px;font-size:.875rem;line-height:1.45}.history-single__dot{background:var(--color-primary);width:10px;height:10px;box-shadow:0 0 0 6px var(--color-primary-light);border-radius:50%}.history-single__value{font-variant-numeric:tabular-nums;font-size:1.375rem;font-weight:700}.history-single__hint{margin-top:4px}.history-skeleton__chart{background:linear-gradient(90deg, var(--surface-muted) 0%, #e8ecf1 50%, var(--surface-muted) 100%);background-size:200% 100%;border-radius:12px;height:280px;animation:1.4s ease-in-out infinite history-shimmer}.history-skeleton__summary{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px;display:grid}.history-skeleton__summary span{background:var(--surface-muted);border-radius:8px;height:40px;animation:1.4s ease-in-out infinite history-shimmer}@keyframes history-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion:reduce){.history-spin,.history-skeleton__chart,.history-skeleton__summary span,.command-action-card__spinner,.command-status-result--enter{animation:none}}.command-panel__description{color:var(--color-text-secondary);margin:0 0 10px;font-size:.875rem;line-height:1.45}.device-command-panel .command-group{border:1px solid var(--color-border);border-radius:12px;margin:0 0 10px;overflow:hidden}.device-command-panel .command-group__header{background:var(--color-surface,#fff);text-align:left;cursor:pointer;border:none;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:52px;padding:12px 14px;display:flex}.device-command-panel .command-group__header:hover{background:var(--color-bg)}.device-command-panel .command-group__header:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.device-command-panel .command-group__header-text{flex-direction:column;gap:3px;min-width:0;display:flex}.device-command-panel .command-group__title{color:var(--color-text);font-size:.9375rem;font-weight:700}.device-command-panel .command-group__desc{color:var(--color-text-secondary);font-size:.8125rem;line-height:1.35}.device-command-panel .command-group__summary{background:var(--color-bg);color:var(--color-text-secondary);border-radius:999px;align-self:flex-start;margin-top:2px;padding:1px 8px;font-size:.75rem;font-weight:600}.device-command-panel .command-group__chevron{color:var(--color-text-secondary);flex-shrink:0;transition:transform .15s}.device-command-panel .command-group__chevron--open{transform:rotate(180deg)}.device-command-panel .command-group__panel{border-top:1px solid var(--color-border);padding:4px 14px 14px}@media (prefers-reduced-motion:reduce){.device-command-panel .command-group__chevron{transition:none}}.command-panel__beta,.command-panel__notice{color:#9a3412;background:#fff7ed;border-radius:10px;margin:0 0 12px;padding:10px 12px;font-size:.8125rem;line-height:1.45}.command-panel__feedback-text{margin:0}.command-panel__error-code{opacity:.75;word-break:break-word;margin:4px 0 0;font-size:.75rem}.command-panel__empty-result{color:var(--color-text-secondary);margin:0 0 12px;font-size:.8125rem}.command-action-card{border:1px solid var(--color-border);background:var(--color-bg);border-radius:12px;flex-direction:column;gap:12px;margin:0 0 14px;padding:16px;display:flex}.command-action-card--danger{border-left:4px solid var(--color-status-critical)}.command-reboot-press{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;min-height:56px}.command-reboot-press--active{filter:brightness(.94)}.command-reboot-press__idle{flex-direction:column;align-items:center;gap:2px;display:flex}.command-reboot-press__title{font-size:.9375rem;font-weight:700}.command-reboot-press__hint{opacity:.9;font-size:.75rem;font-weight:500}.command-reboot-press__progress{flex-direction:column;align-items:center;gap:6px;display:flex}.command-reboot-press__blocks{gap:3px;display:flex}.command-reboot-press__block{background:#ffffff59;border-radius:2px;width:10px;height:10px}.command-reboot-press__block--filled{background:#fff}.command-reboot-press__percent{font-variant-numeric:tabular-nums;font-size:.8125rem;font-weight:700}.command-action-card__title{margin:0;font-size:1rem;font-weight:700;line-height:1.3}.command-action-card__title-line{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px;display:flex}.command-action-card__title-line .command-action-card__title{margin:0}.command-action-card__desc{color:var(--color-text-secondary);margin:6px 0 0;font-size:.8125rem;line-height:1.45}.command-action-card__progress{color:var(--color-text-primary);flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0 0;font-size:.8125rem;line-height:1.4;display:flex}.command-action-card__elapsed{color:var(--color-text-secondary)}.command-action-card__spinner{border:2px solid #cbd5e1;border-top-color:#2563eb;border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.8s linear infinite command-spin}@keyframes command-spin{to{transform:rotate(360deg)}}.command-action-card__button{width:100%;min-height:44px}.command-interval-current{background:var(--color-bg);border-radius:8px;flex-direction:column;gap:2px;margin:12px 0 0;padding:10px 12px;display:flex}.command-interval-current__label{color:var(--color-text-secondary);font-size:.75rem;font-weight:600}.command-interval-current__value{font-size:.9375rem;font-weight:700}.command-interval-grid{border:none;min-width:0;margin:12px 0 0;padding:0}.command-interval-grid__legend{color:var(--color-text-secondary);margin:0 0 8px;padding:0;font-size:.8125rem;font-weight:600}.command-interval-grid__options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.command-interval-grid__btn{border:1.5px solid var(--color-border);background:var(--color-surface,#fff);min-height:52px;color:var(--color-text);white-space:nowrap;cursor:pointer;border-radius:10px;padding:8px 4px;font-size:.875rem;font-weight:600;line-height:1.2}.command-interval-grid__btn:hover:not(:disabled){border-color:var(--color-primary,#1d4ed8)}.command-interval-grid__btn:disabled{opacity:.6;cursor:not-allowed}.command-interval-grid__btn--selected{border-color:var(--color-primary,#1d4ed8);background:var(--color-primary-light,#eff6ff);color:var(--color-primary,#1d4ed8);border-width:2px}.command-interval-custom{background:var(--color-bg);border-radius:8px;margin:12px 0 0;padding:12px}.command-interval-custom__label{color:var(--color-text-secondary);margin:0 0 6px;font-size:.8125rem;font-weight:600;display:block}.command-interval-custom__field{align-items:center;gap:8px;display:flex}.command-interval-custom__input{border:1.5px solid var(--color-border);font-variant-numeric:tabular-nums;border-radius:8px;width:96px;min-height:44px;padding:8px 10px;font-size:1rem;font-weight:600}.command-interval-custom__input:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.command-interval-custom__unit{color:var(--color-text-secondary);font-size:.875rem}.command-interval-custom__error{color:var(--color-status-critical);margin:8px 0 0;font-size:.8125rem}.command-status-result{border:1px solid var(--color-border);background:var(--color-surface,#fff);border-radius:12px;margin:0 0 14px;padding:16px}.command-status-result--enter{animation:.18s ease-out command-status-fade-in}@keyframes command-status-fade-in{0%{opacity:0}to{opacity:1}}.command-status-result__header{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.command-status-result__title{color:var(--color-text);margin:0;font-size:.9375rem;font-weight:650}.command-transport-badge{letter-spacing:.02em;background:var(--color-primary-light,#eff6ff);color:var(--color-primary,#1d4ed8);white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;padding:2px 8px;font-size:.6875rem;font-weight:700;display:inline-flex}.command-delivery{border:1px solid var(--color-border,#d8dee6);background:color-mix(in srgb, var(--color-surface,#fff) 92%, #e8eef5);border-radius:.5rem;margin:.85rem 0 1rem;padding:.85rem 1rem}.command-delivery--waiting{border-color:color-mix(in srgb, #c9852a 45%, var(--color-border,#d8dee6));background:color-mix(in srgb, #fff8eb 80%, var(--color-surface,#fff))}.command-delivery--success{border-color:color-mix(in srgb, #047857 35%, var(--color-border,#d8dee6));background:color-mix(in srgb, #ecfdf5 75%, var(--color-surface,#fff))}.command-delivery--warning{border-color:color-mix(in srgb, #c9852a 45%, var(--color-border,#d8dee6));background:color-mix(in srgb, #fff8eb 80%, var(--color-surface,#fff))}.command-delivery--danger{border-color:color-mix(in srgb, #b91c1c 35%, var(--color-border,#d8dee6));background:color-mix(in srgb, #fef2f2 75%, var(--color-surface,#fff))}.command-delivery--neutral{border-color:var(--color-border,#d8dee6)}.command-delivery__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem .75rem;margin-bottom:.45rem;display:flex}.command-delivery__header .command-delivery__title{margin:0}.command-delivery__badge{word-break:break-word;border-radius:999px;align-items:center;max-width:100%;padding:.15rem .55rem;font-size:.75rem;font-weight:650;line-height:1.3;display:inline-flex}.command-delivery__badge--success{color:#047857;background:#d1fae5}.command-delivery__badge--warning{color:#92400e;background:#fef3c7}.command-delivery__badge--danger{color:#b91c1c;background:#fee2e2}.command-delivery__badge--neutral,.command-delivery__badge--progress{color:#334155;background:#e2e8f0}.command-delivery__desc{color:var(--color-text-muted,#5c6570);margin:0 0 .65rem;font-size:.88rem;line-height:1.45}.command-delivery__meta-line{color:var(--color-text-secondary);margin:0 0 .4rem;font-size:.8125rem;font-weight:600}.command-delivery__error-inline{color:var(--color-status-critical);margin:0 0 .65rem;font-size:.8125rem}.command-delivery__retry-success{background:color-mix(in srgb, #d1fae5 70%, var(--color-surface,#fff));color:#047857;border-radius:.4rem;margin:0 0 .65rem;padding:.55rem .7rem;font-size:.86rem;font-weight:600;line-height:1.4}.command-delivery__error-block{flex-direction:column;gap:.15rem;min-width:0;display:flex}.command-delivery__error-message{word-break:break-word}.command-delivery__tech-code{color:var(--color-text-muted,#5c6570);word-break:break-all;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.78rem;font-weight:500}.command-delivery__retry{width:100%;margin-top:.75rem}.command-delivery__actions{flex-direction:column;gap:.5rem;margin-top:.75rem;display:flex}.command-delivery__actions .btn{width:100%;min-height:44px}.command-delivery__timeline-link{font-weight:600}.command-history__open-sheet{width:100%;min-height:44px;margin:.5rem 0 .85rem}.command-history-sheet{z-index:50;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.command-history-sheet__backdrop{cursor:pointer;background:#0f172a73;border:0;margin:0;padding:0;position:absolute;inset:0}.command-history-sheet__panel{z-index:1;background:var(--color-surface,#fff);border-radius:16px 16px 0 0;flex-direction:column;width:min(100%,430px);max-height:min(92vh,860px);display:flex;position:relative;overflow:hidden;box-shadow:0 -8px 32px #0f172a2e}.command-history-sheet__header{border-bottom:1px solid var(--color-border,#d8dee6);flex-shrink:0;grid-template-columns:minmax(4rem,auto) 1fr minmax(4rem,auto);align-items:center;gap:.5rem;padding:.85rem .9rem;display:grid}.command-history-sheet__title{text-align:center;margin:0;font-size:1rem;font-weight:700}.command-history-sheet__header-spacer{min-width:4rem;display:block}.command-history-sheet__body{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:auto;padding:.85rem .9rem 1.25rem;overflow-y:auto}.command-history-sheet__list{flex-direction:column;gap:.65rem;margin:0;padding:0;list-style:none;display:flex}.command-history-sheet__row{text-align:left;border:1px solid var(--color-border,#d8dee6);background:color-mix(in srgb, var(--color-surface,#fff) 92%, #e8eef5);cursor:pointer;border-radius:.5rem;width:100%;min-height:44px;padding:.85rem .9rem;display:block}.command-history-sheet__row:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.command-history-sheet__row-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.4rem .65rem;margin-bottom:.35rem;display:flex}.command-history-sheet__row-title{font-size:.95rem;font-weight:650}.command-history-sheet__row-meta{color:var(--color-text-muted,#5c6570);margin:.15rem 0 0;font-size:.82rem}.command-history-sheet__row-summary{color:var(--color-text-muted,#5c6570);margin:.4rem 0 0;font-size:.86rem;line-height:1.4}.command-history-sheet__more{width:100%;min-height:44px;margin-top:.85rem}.command-history-sheet__empty{text-align:center;padding:1.5rem .5rem}.command-history-sheet__empty-title{margin:0 0 .45rem;font-weight:650}.command-history-sheet__empty-desc{color:var(--color-text-muted,#5c6570);margin:0;font-size:.9rem;line-height:1.45}.command-history-sheet__inline-error{color:#991b1b;background:#fef2f2;border-radius:.5rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.65rem .75rem;font-size:.88rem;display:flex}.command-history-detail__section-title{margin:0 0 .55rem;font-size:.95rem;font-weight:650}.command-history-detail__timeline-block{margin-top:1rem}.command-history-detail__tech{border:1px solid var(--color-border,#d8dee6);border-radius:.5rem;margin-top:1rem;padding:.75rem .85rem}.command-history-detail__tech summary{cursor:pointer;font-size:.9rem;font-weight:650}.command-history-detail__tech[open] summary{margin-bottom:.65rem}.command-history-detail__tech-value{flex-wrap:wrap;align-items:center;gap:.4rem;min-width:0;display:flex}.command-history-detail__copied{color:#047857;margin:.5rem 0 0;font-size:.82rem}.command-timeline{margin:0;padding:0;list-style:none}.command-timeline__item{grid-template-columns:1.25rem 1fr;gap:0 .75rem;min-width:0;display:grid}.command-timeline__rail{flex-direction:column;align-items:center;display:flex;position:relative}.command-timeline__dot{background:#64748b;border-radius:999px;flex-shrink:0;width:.7rem;height:.7rem;margin-top:.2rem}.command-timeline__item--progress .command-timeline__dot{background:#2563eb}.command-timeline__item--success .command-timeline__dot{background:#059669}.command-timeline__item--warning .command-timeline__dot{background:#d97706}.command-timeline__item--danger .command-timeline__dot{background:#dc2626}.command-timeline__line{background:color-mix(in srgb, var(--color-border,#d8dee6) 70%, #94a3b8);flex:auto;width:2px;min-height:1.1rem;margin:.25rem 0}.command-timeline__body{min-width:0;padding-bottom:.95rem}.command-timeline__title{word-break:break-word;margin:0;font-size:.92rem;font-weight:650}.command-timeline__time,.command-timeline__meta{color:var(--color-text-muted,#5c6570);margin:.15rem 0 0;font-size:.8rem}.command-timeline__desc{color:var(--color-text-muted,#5c6570);word-break:break-word;margin:.25rem 0 0;font-size:.86rem;line-height:1.4}.command-timeline__empty{color:var(--color-text-muted,#5c6570);margin:0;font-size:.88rem}.command-delivery__badge--progress{color:#1d4ed8;background:#dbeafe}@media (width>=720px){.command-history-sheet{align-items:center}.command-history-sheet__panel{border-radius:16px;max-height:min(88vh,820px)}}.command-delivery__title{margin:0 0 .55rem;font-size:.95rem;font-weight:650}.command-delivery__banner{color:#8a5a12;margin:0 0 .65rem;font-size:.9rem;font-weight:600}.command-delivery__grid{gap:.35rem 1rem;margin:0;display:grid}.command-delivery__row{grid-template-columns:minmax(7rem,9.5rem) 1fr;align-items:baseline;gap:.5rem;display:grid}.command-delivery__row dt{color:var(--color-text-muted,#5c6570);margin:0;font-size:.82rem}.command-delivery__row dd{word-break:break-word;margin:0;font-size:.9rem;font-weight:550}.command-delivery__error-code{color:var(--color-text-muted,#5c6570);font-weight:500}.command-delivery--compact{color:var(--color-text-muted,#5c6570);background:0 0;border:none;margin:.25rem 0 0;padding:0;font-size:.82rem}.command-delivery--compact.command-delivery--waiting{color:#8a5a12;font-weight:600}.command-status-result__meta{color:var(--color-text-secondary);flex-wrap:wrap;align-items:baseline;gap:6px;margin:0 0 14px;font-size:.75rem;line-height:1.4;display:flex}.command-status-result__relative{color:var(--color-text-secondary);font-weight:600}.command-status-result__meta-sep{opacity:.7}.command-status-result__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px;margin:0;display:grid}.command-status-result__row{flex-direction:column;gap:2px;min-width:0;font-size:.8125rem;line-height:1.35;display:flex}.command-status-result__row dt{color:var(--color-text-secondary);margin:0;font-weight:500}.command-status-result__row dd{color:var(--color-text);word-break:break-word;text-align:left;margin:0;font-weight:700}.command-self-test-badge{letter-spacing:.01em;white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;padding:2px 8px;font-size:.75rem;font-weight:700;display:inline-flex}.command-self-test-badge--compact{padding:1px 7px;font-size:.6875rem}.command-self-test-badge--pass{background:var(--color-success-bg,#ecfdf5);color:var(--color-success,#047857)}.command-self-test-badge--fail{background:var(--color-warning-bg,#fff7ed);color:var(--color-warning-text,#9a3412)}.command-self-test-checks{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.command-self-test-checks__item{background:var(--color-bg,#f8fafc);border:1px solid var(--color-border);border-radius:10px;min-width:0;padding:10px 12px}.command-self-test-checks__main{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.command-self-test-checks__label{color:var(--color-text);word-break:break-word;min-width:0;font-size:.8125rem;font-weight:650}.command-self-test-checks__detail{color:var(--color-text-secondary);word-break:break-word;overflow-wrap:anywhere;margin:6px 0 0;font-size:.8125rem;line-height:1.4}.command-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.command-list--upcoming{gap:8px}.command-row{border-top:1px solid var(--color-border);flex-direction:column;gap:10px;padding:12px 0;display:flex}.command-row:first-child{border-top:none;padding-top:0}.command-row--disabled{opacity:.72}.command-row__title-line{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.command-row__title{font-size:.975rem;font-weight:650}.command-row__desc,.command-row__latest,.command-row__unsupported{color:var(--color-text-secondary);margin:4px 0 0;font-size:.8125rem;line-height:1.4}.command-row__unsupported{color:#b45309}.command-row__actions{flex-wrap:wrap;gap:8px;display:flex}.command-row__actions--interval{flex-direction:column;align-items:stretch}.command-upcoming{border-top:1px solid var(--color-border);margin-top:16px;padding-top:12px}.command-upcoming__title{margin:0 0 4px;font-size:.9375rem;font-weight:650}.command-upcoming__hint{color:var(--color-text-secondary);margin:0 0 10px;font-size:.8125rem;line-height:1.4}.command-upcoming__badge{color:#64748b;background:#f1f5f9;border-radius:999px;padding:2px 8px;font-size:.6875rem;font-weight:700}.command-risk{text-transform:uppercase;letter-spacing:.02em;border-radius:999px;padding:2px 8px;font-size:.6875rem;font-weight:700}.command-risk--low{color:#047857;background:#ecfdf5}.command-risk--medium{color:#b45309;background:#fffbeb}.command-risk--high{color:#b91c1c;background:#fef2f2}.command-status{color:#334155;background:#f1f5f9;border-radius:999px;align-items:center;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.command-status--queued{background:#e2e8f0}.command-status--sent{color:#1d4ed8;background:#dbeafe}.command-status--failed{color:#b91c1c;background:#fee2e2}.command-status--expired{color:#92400e;background:#fef3c7}.command-status--cancelled{color:#64748b;background:#f1f5f9}.command-history{border-top:1px solid var(--color-border);margin-top:16px;padding-top:12px}.command-history__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.command-history__title{margin:0;font-size:.9375rem;font-weight:650}.command-history__refresh{min-height:36px}.command-history__list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.command-history__item{background:var(--color-bg);border-radius:10px;padding:8px 10px}.command-history__row{justify-content:space-between;align-items:center;gap:8px;display:flex}.command-history__type{word-break:break-word;font-size:.875rem;font-weight:600}.command-history__meta{color:var(--color-text-secondary);margin:4px 0 0;font-size:.75rem}.command-history__result{color:var(--text-primary);word-break:break-word;margin:4px 0 0;font-size:.75rem}.command-history__result--error{color:#b91c1c}.command-history__error-code{opacity:.75;font-weight:500}.command-status--delivered,.command-status--sent{color:#1d4ed8;background:#eff6ff}.command-status--acknowledged{color:#6d28d9;background:#f5f3ff}.command-status--completed{color:#047857;background:#ecfdf5}@media (width>=480px){.command-action-card{flex-direction:row;justify-content:space-between;align-items:flex-end}.command-action-card__body{flex:1;min-width:0}.command-action-card__button{flex-shrink:0;width:auto;min-width:148px}.command-status-result__grid{grid-template-columns:max-content minmax(0,1fr) max-content minmax(0,1fr);align-items:baseline;gap:10px 20px}.command-status-result__row{display:contents}.command-status-result__row dd{min-width:0}}.command-modal{z-index:40;background:#0f172a73;justify-content:center;align-items:flex-end;padding:16px;display:flex;position:fixed;inset:0}.command-modal__card{background:var(--color-surface);border-radius:16px;width:min(100%,420px);padding:18px 16px 16px;box-shadow:0 12px 40px #0f172a33}.command-modal__title{margin:0 0 8px;font-size:1.05rem;font-weight:700;line-height:1.35}.command-modal__device{word-break:break-all;margin:0 0 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9rem}.command-modal__body{color:var(--color-text-secondary);margin:0 0 14px;font-size:.875rem;line-height:1.45}.command-modal__body--danger{color:#991b1b}.command-modal__actions{gap:8px;display:flex}.command-modal__actions .btn{flex:1;min-height:44px}@media (width>=720px){.command-modal{align-items:center}}.alarms-page{max-width:var(--max-width);flex:1;width:100%;margin:0 auto;padding:16px}.alarms-page__header{margin-bottom:16px}.alarms-page__title-row{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.alarms-page__title-block{flex:1;min-width:0}.alarms-page__back{margin:0 0 4px}.alarms-page__back-link{color:var(--color-text-secondary);font-size:.875rem;text-decoration:none}.alarms-page__back-link:hover,.alarms-page__back-link:focus-visible{color:var(--color-text);text-decoration:underline}.alarms-page__actions{gap:8px;display:flex}.alarms-page__updated{margin:0 0 12px}.alarms-page__feedback{color:#065f46;background:#ecfdf5;border-radius:8px;margin:0 0 12px;padding:10px 12px;font-size:.875rem}.alarms-page__list{flex-direction:column;gap:10px;display:flex}.alarms-page__more{justify-content:center;margin-top:16px;display:flex}.alarm-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:14px;display:grid}.alarm-tabs__btn{border:1px solid var(--color-border);background:var(--color-surface);min-height:40px;color:var(--color-text-secondary);border-radius:10px;font-size:.875rem;font-weight:600}.alarm-tabs__btn--active{border-color:var(--color-primary,#2563eb);color:var(--color-text);background:color-mix(in srgb, var(--color-primary,#2563eb) 12%, white)}.alarm-summary-grid{margin-bottom:14px}.summary-chip--static{cursor:default;pointer-events:none}.alarm-filters{flex-wrap:wrap;align-items:flex-end;gap:10px;margin-bottom:14px;display:flex}.alarm-filters__field{min-width:120px;color:var(--color-text-secondary);flex-direction:column;gap:4px;font-size:.75rem;display:flex}.alarm-filters__field--grow{flex:160px}.alarm-filters__field select,.alarm-filters__field input{border:1px solid var(--color-border);background:var(--color-surface);min-height:40px;color:var(--color-text);border-radius:8px;padding:8px 10px;font-size:.875rem}.alarm-card{background:var(--color-surface);border:1px solid var(--color-border);border-left:4px solid var(--color-border);border-radius:12px;padding:14px}.alarm-card--warning{border-left-color:#d97706}.alarm-card--critical{border-left-color:#dc2626}.alarm-card--resolved{opacity:.92}.alarm-card--acked{border-left-color:#6366f1}.alarm-card__ack-hint{color:var(--color-text-secondary);margin:6px 0 0;font-size:.8rem;line-height:1.35}.alarm-card__top{margin-bottom:10px}.alarm-card__badges{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.alarm-card__label{margin:0;font-size:1rem;font-weight:700;line-height:1.35}.alarm-card__device{margin-bottom:10px}.alarm-card__device-link{color:var(--color-text);font-weight:600;text-decoration:none}.alarm-card__device-link:hover,.alarm-card__device-link:focus-visible{text-decoration:underline}.alarm-card__meta{color:var(--color-text-secondary);margin:2px 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8rem}.alarm-card__meta--truncate{text-overflow:ellipsis;white-space:nowrap;font-family:inherit;overflow:hidden}.alarm-card__metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 10px;display:grid}.alarm-card__metrics dt{color:var(--color-text-secondary);font-size:.7rem}.alarm-card__metrics dd{margin:2px 0 0;font-size:.9rem;font-weight:600}.alarm-card__times{color:var(--color-text-secondary);flex-direction:column;gap:2px;margin-bottom:10px;font-size:.8rem;display:flex}.alarm-card__times p{margin:0}.alarm-card__abs{color:var(--color-text-secondary)}.alarm-card__lifecycle{color:var(--color-text);font-weight:600}.alarm-card__actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.alarm-status-badge{color:#334155;background:#e2e8f0;border-radius:999px;align-items:center;min-height:24px;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.alarm-status-badge--active{color:#991b1b;background:#fee2e2}.alarm-status-badge--acknowledged{color:#3730a3;background:#e0e7ff}.alarm-status-badge--resolved{color:#475569;background:#e2e8f0}.alarm-status-badge--escalated{color:#9a3412;background:#ffedd5}.alarm-list-skeleton{flex-direction:column;gap:10px;display:flex}.alarm-list-skeleton__card{border:1px solid var(--color-border);background:var(--color-surface);border-radius:12px;padding:14px}.alarm-list-skeleton__line{background:linear-gradient(90deg,#e2e8f0,#f8fafc,#e2e8f0) 0 0/200% 100%;border-radius:6px;height:12px;margin-bottom:8px;animation:1.2s ease-in-out infinite alarm-skeleton-shine}.alarm-list-skeleton__line--title{width:55%;height:16px}.alarm-list-skeleton__line--meta{width:40%}@keyframes alarm-skeleton-shine{0%{background-position:100% 0}to{background-position:-100% 0}}@media (width>=720px){.alarm-card__metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}.app:has(.ops-page){max-width:min(960px,100%)}.ops-page{flex:1;width:100%;max-width:960px;margin:0 auto;padding:16px}.ops-page__header{margin-bottom:16px}.ops-page__title-row{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.ops-page__title-block{flex:1;min-width:0}.ops-page__nav{margin:0 0 4px}.ops-page__nav-link{color:var(--color-text-secondary);font-size:.875rem}.ops-page__nav-link:hover,.ops-page__nav-link:focus-visible{color:var(--color-text);text-decoration:underline}.ops-page__toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.ops-page__freshness{color:var(--color-text-secondary);margin:0;font-size:.8125rem;line-height:1.4}.ops-skeleton{flex-direction:column;gap:12px;margin-bottom:16px;display:flex}.ops-skeleton__kpi,.ops-skeleton__block{background:linear-gradient(90deg,#e2e8f0,#f8fafc,#e2e8f0) 0 0/200% 100%;border-radius:12px;animation:1.2s ease-in-out infinite alarm-skeleton-shine}.ops-skeleton__kpi{height:120px}.ops-skeleton__block{height:160px}.ops-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.ops-kpi{border:1px solid var(--color-border);background:var(--color-surface);border-left:4px solid var(--color-border);min-height:72px;color:inherit;border-radius:12px;flex-direction:column;gap:6px;padding:12px 14px;text-decoration:none;display:flex}.ops-kpi:hover,.ops-kpi:focus-visible{border-color:var(--color-primary);outline:none}.ops-kpi--normal{border-left-color:var(--color-status-normal)}.ops-kpi--warning{border-left-color:var(--color-status-warning)}.ops-kpi--critical,.ops-kpi--alarm{border-left-color:var(--color-status-critical)}.ops-kpi--no_data{border-left-color:var(--color-status-no-data)}.ops-kpi--neutral{border-left-color:var(--color-primary)}.ops-kpi__label{color:var(--color-text-secondary);font-size:.75rem;font-weight:600}.ops-kpi__value{font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:700;line-height:1.1}.ops-grid{grid-template-columns:1fr;gap:12px;margin-bottom:12px;display:grid}.ops-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;margin-bottom:12px;padding:14px}.ops-panel--wide{margin-bottom:12px}.ops-panel__head{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px;display:flex}.ops-panel__title{margin:0 0 10px;font-size:1rem;font-weight:700}.ops-panel__head .ops-panel__title{margin-bottom:0}.ops-panel__link{color:var(--color-primary);white-space:nowrap;font-size:.8125rem;font-weight:600}.ops-panel__link:hover,.ops-panel__link:focus-visible{text-decoration:underline}.ops-panel__note{color:var(--color-text-secondary);margin:0;font-size:.875rem;line-height:1.45}.ops-panel__note--muted{margin-top:8px;font-size:.8125rem}.ops-panel__sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ops-bar{background:var(--color-surface-muted);border-radius:999px;height:14px;margin-bottom:12px;display:flex;overflow:hidden}.ops-bar__seg{min-width:2px;height:100%}.ops-bar__seg--normal{background:var(--color-status-normal)}.ops-bar__seg--warning{background:var(--color-status-warning)}.ops-bar__seg--critical{background:var(--color-status-critical)}.ops-bar__seg--no_data{background:var(--color-status-no-data)}.ops-bar__seg--unknown{background:var(--color-status-offline)}.ops-bar__empty{background:var(--color-border);width:100%}.ops-legend{grid-template-columns:1fr;gap:6px;margin:0;padding:0;list-style:none;display:grid}.ops-legend__item{grid-template-columns:12px 1fr auto auto;align-items:center;gap:8px;font-size:.8125rem;display:grid}.ops-legend__swatch{border-radius:999px;width:10px;height:10px}.ops-legend__swatch--normal{background:var(--color-status-normal)}.ops-legend__swatch--warning{background:var(--color-status-warning)}.ops-legend__swatch--critical{background:var(--color-status-critical)}.ops-legend__swatch--no_data{background:var(--color-status-no-data)}.ops-legend__swatch--unknown{background:var(--color-status-offline)}.ops-legend__pct{color:var(--color-text-secondary);text-align:right;font-variant-numeric:tabular-nums;min-width:3.2em}.ops-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;display:grid}.ops-stat-grid>div,.ops-stat-grid__link{background:var(--color-surface-muted);border:1px solid #0000;border-radius:10px;flex-direction:column;gap:4px;min-height:64px;padding:10px 12px;display:flex}.ops-stat-grid__link:hover,.ops-stat-grid__link:focus-visible{border-color:var(--color-primary);outline:none}.ops-stat-grid dt,.ops-stat-grid__label{color:var(--color-text-secondary);font-size:.75rem;font-weight:600}.ops-stat-grid dd,.ops-stat-grid__value{font-variant-numeric:tabular-nums;margin:0;font-size:1.125rem;font-weight:700}.ops-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.ops-table{border-collapse:collapse;width:100%;font-size:.8125rem}.ops-table th,.ops-table td{text-align:left;border-bottom:1px solid var(--color-border);white-space:nowrap;padding:8px 6px}.ops-table th{color:var(--color-text-secondary);font-weight:600}.ops-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.ops-list__card{border:1px solid var(--color-border);background:var(--color-surface);border-left:4px solid var(--color-border);border-radius:12px;padding:14px;display:block}.ops-list__card:hover,.ops-list__card:focus-visible{border-color:var(--color-primary);outline:none}.ops-list__card--warning{border-left-color:var(--color-status-warning)}.ops-list__card--critical{border-left-color:var(--color-status-critical)}.ops-list__card--no_data,.ops-list__card--unknown{border-left-color:var(--color-status-no-data)}.ops-list__card--muted{opacity:.92}.ops-list__top{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;display:flex}.ops-list__meta{color:var(--color-text-secondary);margin:0 0 4px;font-size:.8125rem}.ops-list__reason{margin:6px 0 10px;font-size:.875rem;line-height:1.4}.ops-list__metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;display:grid}.ops-list__metrics dt{color:var(--color-text-secondary);font-size:.7rem}.ops-list__metrics dd{word-break:break-word;margin:0;font-size:.8125rem;font-weight:600}.ops-fw-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.ops-fw-list li{background:var(--color-surface-muted);border-radius:8px;justify-content:space-between;gap:12px;padding:8px 10px;font-size:.875rem;display:flex}.ops-badge{color:#3730a3;background:#eef2ff;border-radius:999px;margin-bottom:8px;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-block}@media (width>=720px){.ops-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ops-grid,.ops-legend{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-stat-grid,.ops-list__metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=960px){.ops-kpi-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.app:has(.portal-shell){max-width:100%}.portal-shell{flex-direction:column;flex:1;width:100%;min-height:100dvh;display:flex}.portal-shell__content{min-width:0;padding-bottom:calc(64px + env(safe-area-inset-bottom,0px));flex:1}.portal-nav{z-index:40;background:var(--color-surface);border-top:1px solid var(--color-border);padding-bottom:env(safe-area-inset-bottom,0px);display:flex;position:fixed;bottom:0;left:0;right:0}.portal-nav__brand{display:none}.portal-nav__list{width:100%;list-style:none;display:flex}.portal-nav__item{flex:1;min-width:0}.portal-nav__link{min-height:var(--touch-target);color:var(--color-text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:8px 4px 6px;font-size:.6875rem;font-weight:600;display:flex}.portal-nav__link--active{color:var(--color-primary)}.portal-nav__icon{width:22px;height:22px}.portal-nav__label{line-height:1.1}@media (width>=960px){.portal-shell{flex-direction:row}.portal-shell__content{max-width:1200px;padding:24px 32px}.portal-nav{border-top:none;border-right:1px solid var(--color-border);flex-direction:column;flex-shrink:0;align-items:stretch;width:220px;height:100dvh;padding-bottom:0;position:sticky;inset:0 auto auto}.portal-nav__brand{color:var(--color-text);padding:20px 20px 12px;font-size:1rem;font-weight:700;display:block}.portal-nav__list{flex-direction:column;gap:4px;padding:4px 12px}.portal-nav__item{flex:none}.portal-nav__link{border-radius:10px;flex-direction:row;justify-content:flex-start;gap:12px;min-height:44px;padding:10px 12px;font-size:.9375rem}.portal-nav__link:hover{background:var(--color-surface-muted)}.portal-nav__link--active{background:var(--color-primary-light);color:var(--color-primary)}.portal-nav__icon{width:20px;height:20px}}.home-page{flex:1;width:100%;padding:16px}@media (width>=600px){.home-page{max-width:640px;margin:0 auto}}@media (width>=960px){.home-page{max-width:900px;padding:0}}.home-page__header{margin-bottom:22px}.home-page__title-row{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.home-page__title-block{flex:1;min-width:0}.home-page__eyebrow{letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-secondary);margin:0 0 2px;font-size:.75rem;font-weight:600}.home-page__title{color:var(--color-text);margin:0 0 4px;font-size:1.5rem;font-weight:700;line-height:1.25}.home-page__caption{color:var(--color-text-secondary);margin:0;font-size:.875rem}.home-page__status{align-items:center;gap:10px;display:flex}.home-page__updated{flex-direction:column;gap:1px;line-height:1.2;display:flex}.home-page__updated-label{color:var(--color-text-secondary);font-size:.6875rem}.home-page__updated-value{color:var(--color-text);font-variant-numeric:tabular-nums;font-size:.8125rem;font-weight:600}.home-page__refresh{border:1px solid var(--color-border);background:var(--color-surface);width:34px;height:34px;color:var(--color-text-secondary);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.home-page__refresh:hover,.home-page__refresh:focus-visible{border-color:var(--color-primary);color:var(--color-primary);outline:none}.home-page__refresh:disabled{opacity:.6;cursor:default}.home-page__refresh-icon{width:16px;height:16px}.home-page__refresh--busy .home-page__refresh-icon{animation:.8s linear infinite home-refresh-spin}@media (prefers-reduced-motion:reduce){.home-page__refresh--busy .home-page__refresh-icon{animation:none}}@keyframes home-refresh-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.home-page__more-link{text-align:center;margin:4px 0 0;font-size:.875rem}.home-page__more-link a{color:var(--color-text-secondary);text-decoration:underline}.home-kpi-grid .ops-kpi{justify-content:space-between;gap:8px;min-height:82px;padding:14px 16px}.home-kpi-grid .ops-kpi__label{letter-spacing:.02em}.home-kpi-grid .ops-kpi__value{font-size:1.75rem}.home-kpi__label-row{align-items:center;gap:6px;display:flex}.home-kpi__icon{width:14px;height:14px;color:var(--color-text-secondary);flex-shrink:0}.home-kpi-grid .ops-kpi--normal .home-kpi__icon{color:var(--color-status-normal)}.home-kpi-grid .ops-kpi--warning .home-kpi__icon{color:var(--color-status-warning)}.home-kpi-grid .ops-kpi--critical .home-kpi__icon{color:var(--color-status-critical)}.home-kpi-grid .ops-kpi--no_data .home-kpi__icon{color:var(--color-status-no-data)}.home-kpi-grid .ops-kpi--neutral .home-kpi__icon{color:var(--color-primary)}.home-kpi-grid .ops-kpi--normal{background:#f0fdf4}.home-kpi-grid .ops-kpi--warning{background:#fff7ed}.home-kpi-grid .ops-kpi--critical{background:#fef2f2}.home-kpi-grid .ops-kpi--no_data{background:#f8fafc}@media (hover:hover) and (pointer:fine){.home-kpi-grid .ops-kpi:hover{box-shadow:0 4px 12px #0f172a1a}}@media (width>=960px){.home-kpi-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.home-kpi-grid .ops-kpi{min-height:88px}}.home-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;margin-bottom:12px;padding:14px}.home-panel__note{color:var(--color-text-secondary);padding:8px 0;font-size:.875rem}.home-all-clear{background:var(--color-primary-light);color:var(--color-status-normal);border-radius:10px;align-items:center;gap:8px;padding:10px 12px;font-size:.9375rem;font-weight:600;display:flex}.home-action-empty{color:var(--color-text-secondary);padding:8px 0;font-size:.875rem}.home-action-list{flex-direction:column;gap:8px;list-style:none;display:flex}.home-action-item{min-height:var(--touch-target);border:1px solid var(--color-border);background:var(--color-surface-muted);color:inherit;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;text-decoration:none;display:flex}.home-action-item:hover,.home-action-item:focus-visible{border-color:var(--color-primary);outline:none}.home-action-item__dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.home-action-item__dot--critical{background:var(--color-status-critical)}.home-action-item__dot--warning{background:var(--color-status-warning)}.home-action-item__label{flex:1;font-size:.9375rem;font-weight:600}.home-action-item__chevron{color:var(--color-text-secondary)}@media (width>=720px){.home-action-list{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}.home-section-head{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.home-section-head__titles{flex-direction:column;gap:2px;display:flex}.home-section-head__titles .ops-panel__title{margin:0}.home-section-head__count{color:var(--color-text-secondary);margin:0;font-size:.8125rem}.home-section-head .ops-panel__link{flex-shrink:0;padding-top:1px}.home-summary-empty{background:var(--color-primary-light);color:var(--color-status-normal);border-radius:10px;align-items:center;gap:8px;margin:0;padding:10px 12px;font-size:.9375rem;font-weight:600;display:flex}.home-summary-empty__icon{flex-shrink:0;width:16px;height:16px}.home-problem-list .ops-list__card,.home-recent-alarms-list .ops-list__card{gap:2px;padding:12px 14px}.home-problem-list .ops-list__top,.home-recent-alarms-list .ops-list__top{margin-bottom:4px}.home-problem-list .ops-list__top strong,.home-recent-alarms-list .ops-list__top strong{font-size:.9375rem}.home-problem-list .ops-list__meta,.home-recent-alarms-list .ops-list__meta{margin-bottom:2px}@media (hover:hover) and (pointer:fine){.home-problem-list .ops-list__card:hover,.home-recent-alarms-list .ops-list__card:hover{box-shadow:0 2px 6px #0f172a0f}}.settings-page{max-width:var(--max-width);flex:1;width:100%;margin:0 auto;padding:16px}.settings-page__header{margin-bottom:16px}.settings-page__section{margin-bottom:12px}.settings-page__signout{margin-top:8px}.site-workspace-page{padding:16px;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px));max-width:var(--max-width);flex:1;width:100%;margin:0 auto}@media (width>=768px){.site-workspace-page{max-width:720px}}@media (width>=1200px){.site-workspace-page{max-width:900px}}.site-workspace-page .detail-section{margin-bottom:12px}.site-workspace-header{align-items:center;gap:8px;margin-bottom:16px;display:flex}.site-workspace-header__back,.site-workspace-header__action{width:44px;height:44px;color:var(--color-text);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.site-workspace-header__back:hover,.site-workspace-header__action:not(:disabled):hover{background:var(--color-bg)}.site-workspace-header__action:disabled{color:var(--color-text-secondary);opacity:.55;cursor:not-allowed}.site-workspace-header__title{min-width:0;color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;flex:auto;font-size:1.0625rem;font-weight:700;overflow:hidden}.site-workspace-header__actions{flex-shrink:0;align-items:center;gap:2px;display:flex}.site-workspace-header__icon{width:21px;height:21px}.site-identity-summary__top{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:6px;display:flex}.site-identity-summary__name{color:var(--color-text);overflow-wrap:break-word;min-width:0;font-size:1.25rem;font-weight:700;line-height:1.3}.site-identity-summary__updated,.site-identity-summary__model,.site-identity-summary__address{color:var(--color-text-secondary);margin:2px 0 0;font-size:.875rem}.site-identity-summary__capabilities{flex-wrap:wrap;gap:6px;margin:12px 0 0;padding:0;list-style:none;display:flex}.site-identity-summary__capability-chip{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:999px;padding:4px 10px;font-size:.75rem}.primary-metric-card__head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.primary-metric-card__label{margin-bottom:0}.primary-metric-card__refresh{flex-shrink:0;width:40px;min-height:40px;padding:0}.primary-metric-card__value-row{align-items:baseline;gap:6px;margin:8px 0 4px;display:flex}.primary-metric-card__value{color:var(--color-text);font-variant-numeric:tabular-nums;font-size:clamp(2rem,9vw,2.75rem);font-weight:700;line-height:1.1}.primary-metric-card__unit{color:var(--color-text-secondary);font-size:1.125rem;font-weight:600}.primary-metric-card__delta{color:var(--color-text-secondary);align-items:center;gap:6px;margin:0 0 4px;font-size:.875rem;display:flex}.primary-metric-card__delta-arrow{font-weight:700}.primary-metric-card__delta-arrow--up{color:var(--color-status-critical)}.primary-metric-card__delta-arrow--down{color:var(--color-primary)}.primary-metric-card__delta-arrow--stable{color:var(--color-text-secondary)}.primary-metric-card__status{color:var(--color-text-secondary);margin:0 0 12px;font-size:.8125rem;font-weight:600}.primary-metric-card__status--up{color:var(--color-status-critical)}.primary-metric-card__status--down{color:var(--color-primary)}.site-trend-chart{margin:12px 0}.site-trend-chart__empty{border-radius:var(--radius-sm);background:var(--color-bg);min-height:220px;color:var(--color-text-secondary);text-align:center;justify-content:center;align-items:center;margin:12px 0;padding:16px;font-size:.875rem;display:flex}.site-metric-stats{border-top:1px solid var(--border-subtle);grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;margin-top:16px;padding-top:14px;display:grid}@media (width>=480px){.site-metric-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}.site-metric-stats__item{flex-direction:column;gap:4px;min-width:0;display:flex}.site-metric-stats__label{color:var(--color-text-secondary);letter-spacing:.01em;font-size:.6875rem}.site-metric-stats__value{font-variant-numeric:tabular-nums;color:var(--color-text);font-size:.875rem;font-weight:700}.site-workspace-secondary-grid{flex-direction:column;display:flex}@media (width>=1200px){.site-workspace-secondary-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px;display:grid}.site-workspace-secondary-grid>*{margin-bottom:0}}.quick-actions-grid__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}@media (width>=420px){.quick-actions-grid__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.quick-actions-grid__item{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);min-height:76px;color:var(--color-text);text-align:center;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:10px 6px;text-decoration:none;display:flex}.quick-actions-grid__item:disabled,.quick-actions-grid__item[aria-disabled=true]{opacity:.5;cursor:not-allowed}.quick-actions-grid__icon{width:22px;height:22px;color:var(--color-primary)}.quick-actions-grid__label{font-size:.75rem;font-weight:600;line-height:1.25}.recent-alarms-card__view-all{color:var(--color-primary);flex-shrink:0;font-size:.8125rem;font-weight:600;text-decoration:none}.recent-alarms-card__empty{color:var(--color-text-secondary);margin:0;font-size:.875rem}.recent-alarms-card__list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.recent-alarms-card__row{border-radius:var(--radius-sm);background:var(--color-bg);min-height:44px;color:inherit;border-left:3px solid #0000;align-items:center;gap:10px;padding:10px 12px;text-decoration:none;display:flex}.recent-alarms-card__row--warning{border-left-color:var(--color-status-warning)}.recent-alarms-card__row--critical{border-left-color:var(--color-status-critical)}.recent-alarms-card__main{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.recent-alarms-card__name{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:600;overflow:hidden}.recent-alarms-card__meta{color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.recent-alarms-card__severity{border-radius:999px;flex-shrink:0;padding:3px 8px;font-size:.6875rem;font-weight:700}.recent-alarms-card__severity--warning{color:#92400e;background:#fef3c7}.recent-alarms-card__severity--critical{color:#b91c1c;background:#fee2e2}.recent-alarms-card__chevron{width:16px;height:16px;color:var(--color-text-secondary);flex-shrink:0}.installed-devices-card__list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.installed-devices-card__row{border-radius:var(--radius-sm);background:var(--color-bg);min-height:44px;color:inherit;cursor:pointer;align-items:center;gap:10px;padding:10px 12px;text-decoration:none;display:flex}.installed-devices-card__row--static{cursor:default}.installed-devices-card__main{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.installed-devices-card__label{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:600;overflow:hidden}.installed-devices-card__meta{color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;font-size:.75rem;display:flex;overflow:hidden}.installed-devices-card__chevron{width:16px;height:16px;color:var(--color-text-secondary);flex-shrink:0}.site-location-card__map-placeholder{border-radius:var(--radius-sm);background:linear-gradient(135deg,#eef2f9 0%,#e2e8f0 100%);justify-content:center;align-items:center;height:120px;margin-bottom:10px;display:flex}.site-location-card__map-pin{width:28px;height:28px;color:var(--color-primary)}.site-location-card__name{color:var(--color-text);margin:0;font-size:.9375rem;font-weight:600}.site-location-card__address{color:var(--color-text-secondary);margin:2px 0 0;font-size:.8125rem}.site-location-card__directions{align-items:center;gap:6px;width:auto;margin-top:12px;display:inline-flex}.site-location-card__directions-icon{width:16px;height:16px}.site-health-card__source-tag{color:var(--color-text-secondary);background:var(--color-bg);border:1px solid var(--color-border);border-radius:999px;flex-shrink:0;padding:2px 8px;font-size:.6875rem;font-weight:600}.site-health-card__overall{align-items:baseline;gap:4px;margin:4px 0 12px;display:flex}.site-health-card__overall-value{color:var(--color-text);font-variant-numeric:tabular-nums;font-size:2rem;font-weight:700}.site-health-card__overall-max{color:var(--color-text-secondary);font-size:.9375rem}.site-health-card__grid{border-top:1px solid var(--border-subtle);grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;padding-top:12px;display:grid}@media (width>=480px){.site-health-card__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.site-health-card__item{flex-direction:column;gap:4px;display:flex}.site-health-card__label{color:var(--color-text-secondary);font-size:.6875rem}.site-health-card__value{color:var(--color-text);font-variant-numeric:tabular-nums;font-size:.9375rem;font-weight:700}.site-health-card__change{color:var(--color-text-secondary);margin:12px 0 0;font-size:.8125rem}