:root{color:#202936;--xerus-bg:#f1f3f3;--xerus-ink:#121618;--xerus-muted:#596e7a;--xerus-blue:#4083d5;--xerus-blue-dark:#0d50a2;--xerus-nav:#151f2c;--xerus-nav-soft:#192631;--xerus-nav-hover:#20303f;--xerus-border:#0000001f;--xerus-shadow:0 2px 1px -1px #0003, 0 1px 1px 0 #00000024, 0 1px 3px 0 #0000001f;background:#f1f3f3;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--xerus-bg);margin:0}button{font:inherit}.app-shell{background:var(--xerus-bg);grid-template-columns:252px minmax(0,1fr);min-height:100vh;display:grid}.app-shell.dark{color:#f2f4f5;--xerus-bg:#0a1015;--xerus-ink:#f2f4f5;--xerus-muted:#c8d2d6;--xerus-border:#ffffff30;--xerus-shadow:0 0 1px #000c;background:#0a1015}.app-shell.theme-lovelace{--xerus-bg:#eef5fb;--xerus-ink:#17222d;--xerus-muted:#557084;--xerus-blue:#03a9f4;--xerus-blue-dark:#0277bd;--xerus-nav:#102a43;--xerus-nav-soft:#183b56;--xerus-nav-hover:#1f4c6b;--xerus-border:#122a4324;--xerus-shadow:0 12px 30px #0340701a}.app-shell.theme-control{--xerus-bg:#050b12;--xerus-ink:#f2fbff;--xerus-muted:#9ec7d8;--xerus-blue:#00d4ff;--xerus-blue-dark:#4be3ff;--xerus-nav:#07111d;--xerus-nav-soft:#0c1f33;--xerus-nav-hover:#123556;--xerus-border:#4ddaff38;--xerus-shadow:0 0 0 1px #4ddaff14, 0 12px 36px #00000073}.side-nav{background:var(--xerus-nav);color:#dee2e4;grid-template-rows:auto 1fr auto;height:100vh;display:grid;position:sticky;top:0;overflow:auto;box-shadow:1px 0 4px #0000003d}.brand-block{background:#192631;border-bottom:1px solid #ffffff29;align-content:center;gap:9px;min-height:118px;padding:20px 22px 18px;display:grid}.brand-block img{width:202px;max-width:100%;display:block}.brand-block span{color:#c8d2d6;letter-spacing:0;font-size:12px;font-weight:800}.brand-block span:after{content:"";vertical-align:middle;background:#da5046;width:28px;height:4px;margin-left:6px;display:inline-block}.theme-lovelace .brand-block{background:#0b2c4a}.theme-control .brand-block,.theme-control .side-status{background:#03070d}.device-nav{padding:12px 0}.device-nav span{color:#8a99a1;text-transform:uppercase;padding:15px 22px 7px;font-size:11px;font-weight:800;display:block}.device-nav button{color:#dee2e4;text-align:left;cursor:pointer;background:0 0;border:0;border-left:4px solid #0000;align-items:center;gap:12px;width:100%;min-height:42px;padding:10px 18px;text-decoration:none;display:flex}.device-nav button.disabled{cursor:default;color:#aeb9bf;opacity:.86}.device-nav svg{color:#c8d2d6;width:18px;height:18px}.device-nav button:not(:disabled):hover,.device-nav button.active{background:var(--xerus-nav-hover);border-left-color:var(--xerus-blue);color:#fff}.side-status{background:#0a1015;border-top:1px solid #ffffff29;align-items:center;gap:10px;padding:15px 18px;display:flex}.side-status strong,.side-status small{display:block}.side-status small{color:#8a99a1;margin-top:3px}.status-dot{background:#ff606b;border-radius:999px;width:10px;height:10px}.status-dot.ok{background:#33b679}.content-shell{min-height:100vh;padding:0 22px 26px;overflow:hidden}.app-shell.dark .content-shell{background:#0a1015}.app-shell.theme-lovelace .content-shell{background:linear-gradient(180deg, #03a9f414, #eef5fb00 260px), var(--xerus-bg)}.app-shell.theme-control .content-shell{background:radial-gradient(circle at 18% 0%, #00d4ff26, transparent 28%), linear-gradient(180deg, #07111d 0%, #050b12 320px), var(--xerus-bg)}.topbar{border-bottom:1px solid var(--xerus-border);background:#fff;justify-content:space-between;align-items:center;gap:18px;min-height:64px;margin:0 -22px 18px;padding:10px 22px;display:flex;box-shadow:0 1px 1px #00000014}.app-shell.dark .topbar{background:#192631;border-bottom-color:#ffffff30}.theme-lovelace .topbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffeb}.theme-control .topbar{background:#07111deb;border-bottom-color:#4ddaff38;box-shadow:0 1px #4ddaff24}.eyebrow{color:var(--xerus-muted);text-transform:uppercase;margin:0 0 6px;font-size:11px;font-weight:800}h1,h2,p{margin:0}h1{letter-spacing:0;font-size:24px;line-height:1.15}h2{margin-bottom:12px;font-size:16px;font-weight:700}.header-actions{align-items:center;gap:10px;display:flex}.health,.stat,.panel,.metric,.sensor-summary-card,.icon-button,.theme-toggle,.theme-picker,.segmented button{background:#fff;border:1px solid #d6dee7;border-radius:4px}.app-shell.dark .health,.app-shell.dark .stat,.app-shell.dark .panel,.app-shell.dark .metric,.app-shell.dark .sensor-summary-card,.app-shell.dark .icon-button,.app-shell.dark .theme-toggle,.app-shell.dark .theme-picker,.app-shell.dark .segmented button{color:#f2f4f5;background:#192631;border-color:#ffffff30}.health{color:#7c2718;padding:10px 13px;font-size:14px;font-weight:800}.health.ok{color:#166449}.app-shell.dark .health.ok{color:#9ae6b4}.icon-button{width:40px;height:40px;color:var(--xerus-nav-soft);cursor:pointer;place-items:center;display:inline-grid}.theme-toggle,.theme-picker{min-height:40px;color:var(--xerus-nav-soft);cursor:pointer;align-items:center;gap:7px;padding:0 12px;font-weight:800;display:inline-flex}.theme-picker select{min-height:32px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;font-weight:800}.theme-picker select:focus{outline:0}.theme-dark .theme-picker select option,.theme-control .theme-picker select option{color:#17222d}.page-subnav{border-bottom:1px solid #d1d8dc;gap:0;margin-bottom:16px;display:flex;overflow-x:auto}.app-shell.dark .page-subnav{border-bottom-color:#ffffff30}.page-subnav button{color:#4f5e67;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:3px solid #0000;align-items:center;gap:8px;min-height:42px;padding:8px 16px;display:inline-flex}.app-shell.dark .page-subnav button{color:#dee2e4}.page-subnav button svg,.stat svg,.sensor-summary-card svg{width:18px;height:18px}.page-subnav button.active{color:var(--xerus-blue-dark);border-bottom-color:var(--xerus-blue);background:#fff}.app-shell.dark .page-subnav button.active{color:#87b1e5;background:#192631}.connection-banner{color:#5f3a00;background:#fff8eb;border:1px solid #e0b15f;border-left:4px solid #b76a00;border-radius:4px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;margin-bottom:14px;padding:11px 12px;display:grid}.mode-banner{border:1px solid #cfd9e2;border-left:4px solid var(--xerus-blue);background:#fff;border-radius:4px;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;padding:11px 12px;display:flex}.mode-banner.production{border-left-color:#33b679}.mode-banner strong,.mode-banner span,.mode-banner small{display:block}.mode-banner span,.mode-banner small{color:#607083;margin-top:2px;font-size:13px;line-height:1.35}.mode-banner small{text-align:right;max-width:420px}.app-shell.dark .mode-banner{background:#121b23;border-color:#ffffff30}.app-shell.dark .mode-banner span,.app-shell.dark .mode-banner small{color:#c8d2d6}.connection-banner strong,.connection-banner span{display:block}.connection-banner span{margin-top:2px;font-size:13px;line-height:1.35}.app-shell.dark .connection-banner{color:#ffdca3;background:#1f1a10;border-color:#8a5a00}.stats{grid-template-columns:repeat(4,minmax(150px,1fr));gap:14px;margin-bottom:16px;display:grid}.stat{min-height:96px;box-shadow:var(--xerus-shadow);align-content:space-between;padding:14px;display:grid}.stat svg{color:var(--xerus-blue)}.stat span,.metric span,.sensor-summary-card span{color:#657487;font-size:13px}.app-shell.dark .stat span,.app-shell.dark .metric span,.app-shell.dark .sensor-summary-card span,.app-shell.dark .device-card span,.app-shell.dark .device-card small,.app-shell.dark .inlet-card span,.app-shell.dark .inlet-card small,.app-shell.dark .pdu-header p,.app-shell.dark td small,.app-shell.dark .chart-card span,.app-shell.dark .chart-card small,.app-shell.dark .load-widget small,.app-shell.dark .sensor-card span,.app-shell.dark .sensor-card small,.app-shell.dark .security-rack-head span,.app-shell.dark .security-rack-head small,.app-shell.dark .security-device-list span,.app-shell.dark .security-device-list small,.app-shell.dark .security-event span,.app-shell.dark .security-event small,.app-shell.dark .security-inventory-card span,.app-shell.dark .security-inventory-card small,.app-shell.dark .camera-list small,.app-shell.dark .security-state-grid span,.app-shell.dark .empty-state,.app-shell.dark .form-status{color:#c8d2d6}.stat strong{font-size:26px}.stat.ok strong{color:#166449}.stat.warn strong{color:#a75e00}.dashboard-grid{align-items:start;gap:16px;display:grid}.overview-layout{grid-template-columns:1.1fr .8fr}.overview-layout .panel:first-child,.overview-layout .panel:nth-child(4){grid-row:span 2}.rack-layout{grid-template-columns:minmax(360px,1fr) .8fr}.pdu-layout{grid-template-columns:minmax(520px,1.2fr) .8fr}.cooling-layout{grid-template-columns:minmax(520px,1.05fr) minmax(420px,.95fr)}.config-layout{grid-template-columns:minmax(520px,1.1fr) minmax(420px,.9fr)}.event-layout{grid-template-columns:1fr}.protocols-layout{grid-template-columns:minmax(520px,1fr) minmax(420px,.8fr)}.settings-layout{grid-template-columns:minmax(520px,1.2fr) minmax(360px,.8fr)}.protocols-layout .panel:first-child,.protocols-layout .panel:nth-child(3),.protocols-layout .panel:nth-child(4){grid-column:1/-1}.security-layout{grid-template-columns:minmax(520px,1.25fr) minmax(360px,.75fr)}.config-layout .panel:first-child{grid-row:span 2}.config-layout .panel:only-child{grid-area:auto/1/auto/-1}.security-layout .panel:first-child{grid-column:1/-1}.security-layout .panel:nth-child(2){grid-row:span 2}.panel{min-width:0;box-shadow:var(--xerus-shadow);padding:14px}.site-map{grid-template-columns:repeat(2,minmax(180px,1fr));gap:12px;display:grid}.rack-tile{text-align:left;cursor:pointer;background:#fff;border:1px solid #d7e1ea;border-radius:4px;min-height:132px;padding:14px;position:relative;overflow:hidden}.app-shell.dark .rack-tile{background:#121b23;border-color:#ffffff30}.rack-tile span,.rack-tile strong,.rack-tile small{z-index:1;display:block;position:relative}.rack-tile span{color:#657487;font-weight:800}.rack-tile strong{margin-top:8px;font-size:28px}.rack-tile small{color:#4f5e6c;margin-top:10px}.rack-tile i{background:var(--xerus-blue);height:6px;position:absolute;inset:auto auto 0 0}.rack-tile.attention{background:#fff8eb;border-color:#efbd6d}.app-shell.dark .rack-tile.attention,.app-shell.dark .sensor-card.attention{background:#1f1a10;border-color:#8a5a00}.sensor-summary,.rack-summary,.metrics-row{grid-template-columns:repeat(3,minmax(120px,1fr));gap:10px;display:grid}.data-availability{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.data-availability span{color:#166449;background:#ecf8f3;border:1px solid #b8decf;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:800}.app-shell.dark .data-availability span{color:#9ae6b4;background:#0d2a20;border-color:#256b50}.sensor-summary-card,.metric{align-content:space-between;min-height:78px;padding:12px;display:grid}.sensor-summary-card svg{color:var(--xerus-blue)}.sensor-summary-card strong,.metric strong{font-size:22px}.segmented{border-bottom:1px solid #d6dee7;gap:0;margin-bottom:12px;display:flex;overflow-x:auto}.segmented.wrap{flex-wrap:wrap}.segmented button{color:#3e4d5c;cursor:pointer;white-space:nowrap;background:0 0;border-width:0 0 3px;border-radius:0;min-height:36px;padding:8px 11px}.segmented button.active{border-color:var(--xerus-blue);color:var(--xerus-blue-dark);background:#fff}.elevation{background:#0a1015;border-radius:4px;grid-template-columns:44px minmax(180px,1fr);gap:2px 7px;max-height:680px;padding:10px;display:grid;overflow:auto}.rack-unit{color:#c8d2d6;text-align:right;border-bottom:1px solid #ffffff30;grid-column:1;min-height:16px;padding-right:4px;font-size:11px}.rack-device{color:#f2f4f5;text-align:left;cursor:pointer;background:#192631;border:1px solid #6d8294;border-radius:4px;grid-column:2;min-height:38px;padding:8px}.rack-device.attention{background:#ffe8bd;border-color:#efbd6d}.app-shell.dark .rack-device.attention{background:#3a2b12;border-color:#8a5a00}.rack-device strong,.rack-device span,.rack-device small{display:block}.rack-device span,.rack-device small{color:#c8d2d6;margin-top:3px}.device-cards,.inlet-list,.alarm-feed{gap:10px;display:grid}.device-card,.inlet-card{background:#fff;border:1px solid #dde5ed;border-radius:4px;padding:12px}.app-shell.dark .device-card,.app-shell.dark .inlet-card,.app-shell.dark .detail-item,.app-shell.dark .electrical-profile article,.app-shell.dark .service-item,.app-shell.dark .chart-card,.app-shell.dark .load-widget,.app-shell.dark .sensor-card,.app-shell.dark .threshold-group,.app-shell.dark .alarm{background:#121b23;border-color:#ffffff30}.device-card{text-align:left;cursor:pointer}.device-card strong,.device-card span,.device-card small,.inlet-card strong,.inlet-card span,.inlet-card small{display:block}.device-card span,.device-card small,.inlet-card span,.inlet-card small{color:#607083;margin-top:5px}.electrical-profile{gap:10px;display:grid}.electrical-profile-grid{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:8px;display:grid}.electrical-profile article{background:#f8fafc;border:1px solid #dde5ed;border-radius:4px;padding:10px}.electrical-profile span,.electrical-profile strong{display:block}.electrical-profile span{color:#607083;font-size:12px;font-weight:800}.electrical-profile strong{color:#202936;margin-top:5px;font-size:14px;line-height:1.25}.app-shell.dark .electrical-profile article{background:#121b23}.app-shell.dark .electrical-profile span{color:#c8d2d6}.app-shell.dark .electrical-profile strong{color:#f4f7fb}.pdu-header{border-left:4px solid var(--xerus-blue);background:#f6f6f6;border-radius:4px;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:12px;padding:14px;display:flex}.app-shell.dark .pdu-header{background:#121b23}.pdu-header h2{margin-bottom:4px}.pdu-header p{color:#607083}.pdu-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.cooling-header{border-left-color:#1d9a8a}.cooling-visual{margin:12px 0}.rdhx-unit{background:linear-gradient(#f8fbfd,#eef5f7);border:1px solid #c7d6e2;border-radius:6px;grid-template-columns:minmax(110px,.45fr) minmax(180px,1fr) minmax(110px,.45fr);align-items:stretch;gap:10px;padding:12px;display:grid}.app-shell.dark .rdhx-unit{background:#0f1920;border-color:#ffffff30}.rdhx-coil,.rdhx-water,.fan-cell{color:#25313d;text-align:center;background:#fff;border:1px solid #d6dee7;border-radius:4px;align-content:center;justify-items:center;min-height:98px;display:grid}.app-shell.dark .rdhx-coil,.app-shell.dark .rdhx-water,.app-shell.dark .fan-cell{color:#f2f4f5;background:#121b23;border-color:#ffffff29}.rdhx-fans{grid-template-columns:repeat(3,minmax(54px,1fr));gap:8px;display:grid}.rdhx-coil span,.rdhx-water span,.fan-cell span{color:#607083;font-size:12px;font-weight:800}.rdhx-coil strong,.rdhx-water strong{margin-top:6px;font-size:20px}.fan-cell svg,.rdhx-water svg{color:#1d9a8a;width:30px;height:30px}.fan-spin{animation:1.1s linear infinite fan-spin}@keyframes fan-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cooling-summary,.cooling-point-list{gap:10px;display:grid}.cooling-summary{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));margin-top:12px}.cooling-summary article,.cooling-point{background:#fff;border:1px solid #dde5ed;border-radius:4px;padding:10px}.app-shell.dark .cooling-summary article,.app-shell.dark .cooling-point{background:#121b23;border-color:#ffffff30}.cooling-summary span,.cooling-point span{color:#607083;font-size:12px;font-weight:800}.app-shell.dark .cooling-summary span,.app-shell.dark .cooling-point span,.app-shell.dark .rdhx-coil span,.app-shell.dark .rdhx-water span,.app-shell.dark .fan-cell span{color:#c8d2d6}.cooling-summary strong{margin-top:5px;display:block}.cooling-point{justify-content:space-between;align-items:center;gap:12px;display:flex}.cooling-point strong,.cooling-point span{display:block}.cooling-point b{color:#1d5f54;white-space:nowrap}.app-shell.dark .cooling-point b{color:#9ae6d9}.cooling-point.attention{background:#fff8eb;border-color:#efbd6d}.app-shell.dark .cooling-point.attention{background:#1f1a10;border-color:#8a5a00}.primary-action,.secondary-action,.danger-action{border:1px solid var(--xerus-blue-dark);background:var(--xerus-blue-dark);color:#fff;cursor:pointer;border-radius:4px;align-items:center;gap:7px;min-height:34px;padding:7px 10px;font-weight:800;display:inline-flex}.app-shell.dark .secondary-action{color:#f2f4f5;background:0 0;border-color:#c8d2d6}.secondary-action{color:var(--xerus-blue-dark);background:#fff}.danger-action{color:#a02727;background:#fff;border-color:#c53b3b}.app-shell.dark .danger-action{color:#ffb4b4;background:0 0;border-color:#ef8a8a}.primary-action:disabled,.secondary-action:disabled,.danger-action:disabled{opacity:.5;cursor:not-allowed}.primary-action svg,.secondary-action svg,.danger-action svg{width:16px;height:16px}.secondary-action.compact,.danger-action.compact{min-height:30px;padding:5px 8px;font-size:12px}.table-actions{flex-wrap:wrap;gap:6px;display:flex}.panel-action-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.panel-action-header strong,.panel-action-header span{display:block}.panel-action-header span{color:#607083;margin-top:3px;font-size:13px;line-height:1.35}.app-shell.dark .panel-action-header span{color:#c8d2d6}.device-form{gap:12px;display:grid}.device-form label,.device-form fieldset,.credential-builder{gap:6px;display:grid}.device-form label span,.device-form legend{color:#607083;font-size:12px;font-weight:800}.device-form input,.device-form select{color:#202936;background:#fff;border:1px solid #d6dee7;border-radius:4px;width:100%;min-height:38px;padding:8px 10px}.app-shell.dark .device-form input,.app-shell.dark .device-form select,.app-shell.dark .settings-form input,.app-shell.dark .settings-form select,.app-shell.dark .settings-form textarea,.app-shell.dark .event-filters input,.app-shell.dark .event-filters select{color:#f2f4f5;background:#0a1015;border-color:#8a99a1}.device-form fieldset{border:1px solid #dde5ed;border-radius:4px;margin:0;padding:10px}.app-shell.dark .device-form fieldset,.app-shell.dark .settings-form fieldset{border-color:#ffffff30}.device-form .choice{grid-template-columns:auto 1fr;align-items:center;gap:8px}.device-family-grid,.location-tree,.association-list{gap:10px;display:grid}.device-family-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}.device-family-grid article,.location-tree article,.association-list article,.placeholder-panel{background:#fff;border:1px solid #d6dee7;border-radius:4px;padding:12px}.app-shell.dark .device-family-grid article,.app-shell.dark .location-tree article,.app-shell.dark .association-list article,.app-shell.dark .placeholder-panel{background:#121b23;border-color:#ffffff30}.device-family-grid article{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.device-family-grid strong,.device-family-grid span,.location-tree strong,.location-tree span,.association-list strong,.association-list span,.association-list small,.placeholder-panel strong,.placeholder-panel span{display:block}.device-family-grid span,.location-tree span,.association-list span,.association-list small,.placeholder-panel span{color:#607083;margin-top:4px;font-size:13px;line-height:1.35}.app-shell.dark .device-family-grid span,.app-shell.dark .location-tree span,.app-shell.dark .association-list span,.app-shell.dark .association-list small,.app-shell.dark .placeholder-panel span{color:#c8d2d6}.placeholder-panel{align-content:center;justify-items:start;gap:8px;min-height:160px;display:grid}.placeholder-panel svg{color:var(--xerus-blue)}.env-variable-list{gap:12px;display:grid}.env-variable-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.env-variable-row .pill{min-width:74px}.device-form .choice input{width:auto;min-height:0}.form-status{color:#607083;font-size:13px;line-height:1.4}.field-help{color:#607083;font-size:12px;line-height:1.35}.credential-notice{color:#1d4f84;background:#f0f7ff;border:1px solid #bfd6ee;border-radius:4px;gap:4px;padding:10px;display:grid}.credential-notice strong,.credential-notice span{display:block}.credential-notice span{font-size:12px;line-height:1.35}.app-shell.dark .field-help{color:#c8d2d6}.app-shell.dark .credential-notice{color:#cfe4ff;background:#0d2337;border-color:#2f5f92}.settings-form{border-top:1px solid #dde5ed;gap:12px;margin-top:14px;padding-top:14px;display:grid}.app-shell.dark .settings-form{border-top-color:#ffffff30}.settings-grid{grid-template-columns:repeat(3,minmax(140px,1fr));gap:10px;display:grid}.settings-form label,.settings-form fieldset,.settings-form .credential-builder{gap:6px;display:grid}.settings-form label span,.settings-form legend{color:#607083;font-size:12px;font-weight:800}.settings-form input,.settings-form select,.settings-form textarea,.event-filters input,.event-filters select{color:#202936;background:#fff;border:1px solid #d6dee7;border-radius:4px;width:100%;min-height:38px;padding:8px 10px}.settings-form textarea{resize:vertical;min-height:280px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.45}.settings-form fieldset{border:1px solid #dde5ed;border-radius:4px;margin:0;padding:10px}.settings-form .choice{grid-template-columns:auto 1fr;align-items:center;gap:8px}.settings-form .choice input{width:auto;min-height:0}.settings-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.refresh-status{color:#607083;margin-top:10px;font-size:13px}.empty-detail-state{text-align:center;background:#f8fafc;border:1px dashed #c8d4df;border-radius:4px;align-content:center;justify-items:center;gap:9px;min-height:220px;padding:28px;display:grid}.empty-detail-state svg{color:var(--xerus-blue)}.empty-detail-state strong{font-size:18px}.empty-detail-state span,.empty-action-list span{color:#607083;line-height:1.4}.empty-action-list{gap:10px;display:grid}.empty-action-list article{background:#fff;border:1px solid #dde5ed;border-radius:4px;padding:12px}.empty-action-list strong,.empty-action-list span{display:block}.empty-action-list span{margin-top:5px;font-size:13px}.app-shell.dark .empty-detail-state{background:#121b23;border-color:#ffffff40}.app-shell.dark .empty-detail-state span,.app-shell.dark .empty-action-list span{color:#c8d2d6}.app-shell.dark .empty-action-list article{background:#121b23;border-color:#ffffff30}.details-stack,.template-grid,.template-assignment,.drift-panel{gap:12px;display:grid}.template-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}.template-card,.drift-summary{background:#fff;border:1px solid #dde5ed;border-radius:4px;min-width:0;padding:12px}.app-shell.dark .template-card,.app-shell.dark .drift-summary{background:#121b23;border-color:#ffffff30}.template-card span,.template-card p,.template-card code,.drift-summary small{color:#607083;font-size:12px}.template-card span{text-transform:uppercase;font-weight:800;display:block}.template-card strong,.drift-summary strong{margin-top:6px;display:block}.template-card p{margin-top:7px;line-height:1.4}.template-card code{white-space:normal;border-top:1px solid #dde5ed;margin-top:9px;padding-top:9px;display:block}.app-shell.dark .template-card span,.app-shell.dark .template-card p,.app-shell.dark .template-card code,.app-shell.dark .drift-summary small{color:#c8d2d6}.app-shell.dark .template-card code{border-top-color:#ffffff30}.config-push-panel{gap:14px;display:grid}.name-sync-summary{background:#f8fafc;border:1px solid #d6dee7;border-radius:4px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:10px;padding:12px;display:grid}.app-shell.dark .name-sync-summary{background:#0a1015;border-color:#ffffff30}.name-sync-summary article{gap:4px;min-width:0;display:grid}.name-sync-summary span,.field-note{color:#607083;font-size:12px}.app-shell.dark .name-sync-summary span,.app-shell.dark .field-note{color:#c8d2d6}.name-sync-summary strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.config-action-catalog{gap:8px;display:grid}.config-action{background:#fff;border:1px solid #dde5ed;border-radius:4px;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px;min-width:0;padding:10px;display:grid}.app-shell.dark .config-action{background:#121b23;border-color:#ffffff30}.config-action.planned{background:#f8fafc}.app-shell.dark .config-action.planned{background:#0a1015}.config-action span,.config-action small{color:#607083;font-size:12px;display:block}.app-shell.dark .config-action span,.app-shell.dark .config-action small{color:#c8d2d6}.config-action strong{margin:3px 0;display:block}.compact-form{gap:10px}.compact-form textarea{min-height:120px}.config-push-result{max-height:300px;overflow:auto}.drift-summary{align-content:start;gap:5px;display:grid}.drift-summary .pill{justify-self:start}.event-filters{grid-template-columns:minmax(260px,1.4fr) repeat(4,minmax(150px,1fr));align-items:end;gap:10px;display:grid}.event-filters label{gap:6px;display:grid}.event-filters label span{color:#607083;font-size:12px;font-weight:800}.search-field{position:relative}.search-field svg{color:#607083;position:absolute;bottom:11px;left:10px}.search-field input{padding-left:34px}.event-summary{grid-template-columns:repeat(5,minmax(130px,1fr));gap:10px;margin-top:12px;display:grid}.traffic-light-panel{gap:12px;display:grid}.traffic-light-legend{color:#607083;flex-wrap:wrap;gap:12px;font-size:12px;font-weight:800;display:flex}.traffic-light-legend span{align-items:center;gap:6px;display:inline-flex}.traffic-light-grid{grid-template-columns:repeat(auto-fill,minmax(18px,1fr));align-items:center;gap:10px;display:grid}.traffic-light{border:2px solid #fff;border-radius:50%;justify-self:center;width:14px;height:14px;display:inline-block;box-shadow:0 0 0 1px #121f2a2e}.traffic-light[tabindex]{cursor:help}.traffic-light[tabindex]:focus-visible{outline-offset:3px;outline:3px solid #006cb540}.traffic-light.fresh{background:#1f9f67}.traffic-light.pending{background:#f2b544}.traffic-light.stale{background:#c43c3c}.protocol-header{background:#fff;border:1px solid #dde5ed;border-radius:4px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.protocol-header strong,.protocol-header span{display:block}.protocol-header span{color:#607083;margin-top:4px}.protocol-card-grid{grid-template-columns:repeat(2,minmax(220px,1fr));gap:10px;display:grid}.protocol-card{background:#fff;border:1px solid #dde5ed;border-radius:4px;gap:7px;padding:12px;display:grid}.protocol-card .pill{justify-self:start}.protocol-summary{grid-template-columns:minmax(280px,1.3fr) repeat(2,minmax(140px,.6fr));gap:10px;margin-bottom:12px;display:grid}.protocol-summary article{background:#fff;border:1px solid #dde5ed;border-radius:4px;align-content:start;gap:7px;min-width:0;padding:12px;display:grid}.protocol-summary .pill{justify-self:start}.protocol-summary strong{font-size:16px}.protocol-summary small{color:#607083;line-height:1.35}.prometheus-target{overflow-wrap:anywhere;word-break:break-word;line-height:1.25}.protocol-card small,.protocol-card code{color:#607083;overflow-wrap:anywhere;font-size:12px}.protocol-snapshot{gap:12px;display:grid}.protocol-snapshot pre{color:#dee2e4;background:#0a1015;border:1px solid #dde5ed;border-radius:4px;max-height:520px;margin:0;padding:12px;font-size:12px;line-height:1.45;overflow:auto}.app-shell.dark .protocol-header,.app-shell.dark .protocol-card,.app-shell.dark .protocol-summary article{background:#121b23;border-color:#ffffff30}.app-shell.dark .protocol-header span,.app-shell.dark .protocol-card small,.app-shell.dark .protocol-card code,.app-shell.dark .protocol-summary small{color:#c8d2d6}.watch-context{grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px;display:grid}.watch-context article{background:#fff;border:1px solid #dde5ed;border-radius:4px;gap:6px;padding:12px;display:grid}.watch-context small,.watch-context code{color:#607083;overflow-wrap:anywhere;font-size:12px}.app-shell.dark .watch-context article{background:#121b23;border-color:#ffffff30}.app-shell.dark .watch-context small,.app-shell.dark .watch-context code,.app-shell.dark .traffic-light-legend{color:#c8d2d6}.app-shell.dark .traffic-light{border-color:#121b23;box-shadow:0 0 0 1px #ffffff40}.event-timeline{gap:10px;display:grid}.event-row{background:#fff;border:1px solid #dde5ed;border-left:4px solid #718096;border-radius:4px;grid-template-columns:190px minmax(0,1fr) 190px;gap:14px;padding:12px;display:grid}.event-row.warning{border-left-color:#b76a00}.event-row.critical{border-left-color:#bd2626}.app-shell.dark .event-row{background:#121b23;border-color:#ffffff30}.event-time,.event-context{color:#607083;align-content:start;gap:4px;font-size:13px;display:grid}.event-time time,.event-context strong{color:#202936;font-weight:800}.app-shell.dark .event-time,.app-shell.dark .event-context,.app-shell.dark .event-main small,.app-shell.dark .event-main p,.app-shell.dark .event-main code{color:#c8d2d6}.app-shell.dark .event-time time,.app-shell.dark .event-context strong{color:#f2f4f5}.event-main{gap:7px;min-width:0;display:grid}.event-main>div{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.event-main strong{overflow-wrap:anywhere}.event-main small,.event-main p,.event-main code{color:#536274}.event-main code{white-space:normal;overflow-wrap:anywhere;font-size:12px}.security-rack-grid,.security-feed,.security-inventory,.webcam-thumbnail-grid{gap:12px;display:grid}.security-rack,.security-event,.security-inventory-card,.webcam-preview,.webcam-thumbnail-grid button{background:#fff;border:1px solid #dde5ed;border-radius:4px;min-width:0;padding:12px}.security-rack.attention{background:#fff8eb;border-color:#efbd6d}.app-shell.dark .security-rack,.app-shell.dark .security-event,.app-shell.dark .security-inventory-card,.app-shell.dark .webcam-preview,.app-shell.dark .webcam-thumbnail-grid button{background:#121b23;border-color:#ffffff30}.app-shell.dark .security-rack.attention{background:#1f1a10;border-color:#8a5a00}.security-rack-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.security-rack-head span,.security-rack-head small,.security-device-list span,.security-device-list small,.security-event span,.security-event small,.security-inventory-card span,.security-inventory-card small,.camera-list small,.security-state-grid span,.webcam-policy-head span,.webcam-preview-meta small,.webcam-thumbnail-grid span,.webcam-thumbnail-grid small{color:#607083}.security-rack-head>div>span{text-transform:uppercase;font-size:12px;font-weight:800;display:block}.security-rack-head strong,.security-rack-head small{display:block}.security-rack-head strong{margin-top:4px;font-size:20px}.security-rack-head small{margin-top:5px}.rack-security-visual{background:#e9eef2;border:1px solid #cfd9e2;border-radius:4px;grid-template-columns:minmax(110px,1fr) 92px minmax(110px,1fr);min-height:148px;display:grid;overflow:hidden}.app-shell.dark .rack-security-visual{background:#0a1015;border-color:#ffffff30}.rack-door,.rack-core{text-align:center;align-content:center;justify-items:center;gap:7px;padding:12px;display:grid}.rack-door{background:#f8fafc}.app-shell.dark .rack-door{background:#192631}.rack-door.left{border-right:1px solid #cfd9e2}.rack-door.right{border-left:1px solid #cfd9e2}.app-shell.dark .rack-door.left,.app-shell.dark .rack-door.right{border-color:#ffffff30}.rack-core{color:#f2f4f5;background:#192631}.rack-security-visual.open .rack-door.left{background:#fff1c8}.app-shell.dark .rack-security-visual.open .rack-door.left{background:#382800}.rack-door span,.rack-core span{text-transform:uppercase;font-size:12px;font-weight:800}.rack-door strong{font-size:18px}.security-device-list{grid-template-columns:repeat(2,minmax(180px,1fr));gap:8px;margin-top:12px;display:grid}.security-device-list button{text-align:left;cursor:pointer;background:#fff;border:1px solid #dde5ed;border-radius:4px;min-width:0;padding:10px}.app-shell.dark .security-device-list button{color:#f2f4f5;background:#0a1015;border-color:#ffffff30}.security-device-list strong,.security-device-list span,.security-device-list small{overflow-wrap:anywhere;display:block}.security-device-list span,.security-device-list small{margin-top:4px;font-size:12px}.security-event{grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.security-event svg{color:var(--xerus-blue)}.security-event strong,.security-event span,.security-event small{display:block}.security-event span,.security-event small{margin-top:3px;font-size:12px}.security-inventory{grid-template-columns:repeat(2,minmax(260px,1fr))}.security-inventory-card{gap:12px;display:grid}.security-inventory-card>div:first-child strong,.security-inventory-card>div:first-child span{display:block}.security-inventory-card>div:first-child span{margin-top:4px}.security-capabilities{flex-wrap:wrap;gap:6px;display:flex}.security-capabilities span{color:var(--xerus-blue-dark);background:#e9f1fb;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:800}.app-shell.dark .security-capabilities span{color:#cfe4ff;background:#083266}.security-state-grid{grid-template-columns:repeat(4,minmax(90px,1fr));gap:8px;display:grid}.security-state-grid article{border:1px solid #e1e8ef;border-radius:4px;padding:9px}.app-shell.dark .security-state-grid article{border-color:#ffffff30}.security-state-grid span,.security-state-grid strong{display:block}.security-state-grid span{font-size:12px}.security-state-grid strong{text-transform:capitalize;margin-top:5px}.camera-list{gap:8px;display:grid}.camera-list>div{grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.camera-list svg{color:var(--xerus-blue)}.camera-list small{grid-column:2/-1}.webcam-live-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;display:grid}.webcam-live-card{background:#fff;border:1px solid #dde5ed;border-radius:6px;overflow:hidden}.app-shell.dark .webcam-live-card{background:#0b1218;border-color:#ffffff29}.webcam-live-frame{aspect-ratio:16/9;background:#111a22;position:relative}.webcam-live-frame img{object-fit:cover;width:100%;height:100%;display:block}.webcam-live-empty{color:#ffffffb8;text-align:center;place-items:center;gap:8px;height:100%;display:grid}.webcam-live-meta{gap:4px;padding:10px 12px 12px;display:grid}.webcam-live-meta strong,.webcam-live-meta span,.webcam-live-meta small{overflow-wrap:anywhere;min-width:0}.webcam-live-meta span,.webcam-live-meta small{color:#6f7d8e;font-size:12px}.app-shell.dark .webcam-live-meta span,.app-shell.dark .webcam-live-meta small{color:#b8c4d2}.webcam-policy-form{gap:12px}.webcam-policy-head{background:#f8fafc;border:1px solid #dde5ed;border-radius:4px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.app-shell.dark .webcam-policy-head{background:#0a1015;border-color:#ffffff30}.webcam-policy-head strong,.webcam-policy-head span{display:block}.webcam-policy-head span{overflow-wrap:anywhere;margin-top:4px;font-size:12px}.switch-row{white-space:nowrap;grid-template-columns:auto 1fr;align-items:center;gap:8px;width:auto;display:flex!important}.webcam-review{gap:12px;display:grid}.webcam-preview{grid-template-columns:minmax(220px,.95fr) minmax(220px,1fr);gap:14px;padding:12px;display:grid}.webcam-preview img{aspect-ratio:16/10;object-fit:cover;background:#111a22;border-radius:4px;width:100%;min-height:220px}.webcam-preview-meta{align-content:start;gap:9px;min-width:0;display:grid}.webcam-preview-meta strong,.webcam-preview-meta small{display:block}.webcam-preview-meta p{color:var(--xerus-ink);line-height:1.4}.webcam-preview-meta code{overflow-wrap:anywhere;color:#536274;background:#f8fafc;border:1px solid #dde5ed;border-radius:4px;padding:8px;font-size:12px;display:block}.app-shell.dark .webcam-preview-meta code{color:#c8d2d6;background:#0a1015;border-color:#ffffff30}.webcam-review-summary{grid-template-columns:repeat(3,minmax(120px,1fr));gap:10px;display:grid}.webcam-thumbnail-grid{grid-template-columns:repeat(3,minmax(160px,1fr))}.webcam-thumbnail-grid button{text-align:left;cursor:pointer;gap:6px;padding:8px;display:grid}.webcam-thumbnail-grid button.active,.webcam-thumbnail-grid button:hover{border-color:var(--xerus-blue);box-shadow:inset 0 0 0 1px var(--xerus-blue)}.webcam-thumbnail-grid img{aspect-ratio:16/10;object-fit:cover;background:#111a22;border-radius:3px;width:100%}.webcam-thumbnail-grid strong,.webcam-thumbnail-grid span,.webcam-thumbnail-grid small{overflow-wrap:anywhere;display:block}.webcam-thumbnail-grid span,.webcam-thumbnail-grid small{font-size:12px}.details-grid{grid-template-columns:repeat(3,minmax(150px,1fr));gap:10px;display:grid}.detail-item,.service-item{background:#fff;border:1px solid #dde5ed;border-radius:4px;min-width:0;padding:12px}.detail-item span,.service-item small{color:#607083;font-size:12px;display:block}.detail-item strong,.service-item strong{overflow-wrap:anywhere;margin-top:5px;display:block}.service-grid{grid-template-columns:repeat(3,minmax(150px,1fr));gap:10px;display:grid}.service-item{gap:7px;display:grid}.service-item .pill{justify-self:start}.data-push-rules{background:#fff;border:1px solid #dde5ed;border-radius:4px;overflow:hidden}.section-subhead{border-bottom:1px solid #edf1f5;justify-content:space-between;gap:12px;padding:12px;display:flex}.section-subhead span{color:#607083;font-size:12px}.data-push-table{display:grid;overflow-x:auto}.collection-profile-table{border:1px solid #dde5ed;border-radius:4px;margin-top:14px;display:grid;overflow-x:auto}.collection-profile-head,.collection-profile-row{grid-template-columns:minmax(130px,1fr) 80px minmax(160px,.7fr) minmax(160px,.7fr);min-width:660px}.collection-profile-row label{margin:0}.collection-profile-row input{border:1px solid #cfd9e2;border-radius:4px;width:100%;min-height:36px;padding:6px 8px}.data-push-head,.data-push-row{grid-template-columns:52px 120px minmax(220px,1fr) minmax(150px,.8fr) 120px 70px;align-items:center;gap:10px;min-width:760px;padding:10px 12px;display:grid}.data-push-head{color:#607083;font-size:12px;font-weight:700}.data-push-row{border-top:1px solid #edf1f5;font-size:13px}.data-push-row strong,.data-push-row span{overflow-wrap:anywhere;min-width:0}.app-shell.dark .data-push-rules{background:#17202b;border-color:#2b3948}.app-shell.dark .collection-profile-table,.app-shell.dark .collection-profile-row input{border-color:#2b3948}.app-shell.dark .collection-profile-row input{color:#f2f4f5;background:#0a1015}.app-shell.dark .section-subhead,.app-shell.dark .data-push-row{border-color:#263444}.endpoint-groups{gap:10px;display:grid}.sensor-chain-map{grid-template-columns:minmax(280px,.75fr) minmax(260px,1.25fr);align-items:stretch;gap:14px;display:grid}.controller-face{color:#e9eef3;background:linear-gradient(#3d4247,#20252a);border:1px solid #222a32;border-radius:8px;grid-template-columns:minmax(90px,1fr) auto;gap:18px;min-height:168px;padding:16px;display:grid;box-shadow:inset 0 1px #ffffff1f}.controller-display{color:#26313d;background:#f8fafc;border-left:8px solid #ef5b5f;align-content:center;align-self:center;gap:4px;max-width:160px;min-height:84px;padding:12px;display:grid}.controller-display span,.controller-display strong{display:block}.controller-display span{color:#6f7d8c;font-size:12px}.controller-ports{align-items:center;gap:18px;display:flex}.port-stack{color:#d9e1e8;justify-items:center;gap:6px;font-size:11px;display:grid}.port{background:linear-gradient(90deg,#0000 0 20%,#15191d 20% 80%,#0000 80%),linear-gradient(#0e1114,#252b31);border:2px solid #dfe7ee;border-radius:3px;width:54px;height:40px;position:relative}.port:before,.port:after{content:"";background:#77e15d;width:14px;height:4px;position:absolute;bottom:4px}.port:before{left:5px}.port:after{background:#d7e949;right:5px}.sensor-port-wrap{border:3px solid #d9d744;padding:7px}.sensor-port-wrap strong{letter-spacing:0;font-size:10px}.sensor-chain{align-items:stretch;gap:10px;padding:20px 4px 8px;display:flex;position:relative;overflow-x:auto}.sensor-chain:before{content:"";background:#d9d744;height:2px;position:absolute;top:41px;left:8px;right:8px}.chain-node{background:#fff;border:1px solid #dde5ed;border-radius:4px;gap:7px;min-width:168px;padding:28px 12px 12px;display:grid;position:relative}.chain-index{color:#26313d;background:#d9d744;border-radius:0 0 4px 4px;place-items:center;min-width:28px;height:24px;font-size:12px;font-weight:700;display:grid;position:absolute;top:-1px;left:12px}.chain-node strong,.chain-node small{overflow-wrap:anywhere;display:block}.chain-node small{color:#607083;font-size:12px}.app-shell.dark .chain-node{background:#17202b;border-color:#2b3948}.app-shell.dark .chain-node small{color:#9badc0}.endpoint-group{background:#fff;border:1px solid #dde5ed;border-radius:4px;overflow:hidden}.endpoint-group summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.endpoint-group summary span{color:#607083;font-size:12px}.endpoint-list{border-top:1px solid #edf1f5;display:grid}.endpoint-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.endpoint-row+.endpoint-row{border-top:1px solid #edf1f5}.endpoint-row strong,.endpoint-row small{overflow-wrap:anywhere;display:block}.endpoint-row small{color:#607083;margin-top:3px;font-size:12px}.app-shell.dark .endpoint-group{background:#17202b;border-color:#2b3948}.app-shell.dark .endpoint-list,.app-shell.dark .endpoint-row+.endpoint-row{border-color:#263444}.widget-stack{gap:12px;display:grid}.chart-grid,.load-widget-grid{grid-template-columns:repeat(3,minmax(160px,1fr));gap:10px;display:grid}.load-widget-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}.chart-card,.load-widget{background:#fff;border:1px solid #dde5ed;border-radius:4px;min-width:0;padding:12px}.chart-card>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.chart-card span,.chart-card small,.load-widget small{color:#607083;font-size:12px}.chart-card span{align-items:center;gap:6px;font-weight:800;display:inline-flex}.chart-card strong{white-space:nowrap}.mini-chart{background:linear-gradient(#eef6fa,#f9fbfc);border-radius:4px;width:100%;height:72px;margin:10px 0;display:block}.app-shell.dark .mini-chart{background:#0a1015}.mini-chart polyline{fill:none;stroke:var(--xerus-blue);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.mini-chart.empty{border:1px dashed #cfd9e2}.load-widget{gap:11px;display:grid}.load-widget>strong{display:block}.load-bar{gap:6px;display:grid}.load-bar>div{color:#607083;justify-content:space-between;gap:10px;font-size:12px;display:flex}.load-bar strong{color:#202936}.app-shell.dark .load-bar strong{color:#f2f4f5}.load-bar i{background:#e2e9f0;border-radius:999px;height:9px;display:block;overflow:hidden}.app-shell.dark .load-bar i{background:#192631}.load-bar b{border-radius:inherit;background:var(--xerus-blue);height:100%;display:block}.table-wrap{border:1px solid #e1e8ef;border-radius:4px;max-width:100%;overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #e8eef3;padding:8px 9px}td small{color:#607083;margin-top:3px;display:block}th{color:#4f5e67;text-transform:uppercase;background:#f6f6f6;font-size:12px}.app-shell.dark th{color:#dee2e4;background:#121b23}.app-shell.dark td{border-bottom-color:#ffffff30}tbody tr:nth-of-type(2n){background:#f9fbfc}tbody tr:hover{background:#eef5fd}.app-shell.dark tbody tr:nth-of-type(2n){background:#121b23}.app-shell.dark tbody tr:hover{background:#083266}.pill{text-transform:capitalize;border-radius:999px;justify-content:center;min-width:64px;padding:4px 8px;font-size:12px;font-weight:800;display:inline-flex}.online{color:#166449;background:#e0f4ec}.app-shell.dark .online{color:#9ae6b4;background:#143326}.offline{color:#8a2b14;background:#ffeadf}.app-shell.dark .offline{color:#ffb4a2;background:#3a1810}.standby{color:#8a5a00;background:#fff1c8}.app-shell.dark .standby{color:#ffd98a;background:#382800}.sensor-grid{grid-template-columns:repeat(2,minmax(140px,1fr));gap:10px;display:grid}.sensor-card{background:#fff;border:1px solid #dde5ed;border-radius:4px;min-height:118px;padding:12px}.sensor-card.attention{background:#fff8eb;border-color:#efbd6d}.sensor-card svg{width:18px;height:18px;color:var(--xerus-blue)}.sensor-card span,.sensor-card small{color:#607083;text-transform:capitalize;margin-top:5px;display:block}.sensor-card strong{margin-top:6px;font-size:24px;display:block}.threshold-groups{gap:12px;display:grid}.threshold-group{background:#fff;border:1px solid #dde5ed;border-radius:4px}.threshold-group summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:12px 14px;list-style:none;display:flex}.threshold-group summary::-webkit-details-marker{display:none}.threshold-group summary>div{grid-template-columns:auto 1fr;align-items:center;gap:2px 9px;display:grid}.threshold-group summary svg{color:var(--xerus-blue);grid-row:span 2}.threshold-group summary strong,.threshold-group summary span{display:block}.threshold-group summary>div>span{color:#607083;font-size:13px}.default-threshold{border-top:1px solid #e5ebf1;padding:12px 14px}.app-shell.dark .default-threshold{border-top-color:#ffffff30}.default-threshold span{color:#657487;text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:800;display:block}.default-threshold code{color:#293a4c;white-space:normal;word-break:break-word;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.45;display:block}.threshold-table{border-top:1px solid #e5ebf1;border-radius:0 0 8px 8px}.threshold-table table{min-width:780px}.threshold-table td strong,.threshold-table td small{display:block}.threshold-table td small{color:#607083;margin-top:3px}.empty-state{color:#607083;font-size:14px}.alarm{background:#fff;border-left:4px solid #718096;border-radius:4px;grid-template-columns:1fr auto;gap:14px;padding:14px;display:grid}.alarm.warning{border-left-color:#b76a00}.alarm.critical{border-left-color:#bd2626}.alarm-main span{color:#657487;text-transform:uppercase;font-size:12px;font-weight:800}.alarm-main strong{margin:5px 0;display:block}.alarm-main p{color:#536274}.alarm-meta{color:#657487;text-align:right;gap:5px;min-width:180px;font-size:13px;display:grid}.app-shell.dark .health{color:#ffb4a2}.app-shell.dark .data-push-head,.app-shell.dark .data-push-row,.app-shell.dark .section-subhead span,.app-shell.dark .endpoint-group summary span,.app-shell.dark .endpoint-row small,.app-shell.dark .threshold-group summary>div>span,.app-shell.dark .threshold-table td small,.app-shell.dark .default-threshold span,.app-shell.dark .alarm-main span,.app-shell.dark .alarm-main p,.app-shell.dark .alarm-meta,.app-shell.dark .rack-tile span,.app-shell.dark .rack-tile small,.app-shell.dark .webcam-policy-head span,.app-shell.dark .webcam-preview-meta small,.app-shell.dark .webcam-thumbnail-grid span,.app-shell.dark .webcam-thumbnail-grid small,.app-shell.dark .traffic-light-legend span,.app-shell.dark .protocol-summary small,.app-shell.dark .watch-context small,.app-shell.dark .event-main small,.app-shell.dark .event-context,.app-shell.dark .event-time,.app-shell.dark .field-help,.app-shell.dark .template-card span,.app-shell.dark .template-card p,.app-shell.dark .drift-summary small{color:#d7e0e5}.app-shell.dark .detail-item span,.app-shell.dark .service-item small,.app-shell.dark .electrical-profile span,.app-shell.dark .cooling-summary span,.app-shell.dark .cooling-point span,.app-shell.dark .rdhx-coil span,.app-shell.dark .rdhx-water span,.app-shell.dark .fan-cell span,.app-shell.dark .chain-node small,.app-shell.dark .sensor-card span,.app-shell.dark .sensor-card small{color:#cfd9df}.app-shell.dark .default-threshold code,.app-shell.dark .template-card code,.app-shell.dark .protocol-card code,.app-shell.dark .watch-context code,.app-shell.dark .event-main code,.app-shell.dark .webcam-preview-meta code{color:#eef3f6;background:#0a1015}.app-shell.dark .endpoint-row strong,.app-shell.dark .data-push-row strong,.app-shell.dark .alarm-main strong,.app-shell.dark .threshold-group summary strong,.app-shell.dark .rack-tile strong,.app-shell.dark .webcam-thumbnail-grid strong{color:#f7fafc}.app-shell.dark .data-push-head{background:#101922}.app-shell.dark .endpoint-row:hover,.app-shell.dark .data-push-row:hover{background:#0f2233}@media (width<=1120px){.app-shell{grid-template-columns:1fr}.side-nav{grid-template-rows:auto auto auto;height:auto;position:static}.brand-block{min-height:72px}.brand-block img{width:156px}.device-nav{border-top:1px solid #ffffff1f;gap:0;padding:0;display:flex;overflow-x:auto}.device-nav span,.device-nav button.disabled{display:none}.device-nav button{border-bottom:3px solid #0000;border-left:0;width:auto;min-width:max-content}.device-nav button.active{border-bottom-color:var(--xerus-blue)}.side-status{display:none}.stats,.overview-layout,.rack-layout,.pdu-layout,.cooling-layout,.protocols-layout,.security-layout,.settings-layout{grid-template-columns:1fr}.overview-layout .panel:first-child,.overview-layout .panel:nth-child(4),.security-layout .panel:first-child,.security-layout .panel:nth-child(2){grid-area:auto}.details-grid,.service-grid,.chart-grid,.load-widget-grid,.settings-grid,.security-inventory,.webcam-preview,.webcam-thumbnail-grid,.event-filters,.event-summary,.device-family-grid,.protocol-card-grid,.protocol-summary,.watch-context{grid-template-columns:repeat(2,minmax(150px,1fr))}.event-row{grid-template-columns:150px minmax(0,1fr)}.event-context{grid-column:2}}@media (width<=720px){.content-shell{padding:18px}.topbar,.pdu-header,.mode-banner,.alarm,.event-row{flex-direction:column;grid-template-columns:1fr;align-items:flex-start}.mode-banner small{text-align:left;max-width:none}h1{font-size:22px}.stats,.site-map,.sensor-summary,.rack-summary,.metrics-row,.sensor-grid,.details-grid,.service-grid,.chart-grid,.load-widget-grid,.settings-grid,.security-device-list,.security-inventory,.security-state-grid,.webcam-review-summary,.webcam-thumbnail-grid,.event-filters,.event-summary,.device-family-grid,.protocol-card-grid,.protocol-summary,.watch-context,.sensor-chain-map,.rdhx-unit,.rack-security-visual{grid-template-columns:1fr}.rack-door.left,.rack-door.right{border:0;border-bottom:1px solid #cfd9e2}.alarm-meta{text-align:left;min-width:0}.event-context{grid-column:auto}}