:root{--blue-50:#eff6fd;--blue-100:#e0effd;--blue-200:#c0dffa;--blue-300:#96c7f2;--blue-400:#67abe5;--blue-500:#398aca;--blue-600:#2a6fa8;--blue-700:#1d5c8c;--blue-800:#15486f;--blue-900:#0d3554;--blue-950:#072135;--slate-0:#fff;--slate-25:#f8fafd;--slate-50:#f3f6fa;--slate-100:#eaeff4;--slate-150:#e2e9ef;--slate-200:#d0d9e1;--slate-300:#b1bcc7;--slate-400:#8c9aa7;--slate-450:#7a8895;--slate-500:#5f6e7b;--slate-600:#4f5d69;--slate-700:#374450;--slate-800:#27323b;--slate-850:#1e2831;--slate-900:#172029;--slate-925:#121a22;--slate-950:#0b1219;--slate-975:#070f16;--navy-900:#0d2030;--navy-850:#12283b;--navy-800:#172d40;--navy-700:#143855;--navy-line:#263a4c;--logo-black:#000;--logo-white:#fff;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--logo-blue:var(--blue-500);--accent:var(--blue-600);--accent-hover:var(--blue-700);--on-accent:var(--slate-0);--accent-text:var(--blue-600);--accent-text-hover:var(--blue-700);--brand-soft:var(--blue-50);--brand-soft-strong:var(--blue-100);--brand-line:var(--blue-200);--brand-line-strong:var(--blue-300);--brand-ink:var(--blue-800);--focus:var(--blue-500);--bg:var(--slate-50);--surface:var(--slate-0);--surface-alt:var(--slate-25);--surface-hover:var(--slate-100);--surface-strong:var(--slate-150);--ink:var(--slate-925);--ink-2:var(--slate-700);--muted:var(--slate-500);--subtle:var(--slate-450);--line:var(--slate-150);--line-strong:var(--slate-200);--success-text:#267543;--success-soft:#eaf8ed;--success-line:#bbe4c4;--success:#36a15d;--warning-text:#8e5d11;--warning-soft:#fff3e0;--warning-line:#f9d09d;--warning:#e79c27;--danger-text:#ae2c35;--danger-soft:#ffefee;--danger-line:#f6c2bf;--danger:#d73d47;--danger-button:#b42332;--danger-button-hover:#91202c;--info-text:var(--accent-text);--info-soft:var(--brand-soft);--info-line:var(--brand-line);--info:var(--blue-500);--nav-bg:var(--navy-900);--nav-bg-2:var(--navy-850);--nav-hover:var(--navy-800);--nav-active:var(--navy-700);--nav-line:var(--navy-line);--nav-text:#afc0d0;--nav-text-strong:#edf3f8;--nav-muted:#879bad;--nav-faint:#6a7d8e;--nav-accent:#a5d0f6;--nav-accent-icon:var(--blue-400);--code-bg:var(--slate-950);--code-text:var(--slate-100);--code-line:var(--slate-700);--chart-1:var(--blue-500);--chart-2:#eb6834;--chart-3:#1baf7a;--chart-4:#6250d6;--chart-5:#e87ba4;--chart-6:#eda100;--chart-grid:var(--slate-150);--chart-axis:var(--slate-450);--chart-crosshair:var(--slate-400);--chart-threshold-info:var(--chart-4);--chart-threshold-info-text:#5543c4;--fleet-online:var(--success);--fleet-sleeping:var(--blue-500);--fleet-overdue:var(--warning);--fleet-unknown:var(--slate-400);--fleet-disabled:var(--slate-200);--overlay:#070f1673;--shadow-card:0 2px 3px #0d203008;--shadow-raised:0 3px 12px #0d20300a;--shadow-hover:0 3px 10px #0d203014;--shadow-lifted:0 22px 48px #0d203038;--shadow-modal:0 22px 90px #0d203038;--shadow-auth:0 12px 45px #0d20300d}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--accent:#2b7ab6;--accent-hover:var(--blue-600);--on-accent:var(--slate-0);--accent-text:var(--blue-400);--accent-text-hover:var(--blue-300);--brand-soft:#122b40;--brand-soft-strong:#123552;--brand-line:#235176;--brand-line-strong:var(--blue-700);--brand-ink:var(--blue-200);--focus:var(--blue-400);--bg:var(--slate-950);--surface:var(--slate-925);--surface-alt:var(--slate-900);--surface-hover:var(--slate-850);--surface-strong:var(--slate-800);--ink:var(--slate-100);--ink-2:var(--slate-300);--muted:var(--slate-400);--subtle:var(--slate-450);--line:var(--slate-800);--line-strong:var(--slate-700);--success-text:#78d694;--success-soft:#142d1b;--success-line:#275235;--success:#46b86e;--warning-text:#fbbd6e;--warning-soft:#37250d;--warning-line:#674920;--warning:#f2a635;--danger-text:#f98e8b;--danger-soft:#3b1c1b;--danger-line:#733434;--danger:#e85f61;--danger-button:#ba343c;--danger-button-hover:#a12a32;--info:var(--blue-400);--nav-bg:var(--slate-975);--nav-bg-2:var(--slate-950);--nav-hover:var(--slate-900);--nav-active:#122b40;--nav-line:var(--slate-850);--code-bg:var(--slate-975);--code-line:var(--slate-800);--chart-1:var(--blue-500);--chart-2:#d95926;--chart-3:#199e70;--chart-4:#9085e9;--chart-5:#d55181;--chart-6:#c98500;--chart-grid:var(--slate-800);--chart-axis:var(--slate-450);--chart-crosshair:var(--slate-500);--chart-threshold-info-text:#a79ef0;--fleet-unknown:var(--slate-500);--fleet-disabled:var(--slate-700);--overlay:#0009;--shadow-card:0 1px 2px #0000004d;--shadow-raised:0 3px 12px #0000004d;--shadow-hover:0 3px 10px #0006;--shadow-lifted:0 22px 48px #0000008c;--shadow-modal:0 22px 90px #0009;--shadow-auth:0 12px 45px #0006}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--accent:#2b7ab6;--accent-hover:var(--blue-600);--on-accent:var(--slate-0);--accent-text:var(--blue-400);--accent-text-hover:var(--blue-300);--brand-soft:#122b40;--brand-soft-strong:#123552;--brand-line:#235176;--brand-line-strong:var(--blue-700);--brand-ink:var(--blue-200);--focus:var(--blue-400);--bg:var(--slate-950);--surface:var(--slate-925);--surface-alt:var(--slate-900);--surface-hover:var(--slate-850);--surface-strong:var(--slate-800);--ink:var(--slate-100);--ink-2:var(--slate-300);--muted:var(--slate-400);--subtle:var(--slate-450);--line:var(--slate-800);--line-strong:var(--slate-700);--success-text:#78d694;--success-soft:#142d1b;--success-line:#275235;--success:#46b86e;--warning-text:#fbbd6e;--warning-soft:#37250d;--warning-line:#674920;--warning:#f2a635;--danger-text:#f98e8b;--danger-soft:#3b1c1b;--danger-line:#733434;--danger:#e85f61;--danger-button:#ba343c;--danger-button-hover:#a12a32;--info:var(--blue-400);--nav-bg:var(--slate-975);--nav-bg-2:var(--slate-950);--nav-hover:var(--slate-900);--nav-active:#122b40;--nav-line:var(--slate-850);--code-bg:var(--slate-975);--code-line:var(--slate-800);--chart-1:var(--blue-500);--chart-2:#d95926;--chart-3:#199e70;--chart-4:#9085e9;--chart-5:#d55181;--chart-6:#c98500;--chart-grid:var(--slate-800);--chart-axis:var(--slate-450);--chart-crosshair:var(--slate-500);--chart-threshold-info-text:#a79ef0;--fleet-unknown:var(--slate-500);--fleet-disabled:var(--slate-700);--overlay:#0009;--shadow-card:0 1px 2px #0000004d;--shadow-raised:0 3px 12px #0000004d;--shadow-hover:0 3px 10px #0006;--shadow-lifted:0 22px 48px #0000008c;--shadow-modal:0 22px 90px #0009;--shadow-auth:0 12px 45px #0006}:root .logo-on-dark{display:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .logo-on-light{display:none}:root:not([data-theme=light]) .logo-on-dark{display:block}}:root[data-theme=dark] .logo-on-light{display:none}:root[data-theme=dark] .logo-on-dark{display:block}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;line-height:1.5}button,input,select,textarea{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--focus);outline-offset:3px}button{color:inherit}svg{vertical-align:middle;flex-shrink:0}h1,h2,h3,h4,p{margin:0}h1{letter-spacing:-1px;font-size:29px;font-weight:650;line-height:1.3}h2{letter-spacing:-.3px;font-size:15px;font-weight:650}h3{font-size:15px}input,select{border:1px solid var(--line-strong);background:var(--surface);min-height:39px;color:var(--ink);border-radius:7px;max-width:100%;padding:10px 12px}input::placeholder{color:var(--subtle)}select{cursor:pointer}input[type=checkbox]{width:16px;height:16px;min-height:0;accent-color:var(--accent);margin:0}code,kbd{font-family:SFMono-Regular,Consolas,monospace;font-size:11px}.muted{color:var(--muted)}.text-success{color:var(--success-text)}.text-warning{color:var(--warning-text)}.nowrap{white-space:nowrap}.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}.skip-link{z-index:100;color:var(--on-accent);background:var(--accent);border-radius:6px;padding:12px 20px;position:fixed;top:-80px;left:16px}.skip-link:focus{top:15px}.button{white-space:nowrap;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:10px 15px;font-size:12px;font-weight:600;transition:background .15s,box-shadow .15s;display:inline-flex}.button-primary{color:var(--on-accent);background:var(--accent);box-shadow:0 2px 2px color-mix(in srgb, var(--accent) 6%, transparent)}.button-primary:hover{background:var(--accent-hover);box-shadow:0 3px 8px color-mix(in srgb, var(--accent) 15%, transparent)}.button-secondary{background:var(--surface);border-color:var(--line-strong);color:var(--ink-2)}.button-secondary:hover{background:var(--surface-hover)}.button-small{min-height:33px;padding:7px 11px;font-size:11px}.icon-button{width:34px;height:34px;color:var(--muted);background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover{background:var(--brand-soft);color:var(--accent-text)}.text-link{color:var(--accent-text);white-space:nowrap;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:11px;font-weight:600;display:inline-flex}.text-link:hover{color:var(--accent-text-hover);text-underline-offset:3px;text-decoration:underline}.tiny-dot{background:var(--success);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.dot-blue{background:var(--info)}.dot-amber{background:var(--warning)}.middle-dot{color:var(--subtle);margin:0 5px}.eyebrow{text-transform:uppercase;letter-spacing:1.7px;color:var(--subtle);margin-bottom:9px;font-size:9px;font-weight:700}.status{white-space:nowrap;color:var(--muted);background:var(--surface-hover);border-radius:5px;align-items:center;gap:6px;padding:4px 8px;font-size:10px;font-weight:600;display:inline-flex}.status-dot{background:currentColor;border-radius:50%;width:5px;height:5px}.status-online,.status-active,.status-provisioned{color:var(--success-text);background:var(--success-soft)}.status-sleeping,.status-invited{color:var(--info-text);background:var(--info-soft)}.status-overdue,.status-pending{color:var(--warning-text);background:var(--warning-soft)}.status-disabled,.status-revoked{color:var(--muted);background:var(--surface-hover)}.status-suspended,.status-failed{color:var(--danger-text);background:var(--danger-soft)}.count-pill{background:var(--surface-hover);color:var(--muted);border-radius:5px;margin-left:5px;padding:2px 7px;font-size:10px;font-weight:500;display:inline-flex}.product-icon{background:var(--surface-hover);width:37px;height:37px;color:var(--muted);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.product-green{background:var(--success-soft);color:var(--success-text)}.product-blue{background:var(--brand-soft);color:var(--accent-text)}.product-amber{background:var(--warning-soft);color:var(--warning-text)}.card{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-card);border-radius:11px;margin-bottom:21px;overflow:hidden}.card-header{justify-content:space-between;align-items:center;gap:16px;padding:22px 24px 17px;display:flex}.card-header p{color:var(--muted);margin-top:4px;font-size:11px}.card-bottom-note{border-top:1px solid var(--line);color:var(--subtle);background:var(--surface-alt);padding:12px 24px;font-size:10px}.card-bottom-note a{color:var(--accent-text);margin-left:4px}.page-title{justify-content:space-between;align-items:center;gap:18px;margin-bottom:28px;display:flex}.page-title p{color:var(--muted);margin-top:8px;font-size:12px}.page-actions{align-items:center;gap:12px;display:flex}.date-chip{color:var(--muted);white-space:nowrap;align-items:center;gap:8px;padding:10px 0;font-size:11px;display:inline-flex}.empty-state{text-align:center;color:var(--muted);padding:48px 24px}.empty-state h3{color:var(--ink-2);margin:12px 0 6px}.empty-state p{max-width:440px;margin:0 auto;font-size:12px}.empty-icon{background:var(--surface-hover);color:var(--subtle);border-radius:14px;padding:14px;display:inline-flex}.page-note{color:var(--muted);gap:10px;padding:17px 0;font-size:11px;display:flex}.subtle-hint{color:var(--subtle);align-items:center;gap:5px;font-size:10px;display:inline-flex}.back-link{color:var(--muted);align-items:center;gap:7px;margin-bottom:20px;font-size:11px;display:inline-flex}.back-link:hover{color:var(--accent-text)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important}}.device-controls .row-actions{flex-wrap:wrap}.device-controls p{margin:8px 0 0}.device-actions-card{padding:24px}
.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--nav-bg);width:234px;color:var(--nav-text);z-index:40;border-right:1px solid var(--nav-line);flex-direction:column;flex-shrink:0;padding:29px 17px 0;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.brand{color:var(--nav-text-strong);flex-direction:column;align-items:flex-start;gap:8px;margin:0 12px 28px;display:flex}.brand-logo{width:116px;height:auto;display:block}.brand small{letter-spacing:1.4px;color:var(--nav-muted);white-space:nowrap;font-size:9px;font-weight:600;line-height:1}.brand-page-logo{width:126px;height:auto;margin:0 auto 22px;display:block}.topbar-brand{border-radius:4px;flex-shrink:0;align-items:center;display:none}.topbar-brand img{width:63px;height:auto;display:block}@media (max-width:850px){.topbar-brand{display:inline-flex}.topbar-brand+span{display:none}}@media (max-width:660px){.topbar-brand~*{display:none}}.workspace-select{border:1px solid var(--nav-line);border-radius:8px;align-items:center;gap:10px;margin-bottom:26px;padding:11px 10px;display:flex}.workspace-avatar{background:var(--nav-active);color:var(--nav-accent);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:29px;height:29px;font-size:10px;font-weight:700;display:flex}.workspace-select div{flex:1;min-width:0}.workspace-select label{color:var(--nav-muted);font-size:9px;display:block}.workspace-select select{color:var(--nav-text-strong);appearance:none;text-overflow:ellipsis;background:0 0;border:0;border-radius:2px;width:100%;min-height:22px;padding:0;font-size:11px;font-weight:500}.workspace-select option{background:var(--nav-bg)}.workspace-select>svg{color:var(--nav-muted)}.nav-group{margin-bottom:21px}.nav-label{letter-spacing:1.8px;text-transform:uppercase;color:var(--nav-muted);margin-bottom:10px;padding:0 13px;font-size:8px;font-weight:600}.nav-item{color:var(--nav-text);border-radius:6px;align-items:center;gap:12px;min-height:41px;margin:3px 0;padding:11px 13px;font-size:11px;display:flex}.nav-item svg{color:var(--nav-muted)}.nav-item:hover{background:var(--nav-hover);color:var(--nav-text-strong)}.nav-active{background:var(--nav-active);color:var(--nav-accent)}.nav-active svg{color:var(--nav-accent-icon)}.nav-count{background:color-mix(in srgb, var(--nav-text-strong) 8%, transparent);color:var(--nav-text);border-radius:4px;margin-left:auto;padding:1px 6px;font-size:9px}.sidebar-bottom{margin-top:auto;padding-top:24px}.integration-card{border:1px solid var(--nav-line);background:linear-gradient(135deg,var(--nav-bg-2),var(--nav-bg));border-radius:9px;margin-bottom:22px;padding:17px 14px 16px}.integration-icon{border:1px solid var(--nav-line);width:33px;height:33px;color:var(--nav-accent-icon);border-radius:8px;justify-content:center;align-items:center;margin-bottom:13px;display:flex}.integration-card h4{color:var(--nav-text-strong);font-size:11px;font-weight:500}.integration-card p{color:var(--nav-muted);margin:7px 0 15px;font-size:10px;line-height:1.7}.integration-card a{color:var(--nav-accent);justify-content:space-between;align-items:center;font-size:9px;display:flex}.sidebar-foot{color:var(--nav-muted);border-top:1px solid var(--nav-line);align-items:center;gap:7px;padding:15px 1px;font-size:8px;display:flex}.sidebar-foot .tiny-dot{background:var(--success);width:5px;height:5px}.sidebar-foot>span:last-child{color:var(--nav-faint);margin-left:auto}.main-shell{flex-direction:column;width:calc(100% - 234px);min-width:0;margin-left:234px;display:flex}.topbar{border-bottom:1px solid var(--line);background:var(--surface);justify-content:space-between;align-items:center;gap:15px;height:71px;padding:0 32px;display:flex}.breadcrumb{color:var(--subtle);align-items:center;gap:9px;font-size:10px;display:flex}.breadcrumb strong{color:var(--ink-2);font-size:10px;font-weight:500}.breadcrumb>svg{color:var(--subtle)}.topbar-actions{align-items:center;gap:12px;display:flex}.search-trigger{background:var(--surface-alt);border:1px solid var(--line);color:var(--subtle);border-radius:6px;align-items:center;gap:9px;min-width:237px;padding:8px 10px;font-size:10px;display:flex}.search-trigger kbd{background:var(--surface);border:1px solid var(--line);color:var(--subtle);border-radius:3px;margin-left:auto;padding:1px 5px;font-size:8px}.topbar-divider{background:var(--line);width:1px;height:22px;margin:0 2px}.user-avatar{background:var(--brand-soft);border:2px solid var(--surface);width:31px;height:31px;box-shadow:0 0 0 1px var(--brand-line);color:var(--accent-text);border-radius:50%;justify-content:center;align-items:center;font-size:9px;font-weight:700;display:flex}.attention-button{position:relative}.attention-button i{background:var(--warning);border:1px solid var(--surface);border-radius:50%;width:5px;height:5px;position:absolute;top:6px;right:8px}.menu-toggle,.sidebar-backdrop{display:none}.demo-strip{border-bottom:1px solid var(--line);background:var(--surface-alt);color:var(--muted);justify-content:space-between;align-items:center;gap:15px;padding:10px 32px;font-size:10px;display:flex}.demo-strip>span{align-items:center;gap:9px;display:flex}.demo-tag{background:var(--success-soft);color:var(--success-text);letter-spacing:1px;border-radius:4px;padding:3px 6px;font-size:8px;font-weight:700;display:inline-block}.role-preview{align-items:center;gap:8px;display:flex}.role-preview label{color:var(--muted);font-size:9px}.role-preview select{min-height:0;color:var(--muted);background:0 0;border:0;max-width:205px;padding:2px 21px 2px 3px;font-size:10px}.main-content{outline:none;flex:1;width:100%;max-width:1510px;margin:0 auto;padding:31px 32px 20px}.main-footer{color:var(--subtle);justify-content:space-between;gap:16px;padding:16px 32px 20px;font-size:9px;display:flex}.notice{background:var(--success-soft);border:1px solid var(--success-line);color:var(--success-text);border-radius:7px;align-items:center;gap:9px;margin:18px 32px 0;padding:8px 13px;font-size:11px;display:flex}.notice>span{flex:1}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:22px;display:grid}.stat-card{border:1px solid var(--line);background:var(--surface);border-radius:9px;padding:18px 20px 17px}.stat-top{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;font-size:11px;display:flex}.stat-icon{background:var(--brand-soft);width:30px;height:30px;color:var(--accent-text);border-radius:7px;justify-content:center;align-items:center;display:flex}.tone-green{background:var(--success-soft);color:var(--success-text)}.tone-amber{background:var(--warning-soft);color:var(--warning-text)}.tone-blue{background:var(--info-soft);color:var(--info-text)}.stat-value{letter-spacing:-1px;margin:11px 0 13px;font-size:32px;font-weight:600;line-height:1.1}.stat-value small{color:var(--subtle);margin-left:5px;font-size:15px;font-weight:400}.stat-detail{color:var(--subtle);font-size:9px}.overview-charts{grid-template-columns:minmax(0,2.45fr) minmax(260px,1fr);gap:21px;display:grid}.compact-select{max-width:190px;min-height:29px;color:var(--muted);background:var(--surface-alt);padding:5px 9px;font-size:9px}.trend-reading{align-items:center;gap:14px;padding:7px 25px 8px;display:flex}.trend-reading>strong{letter-spacing:-.8px;font-size:27px;font-weight:550}.trend-reading>strong small{color:var(--subtle);margin-left:4px;font-size:13px;font-weight:400}.trend-reading>span{color:var(--muted);font-size:10px}.trend-reading>span>.tiny-dot{margin-right:5px}.trend-reading>span small{color:var(--subtle);margin-top:3px;font-size:9px;display:block}.trend-reading>.text-link{margin-left:auto;font-size:9px}.chart{padding:0 18px 14px}.chart svg{width:100%;display:block;overflow:visible}.chart text{fill:var(--chart-axis);font-family:inherit;font-size:9px}.chart-point{opacity:0;transition:opacity .2s}.chart:hover .chart-point{opacity:1}.chart-footnote{color:var(--subtle);justify-content:space-between;gap:10px;padding:8px 6px 0;font-size:9px;display:flex}.chart-footnote>span:first-child{color:var(--muted)}.legend-dot{background:var(--chart-1);border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.donut-container{justify-content:center;align-items:center;padding:7px 0 14px;display:flex}.donut{border-radius:50%;justify-content:center;align-items:center;width:126px;height:126px;display:flex}.donut>div{background:var(--surface);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:102px;height:102px;display:flex}.donut strong{letter-spacing:-.7px;font-size:31px;font-weight:550;line-height:1.2}.donut span{color:var(--subtle);margin-top:4px;font-size:9px}.fleet-legend{padding:3px 24px 17px}.fleet-legend a{color:var(--muted);justify-content:space-between;align-items:center;padding:6px 0;font-size:10px;display:flex}.fleet-legend a>span{align-items:center;gap:8px;display:flex}.fleet-legend i{border-radius:50%;width:6px;height:6px}.fleet-legend strong{color:var(--ink-2);font-size:10px;font-weight:550}.fleet-legend small{text-align:right;min-width:30px;color:var(--subtle);margin-left:10px;font-size:9px;font-weight:400;display:inline-block}.fleet-legend a:hover span{color:var(--accent-text)}.attention-heading{align-items:center;gap:13px;display:flex}.attention-icon{background:var(--warning-soft);width:33px;height:33px;color:var(--warning-text);border-radius:7px;justify-content:center;align-items:center;display:inline-flex}.attention-list{padding:0 24px 8px}.attention-item{border-top:1px solid var(--line);align-items:center;gap:12px;padding:13px 0;display:flex}.attention-item>div{flex:1}.attention-item strong{color:var(--ink-2);font-size:11px;font-weight:500;display:block}.attention-item div>span{color:var(--subtle);margin-top:4px;font-size:10px;display:block}.attention-item>svg{color:var(--subtle)}.attention-marker{background:var(--warning);border-radius:50%;width:6px;height:6px}.marker-blue{background:var(--info)}.all-clear{color:var(--success-text);align-items:center;gap:10px;padding:8px 24px 25px;font-size:12px;display:flex}.table-scroll{width:100%;position:relative;overflow:auto}.data-table{border-collapse:collapse;text-align:left;width:100%;font-size:11px}.data-table th{background:var(--surface-alt);color:var(--muted);border-top:1px solid var(--line);border-bottom:1px solid var(--line);white-space:nowrap;padding:12px 21px;font-size:9px;font-weight:500}.data-table td{border-bottom:1px solid var(--line);color:var(--muted);padding:15px 21px}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:var(--surface-alt)}.data-table td small{color:var(--subtle);margin-top:4px;font-size:9px;display:block}.data-table td small>span{color:var(--line-strong);margin:0 6px}.data-table td strong{color:var(--ink-2);font-weight:550}.device-table{min-width:815px}.device-table th,.device-table td{padding-left:22px;padding-right:12px}.device-table td:first-child{width:31%}.device-table td:last-child{width:33px;padding-right:14px}.device-cell{align-items:center;gap:12px;display:flex}.device-name{color:var(--ink-2);font-size:11px;font-weight:550;display:block}.device-name:hover{color:var(--accent-text)}.table-primary{font-size:11px}.provisioning-label{color:var(--subtle);font-size:10px}.table-footer{border-top:1px solid var(--line);color:var(--subtle);justify-content:space-between;gap:16px;padding:12px 23px;font-size:9px;display:flex}.table-footer>span:last-child{align-items:center;gap:5px;display:flex}.table-footer .tiny-dot{background:var(--success);width:4px;height:4px}.overview-bottom{grid-template-columns:1.6fr 1fr;gap:21px;display:grid}.activity-list{padding:0 24px 18px}.activity-item{gap:12px;padding:12px 0;display:flex}.activity-icon{background:var(--brand-soft);width:29px;height:29px;color:var(--accent-text);border-radius:7px;justify-content:center;align-items:center;margin-top:2px;display:inline-flex}.activity-item strong{color:var(--ink-2);font-size:11px;font-weight:500}.activity-item p{color:var(--subtle);margin-top:3px;font-size:10px}.activity-item small{color:var(--subtle);margin-top:3px;font-size:9px;display:block}.access-note{color:var(--subtle);padding:16px 0;font-size:11px}.connection-card{background:linear-gradient(145deg,var(--brand-soft),var(--brand-soft-strong));border:1px solid var(--brand-line);color:var(--muted);border-radius:11px;margin-bottom:21px;padding:26px}.connection-symbol{color:var(--accent-text);margin-bottom:20px;display:inline-flex}.connection-card .eyebrow{color:var(--subtle);font-size:8px}.connection-card h2{color:var(--brand-ink);max-width:260px;margin-bottom:10px;font-size:20px;line-height:1.4}.connection-card p{color:var(--muted);max-width:310px;margin-bottom:21px;font-size:11px;line-height:1.9}.connection-card a{color:var(--accent-text);align-items:center;gap:8px;font-size:10px;font-weight:600;display:flex}.filter-bar{flex-wrap:wrap;align-items:center;gap:10px;padding:20px 23px;display:flex}.filter-bar select{min-height:34px;color:var(--muted);padding:7px 9px;font-size:10px}.search-field{border:1px solid var(--line-strong);background:var(--surface);min-width:225px;color:var(--subtle);border-radius:7px;flex:1;align-items:center;gap:8px;padding:0 10px;display:flex}.search-field input{outline-offset:0;background:0 0;border:0;width:100%;min-height:35px;padding:8px 0;font-size:11px}.inventory-summary{color:var(--subtle);flex-wrap:wrap;gap:28px;padding:3px 1px 22px;font-size:11px;display:flex}.inventory-summary>span{align-items:center;gap:7px;display:flex}.inventory-summary strong{color:var(--ink-2);font-weight:550}.detail-status-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.detail-status{flex-direction:column;align-items:flex-start;padding:20px;display:flex}.detail-status>svg{color:var(--accent-text);margin-bottom:12px}.detail-status>span{color:var(--subtle);font-size:11px}.detail-status strong{color:var(--ink);margin:5px 0;font-size:21px;font-weight:550}.detail-status small{color:var(--subtle);font-size:10px}.detail-status-grid:has(>:nth-child(4)){grid-template-columns:repeat(4,minmax(0,1fr))}.device-detail-layout{grid-template-columns:minmax(0,1fr) 265px;align-items:start;gap:21px;display:grid}.measurements-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:8px 24px 24px;display:grid}.measurement{overflow-wrap:anywhere;border:1px solid var(--line);background:var(--surface-alt);border-radius:8px;min-width:0;padding:14px}.measurement>span{color:var(--subtle);font-size:11px}.measurement>strong{color:var(--ink);flex-wrap:wrap;align-items:baseline;column-gap:5px;margin:8px 0;font-size:25px;font-weight:550;display:flex}.measurement strong small{color:var(--subtle);margin-left:0;font-size:12px;font-weight:400}.measurement p{color:var(--subtle);margin:6px 0;font-size:10px}.measurement>small{color:var(--subtle);font-size:9px}.measurement code{font-size:9px}.measurement-error{background:var(--warning-soft);border-color:var(--warning-line)}.measurement-error p{color:var(--warning-text)}.shared-source{border-top:1px solid var(--line);background:var(--surface-alt);color:var(--muted);align-items:center;gap:10px;padding:17px 24px;font-size:10px;display:flex}.shared-source>div{flex:1}.shared-source strong{color:var(--ink-2);font-weight:500}.shared-source p{margin-top:3px;font-size:9px}.device-info dl{margin:0 0 22px;padding:0 24px}.device-info dt{color:var(--subtle);margin-top:17px;font-size:10px}.device-info dd{color:var(--ink-2);align-items:center;gap:7px;margin:5px 0 0;font-size:11px;display:flex}.device-info .form-note{border-top:1px solid var(--line);border-radius:0;margin:0;padding:17px 24px}.history-filters{gap:14px;padding:4px 24px 20px;display:flex}.history-filters label{color:var(--subtle);flex-direction:column;flex:1;gap:6px;min-width:0;font-size:10px;display:flex}.history-filters select{width:100%;font-size:11px}.history-filters label:last-child{flex:.6}.history-summary{background:var(--surface-alt);border-block:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:22px;padding:18px 24px;display:grid}.history-summary>div{flex-direction:column;display:flex}.history-summary div>span{color:var(--subtle);font-size:9px}.history-summary strong{color:var(--ink);margin-top:5px;font-size:20px;font-weight:500}.history-summary strong>small{color:var(--subtle);margin-left:4px;font-size:10px;font-weight:400}.history-summary>div>small{color:var(--subtle);margin-top:4px;font-size:9px}.history-summary .quality-value{padding-top:5px;font-size:12px}.history-caption{color:var(--subtle);justify-content:space-between;gap:16px;padding:5px 24px 18px;font-size:10px;display:flex}.history-panel .chart{padding:0 24px 16px}.observation-table{max-height:350px}.observation-table thead{position:sticky;top:0}.history-panel .empty-state{padding:42px 24px}.site-grid,.company-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:21px;display:grid}.site-card,.company-card{margin:0}.site-visual{background:linear-gradient(125deg,var(--brand-soft),var(--brand-soft-strong));height:130px;padding:22px;position:relative;overflow:hidden}.field-lines{background:repeating-linear-gradient(135deg,transparent 0px,transparent 19px,color-mix(in srgb, var(--accent) 8%, transparent) 20px,color-mix(in srgb, var(--accent) 8%, transparent) 21px,transparent 22px,transparent 37px);width:200%;height:200%;position:absolute;top:-60px;left:-60px;transform:rotate(-12deg)}.site-visual-icon{background:color-mix(in srgb, var(--surface) 60%, transparent);border:1px solid color-mix(in srgb, var(--surface) 55%, transparent);width:50px;height:50px;color:var(--accent-text);border-radius:11px;justify-content:center;align-items:center;display:flex;position:relative}.site-type{letter-spacing:.7px;text-transform:uppercase;background:color-mix(in srgb, var(--surface) 60%, transparent);border:1px solid color-mix(in srgb, var(--surface) 55%, transparent);color:var(--accent-text);border-radius:5px;padding:4px 7px;font-size:8px;position:absolute;bottom:17px;right:17px}.site-card:nth-child(2n) .site-visual{background:linear-gradient(125deg,var(--surface-alt),var(--surface-strong))}.site-card:nth-child(2n) .site-visual-icon{color:var(--muted)}.site-card-content{padding:22px}.site-card-content .eyebrow{letter-spacing:1.2px;margin-bottom:8px;font-size:8px}.site-card-content h2{font-size:18px}.site-card-content>p{color:var(--subtle);margin-top:5px;font-size:10px}.site-stats{border-block:1px solid var(--line);gap:20px;margin:17px 0;padding:16px 0;display:flex}.site-stats>span{color:var(--subtle);align-items:center;gap:6px;font-size:10px;display:flex}.site-stats strong{color:var(--ink-2)}.source-note{color:var(--subtle);align-items:center;gap:7px;min-height:34px;margin-bottom:15px;font-size:9px;display:flex}.company-card{padding:24px}.company-card-top{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.company-avatar{background:var(--brand-soft);width:49px;height:49px;color:var(--accent-text);border-radius:11px;justify-content:center;align-items:center;font-size:15px;font-weight:600;display:flex}.company-card:nth-child(2n) .company-avatar{color:var(--muted);background:var(--surface-hover)}.company-card h2{margin-bottom:7px;font-size:18px}.company-card>p{color:var(--subtle);align-items:center;gap:6px;font-size:11px;display:flex}.company-metrics{grid-template-columns:repeat(3,1fr);margin-top:9px;padding:22px 0;display:grid}.company-metrics>div{border-right:1px solid var(--line);flex-direction:column;padding-left:18px;display:flex}.company-metrics>div:first-child{padding:0}.company-metrics>div:last-child{border:0}.company-metrics strong{color:var(--ink);font-size:21px;font-weight:500}.company-metrics span{color:var(--subtle);margin-top:3px;font-size:9px}.company-open{border:0;border-top:1px solid var(--line);width:100%;color:var(--accent-text);background:0 0;justify-content:space-between;align-items:center;padding:16px 0 0;font-size:10px;font-weight:600;display:flex}.company-open:hover{color:var(--accent-text)}.access-explainer{border:1px solid var(--brand-line);background:var(--brand-soft);color:var(--accent-text);border-radius:9px;align-items:center;gap:15px;margin-bottom:24px;padding:19px 22px;display:flex}.access-explainer strong{color:var(--brand-ink);font-size:12px;font-weight:550}.access-explainer p{color:var(--muted);margin-top:4px;font-size:10px}.person-cell{white-space:nowrap;align-items:center;gap:10px;display:flex}.person-avatar{width:30px;height:30px;color:var(--accent-text);background:var(--brand-soft);border-radius:50%;justify-content:center;align-items:center;font-size:9px;display:flex}.role-badge{white-space:nowrap;background:var(--surface-hover);color:var(--muted);border-radius:4px;padding:4px 7px;font-size:10px}.sample-badge{color:var(--success-text);background:var(--success-soft);white-space:nowrap;border-radius:4px;padding:4px 7px;font-size:9px;display:inline-flex}.exports-layout{grid-template-columns:1.6fr 1fr;align-items:start;gap:24px;display:grid}.export-form{padding:7px 24px 24px}.export-form>.button{align-self:flex-start}.export-guide{border:1px solid var(--brand-line);background:var(--brand-soft);color:var(--muted);border-radius:11px;margin-bottom:24px;padding:27px}.export-guide h2{color:var(--brand-ink);margin:16px 0 10px;font-size:19px;line-height:1.4}.export-guide p{font-size:11px;line-height:1.8}.export-guide ul{margin:16px 0 21px;padding:0 0 0 15px;font-size:10px;line-height:1.9}.export-guide li{margin-bottom:10px}.export-guide .demo-tag{font-size:7px}.file-cell{color:var(--accent-text);white-space:nowrap;align-items:center;gap:10px;display:flex}.settings-layout{grid-template-columns:1.1fr 1fr;align-items:start;gap:24px;display:grid}.settings-layout>.card{margin:0}.settings-body{padding:0 24px}.setting-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:22px 0;display:flex}.setting-row:last-child{border:0}.setting-row>span:first-child{flex:1}.setting-row strong{color:var(--ink-2);font-size:11px;font-weight:550;display:block}.setting-row small{color:var(--subtle);max-width:230px;margin-top:5px;font-size:9px;display:block}.setting-row select{min-height:32px;padding:6px 8px;font-size:10px}.setting-value{color:var(--muted);text-align:right;max-width:150px;font-size:10px}.connection-list{padding:0 24px 10px}.connection-list>div{border-bottom:1px solid var(--line);align-items:center;gap:11px;padding:17px 0;display:flex}.connection-list>div:last-child{border:0}.connection-indicator{color:var(--subtle);display:inline-flex}.connection-ready{color:var(--success)}.connection-list>div>span:nth-child(2){flex:1}.connection-list strong{color:var(--ink-2);font-size:11px;font-weight:550;display:block}.connection-list small{color:var(--subtle);margin-top:4px;font-size:9px;display:block}.connection-list>div>span:last-child{font-size:9px}.demo-explanation{color:var(--muted);grid-column:1/-1;padding:26px}.demo-explanation h2{color:var(--ink);margin:12px 0}.demo-explanation p{color:var(--muted);max-width:880px;margin-top:9px;font-size:11px;line-height:1.9}.modal{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-modal);width:min(560px,100% - 30px);max-height:90dvh;color:var(--ink);border-radius:13px;padding:26px;overflow:auto}.modal::backdrop{background:var(--overlay);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-heading{align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.modal-heading>div{flex:1}.modal-heading h2{font-size:20px}.modal-heading p{color:var(--muted);margin-top:8px;font-size:11px;line-height:1.8}.panel-form{flex-direction:column;gap:18px;display:flex}.panel-form label{color:var(--ink-2);flex-direction:column;gap:7px;font-size:11px;display:flex}.panel-form label>input,.panel-form label>select{width:100%;font-size:12px}.form-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.form-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:10px;margin-top:7px;padding-top:18px;display:flex}.form-note{color:var(--muted);background:var(--surface-alt);border-radius:7px;padding:13px 15px;font-size:10px;line-height:1.8}.form-note strong{color:var(--ink-2);font-weight:550}.form-error{color:var(--danger-text);font-size:11px}.form-hint{color:var(--muted);font-size:10px}.panel-form fieldset{border:1px solid var(--line);border-radius:7px;margin:0;padding:15px}.panel-form legend{color:var(--ink-2);padding:0 4px;font-size:11px}.grant-list{flex-direction:column;gap:12px;max-height:190px;margin-top:11px;display:flex;overflow:auto}.panel-form .checkbox-label{flex-direction:row;align-items:flex-start;gap:9px;display:flex}.panel-form .checkbox-label>input[type=checkbox]{width:16px;height:16px;min-height:16px;accent-color:var(--accent);flex:0 0 16px;margin:0;padding:0}.panel-form .checkbox-label{align-items:center}.panel-form .checkbox-label>span{overflow-wrap:anywhere;min-width:0}.panel-form .rule-recipients{flex-direction:column;gap:12px;display:flex}.checkbox-label small{color:var(--subtle);margin-top:3px;font-size:9px;display:block}.command-search{border:1px solid var(--line-strong);background:var(--surface-alt);color:var(--subtle);border-radius:8px;align-items:center;gap:11px;padding:0 13px;display:flex}.command-search input{outline-offset:0;background:0 0;border:0;width:100%}.command-results{max-height:390px;margin-top:17px;overflow:auto}.command-results a{color:var(--ink-2);border-radius:6px;align-items:center;gap:12px;padding:12px 8px;display:flex}.command-results a:hover{background:var(--brand-soft)}.command-results a>span{flex:1;font-size:12px}.command-results a small{color:var(--subtle);margin-top:3px;font-size:10px;display:block}@media (min-width:1600px){.main-content{padding-top:40px}.topbar,.demo-strip{padding-inline:40px}.overview-charts{grid-template-columns:minmax(0,2.8fr) minmax(280px,1fr)}}@media (max-width:1200px){.sidebar{width:213px;padding-inline:13px}.main-shell{width:calc(100% - 213px);margin-left:213px}.main-content{padding:28px 25px}.topbar,.demo-strip{padding-inline:25px}.stats-grid{gap:12px}.stat-card{padding:16px}.stat-detail{min-height:27px}.overview-charts{grid-template-columns:minmax(0,1.8fr) minmax(245px,1fr)}.trend-card .compact-select{max-width:135px}.trend-reading>.text-link{display:none}.site-grid,.company-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.device-detail-layout{grid-template-columns:minmax(0,1fr) 235px}.search-trigger{min-width:200px}.device-detail-layout .history-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1100px){.measurements-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1000px){.overview-charts{grid-template-columns:minmax(0,1fr)}.fleet-card{grid-template-columns:1fr 1fr;display:grid}.fleet-card .card-header{grid-column:1/-1}.fleet-legend{padding-top:9px}.overview-bottom{grid-template-columns:1.4fr 1fr}.search-trigger{background:0 0;border:0;width:33px;min-width:0;height:33px;padding:7px}.search-trigger span,.search-trigger kbd{display:none}.device-detail-layout{grid-template-columns:minmax(0,1fr)}.device-info{display:block}.detail-status-grid:has(>:nth-child(4)){grid-template-columns:repeat(2,minmax(0,1fr))}.settings-layout{grid-template-columns:1fr}.exports-layout{grid-template-columns:1.3fr 1fr}.page-actions .date-chip{display:none}}@media (max-width:850px){.sidebar{visibility:hidden;width:234px;transition:transform .2s;transform:translate(-100%)}.sidebar-open{visibility:visible;transform:translate(0)}.sidebar-backdrop{background:var(--overlay);z-index:39;border:0;display:block;position:fixed;inset:0}.main-shell{width:100%;margin-left:0}.menu-toggle{margin-left:-8px;display:inline-flex}.topbar{height:63px;padding-inline:22px}.main-content{padding:25px 22px}.demo-strip{padding:9px 22px}.stats-grid{gap:14px}.stat-detail{min-height:0}.overview-charts{grid-template-columns:minmax(0,1.85fr) minmax(230px,1fr)}.fleet-card{display:block}.trend-reading>span small{max-width:170px}.detail-status-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.device-info{display:block}.device-info dl{grid-template-columns:1fr 1fr;display:grid}.device-info dt,.device-info dd{margin-top:12px}}@media (max-width:660px){h1{font-size:24px}.main-content{padding:24px 17px}.topbar{padding:0 17px}.topbar-actions{gap:4px}.breadcrumb>span:last-child,.help-button{display:none}.demo-strip{flex-wrap:wrap;gap:7px;padding:9px 17px;font-size:9px}.role-preview{width:100%}.role-preview select{max-width:none;padding-left:0}.role-preview label{width:62px}.page-title{align-items:flex-start;gap:12px;margin-bottom:22px}.page-title .eyebrow{font-size:8px}.page-title p{font-size:11px}.page-actions>.button{min-height:35px;padding:8px 10px;font-size:10px}.page-actions>.button>svg{width:14px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.stat-card{padding:15px}.stat-detail{min-height:24px;font-size:8px}.stat-top{font-size:10px}.stat-value{margin:9px 0 10px;font-size:29px}.stat-icon{width:27px;height:27px}.overview-charts{grid-template-columns:1fr}.fleet-card{grid-template-columns:1fr 1fr;display:grid}.fleet-card .card-header{grid-column:1/-1}.card-header{gap:9px;padding:19px 18px 16px}.card-header h2{font-size:14px}.card-header p{font-size:10px}.card-header .text-link{font-size:9px}.trend-reading{padding:2px 19px 11px}.trend-reading strong{font-size:26px}.trend-reading>span small{max-width:none}.overview-bottom{grid-template-columns:1fr}.connection-card{padding:24px}.connection-card h2,.connection-card p{max-width:none}.attention-list{padding-inline:18px}.attention-heading{gap:10px}.attention-heading .attention-icon{display:none}.attention-item{gap:9px}.attention-item strong{font-size:10px}.attention-item div>span{font-size:9px}.attention-item .status{padding:4px 6px;font-size:8px}.attention-item>svg{display:none}.table-footer{padding-inline:18px}.table-footer>span:last-child{display:none}.chart-footnote{flex-wrap:wrap;font-size:8px}.inventory-summary{gap:15px;font-size:10px}.filter-bar{gap:8px;padding:17px}.filter-bar .search-field{flex:100%}.filter-bar select{flex:1;max-width:100%}:is(.detail-status-grid,.detail-status-grid:has(>:nth-child(4))){grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.detail-status-grid>.detail-status:last-child:nth-child(3){grid-column:1/-1}.detail-status{margin-bottom:10px;padding:16px}.detail-status strong{font-size:18px}.detail-status small{font-size:9px}.measurements-grid{gap:10px;padding:4px 18px 18px}.measurement{padding:13px}.measurement>strong{font-size:23px}.measurement>small,.measurement code{font-size:8px}.shared-source{flex-wrap:wrap;padding:15px 18px}.shared-source>div{flex:1;min-width:180px}.history-filters{flex-wrap:wrap;gap:12px;padding:0 18px 18px}.history-filters>label:first-child{flex-basis:100%}.history-filters label:last-child{flex:1}.history-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:16px 18px}.history-caption{flex-wrap:wrap;padding-inline:18px;font-size:9px}.history-caption .text-link{font-size:10px}.history-panel .chart{padding-inline:12px}.card-bottom-note{padding-inline:18px}.site-grid,.company-grid{grid-template-columns:1fr;gap:18px}.company-card{padding:22px}.site-visual{height:110px}.exports-layout{grid-template-columns:1fr;gap:0}.export-guide{padding:23px}.export-guide ul{margin-bottom:15px}.export-form{padding-inline:18px}.access-explainer{gap:11px;padding:17px}.access-explainer strong{font-size:11px}.access-explainer p{font-size:9px}.settings-layout{gap:18px}.settings-body,.connection-list{padding-inline:18px}.setting-row{gap:12px}.setting-row select{max-width:155px;font-size:9px}.connection-list>div>span:last-child,.connection-list small{font-size:8px}.demo-explanation{padding:21px}.main-footer{flex-wrap:wrap;padding-inline:17px;font-size:8px}.notice{margin-inline:17px}.modal{padding:21px}.modal-heading h2{font-size:18px}.form-grid{grid-template-columns:1fr;gap:18px}.panel-form label{font-size:10px}.form-actions,.history-panel .card-header{flex-wrap:wrap}}@media (max-width:380px){.topbar-actions .attention-button{display:none}.page-title{flex-direction:column}.page-actions{align-self:flex-start;margin-top:3px}.stats-grid{gap:9px}.stat-card{padding:13px}.stat-top{font-size:9px}.stat-detail{font-size:8px}.compact-select{max-width:123px!important}.trend-reading>span small{max-width:190px}.detail-status-grid{grid-template-columns:1fr}.detail-status-grid>.detail-status:last-child:nth-child(3){grid-column:auto}.measurements-grid{grid-template-columns:1fr}.setting-row{flex-wrap:wrap}.setting-value{text-align:left}.table-footer{font-size:8px}}.auth-page{background:radial-gradient(ellipse at top,var(--brand-soft-strong),transparent 70%),var(--bg);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:32px 20px;display:flex}.auth-brand{color:var(--ink);flex-direction:column;align-items:center;gap:11px;margin-bottom:30px;display:flex}.auth-logo{width:157px;height:auto;display:block}.auth-brand span{letter-spacing:2px;text-align:center;font-size:10px;font-weight:700;line-height:1}.auth-card{background:var(--surface);border:1px solid var(--line);width:100%;max-width:460px;box-shadow:var(--shadow-auth);border-radius:18px;padding:32px}.auth-card h1{margin:18px 0 8px;font-size:27px}.auth-card>p{color:var(--muted);margin-bottom:24px;line-height:1.6}.auth-symbol{width:52px;height:52px;color:var(--accent-text);background:var(--brand-soft);border-radius:14px;place-items:center;display:grid}.auth-foot{color:var(--muted);margin-top:24px;font-size:12px}.auth-page{position:relative}.auth-theme-toggle{position:absolute;top:16px;right:16px}.mfa-qr{align-self:center;max-width:100%;height:auto}.recovery-codes{background:var(--surface-alt);border-radius:8px;grid-template-columns:1fr 1fr;gap:8px;padding:16px;font-size:12px;display:grid}.panel-form textarea{border:1px solid var(--line-strong);background:var(--surface);width:100%;color:var(--ink);font:inherit;resize:vertical;overflow-wrap:anywhere;border-radius:7px;padding:12px}.account-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.account-form{padding:24px}.account-form p{margin-bottom:16px;line-height:1.65}.session-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:14px 0;display:flex}.session-row small{color:var(--muted);margin-top:5px;display:block}.site-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.row-actions{flex-wrap:wrap;gap:10px;display:flex}.device-info code{overflow-wrap:anywhere}.demo-strip{flex-wrap:wrap;gap:8px}.demo-tag{white-space:nowrap}button:disabled{opacity:.55;cursor:wait}@media (max-width:768px){.account-grid{grid-template-columns:1fr}.auth-card{padding:24px}.recovery-codes{grid-template-columns:1fr}.demo-strip{font-size:11px}.demo-strip>span:last-child{display:none}}.alert-note{margin-bottom:20px}.email-settings-card{max-width:760px;padding:24px}.email-settings-card label{flex-direction:column;gap:8px;margin-bottom:14px;display:flex}.email-settings-card .checkbox-label{flex-direction:row}.notification-history{margin-top:20px}.notification-item{border-top:1px solid var(--line);gap:16px;padding:22px 24px;display:flex}.notification-item>svg{color:var(--accent-text);flex-shrink:0;margin-top:3px}.notification-item>div{flex:1;min-width:0}.notification-item p{overflow-wrap:anywhere;margin:8px 0;line-height:1.6}.notification-item strong,.notification-item small{overflow-wrap:anywhere}.notification-item small{color:var(--muted)}.notification-item .row-actions{margin-top:12px}.notification-unread{background:var(--brand-soft)}.unread-dot{background:var(--info);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:8px}.notification-count{background:var(--accent);color:var(--on-accent);border-radius:12px;padding:2px 5px;font-size:10px;line-height:1.3;position:absolute;top:-2px;right:-6px}@media (max-width:600px){.notification-item{gap:10px;padding:18px 14px}.email-settings-card{padding:16px}}.device-access-actions{padding:0 24px 22px}.device-access-card{padding:22px 24px}.device-access-card h2{font-size:16px}.device-access-actions .button,.device-access-card .button{white-space:normal}.button-danger{background:var(--danger-button);color:var(--on-accent);border:1px solid var(--danger-button)}.button-danger:hover{background:var(--danger-button-hover)}.delete-link{color:var(--danger-text)}.delete-checkbox{width:17px;height:17px;accent-color:var(--danger-button);flex:0 0 17px;margin:0}.deletion-toolbar{border:1px solid var(--line);background:var(--surface);border-radius:12px;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:16px;padding:16px;display:flex}.deletion-toolbar label,.deletion-heading{align-items:center;gap:10px;display:flex}.deletion-toolbar span{color:var(--muted);font-size:13px}.deletion-heading h2{margin-bottom:0}.deletion-list{overflow-wrap:anywhere;max-height:180px;padding-left:22px;overflow-y:auto}.site-actions{flex-wrap:wrap;gap:12px}.history-ranges{flex-wrap:wrap;gap:7px;padding:0 24px 22px;display:flex}.history-ranges button{border:1px solid var(--line-strong);background:var(--surface);min-height:38px;color:var(--muted);font:inherit;cursor:pointer;border-radius:9px;align-items:center;gap:7px;padding:8px 12px;font-size:11px;transition:background .15s,color .15s;display:inline-flex}.history-ranges button:hover{background:var(--surface-hover)}.history-ranges button[aria-pressed=true]{background:var(--brand-soft);color:var(--accent-text);border-color:var(--brand-line-strong);font-weight:600}.history-ranges button i{background:currentColor;border-radius:50%;width:6px;height:6px}.history-ranges button:focus-visible,.interactive-chart:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.sensor-charts{grid-template-columns:minmax(0,1fr);display:grid}.sensor-history{border-top:1px solid var(--line);min-width:0;padding-top:20px}.sensor-history-heading{justify-content:space-between;align-items:center;gap:12px;padding:0 24px 12px;display:flex}.sensor-history-heading h3{color:var(--ink);margin:0;font-size:13px;font-weight:600}.sensor-history-heading>span{color:var(--subtle);font-size:10px}.chart-plot{min-width:0;position:relative}.chart-plot svg{touch-action:pan-y}.chart-crosshair{pointer-events:none}.chart-readout{align-items:center;min-height:62px;display:flex}.chart-tooltip{border:1px solid var(--line);background:var(--surface-alt);pointer-events:none;max-width:100%;color:var(--ink);border-radius:7px;flex-wrap:wrap;align-items:center;gap:5px 12px;padding:7px 10px;display:flex}.chart-tooltip-reading{align-items:center;gap:8px;display:flex}.chart-tooltip-reading strong{white-space:nowrap;font-size:15px;font-weight:600}.chart-tooltip-reading strong small{color:var(--muted);margin-left:4px;font-size:11px;font-weight:400}.chart-tooltip time{color:var(--muted);overflow-wrap:anywhere;font-size:10px}.chart-tooltip-quality{background:var(--warning-soft);color:var(--warning-text);border-radius:4px;padding:2px 5px;font-size:10px}.chart-tooltip-quality.is-error{background:var(--danger-soft);color:var(--danger-text)}@media (max-width:660px){.history-ranges{gap:6px;padding-inline:18px}.history-ranges button{padding:8px 10px;font-size:10px}.sensor-history-heading{padding-inline:18px}}@media (prefers-reduced-motion:reduce){.chart-point,.history-ranges button{transition:none}}.dashboard .page-title{flex-wrap:wrap}.dashboard-toolbar{border:1px solid var(--line);background:var(--surface);border-radius:9px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:15px 18px;display:flex}.dashboard-toolbar>div{color:var(--muted);flex-wrap:wrap;align-items:center;gap:9px;font-size:11px;display:flex}.dashboard-toolbar>div>span:last-child{color:var(--subtle);margin-left:12px}.dashboard-toolbar label{color:var(--muted);align-items:center;gap:10px;font-size:11px;display:flex}.dashboard-toolbar select{min-width:125px;font-size:12px}.dashboard-save-note{color:var(--muted);margin:12px 0 20px;font-size:11px;line-height:1.7}.dashboard-widget{min-width:0;margin:0;position:relative;overflow:hidden}.dashboard-widget-header{align-items:flex-start;gap:10px;padding:20px 20px 10px;display:flex}.dashboard-widget-header>div{flex:1;min-width:0}.dashboard-widget-header a{color:var(--accent-text);overflow-wrap:anywhere;font-size:11px}.dashboard-widget-header h2{overflow-wrap:anywhere;margin:7px 0;font-size:16px;font-weight:550}.dashboard-widget-header p{color:var(--subtle);overflow-wrap:anywhere;font-size:10px;line-height:1.6}.dashboard-widget-header .status{flex-shrink:0;font-size:9px}.dashboard-widget-actions{justify-content:flex-end;gap:4px;padding:0 12px;display:flex}.dashboard-reading{padding:12px 20px 24px}.dashboard-reading>strong{letter-spacing:-1px;color:var(--ink);font-size:clamp(32px,3vw,52px);font-weight:600}.dashboard-reading>strong>small{color:var(--subtle);letter-spacing:0;margin-left:7px;font-size:17px;font-weight:400}.dashboard-reading p{color:var(--muted);margin:12px 0 7px;font-size:11px;line-height:1.6}.dashboard-reading>span{color:var(--subtle);font-size:11px}.dashboard-warning{border-color:var(--warning-line)}.dashboard-reading .dashboard-age-warning{color:var(--warning-text)}.dashboard-chart-message{margin:0;padding:20px;font-size:11px;line-height:1.7}.dashboard-chart .chart{margin-top:14px}.dashboard .chart-footnote{flex-wrap:wrap}.dashboard-empty-action{text-align:center;padding:0 20px 26px}.dashboard-empty-action p{color:var(--muted);margin-top:12px;font-size:12px}.dashboard-monitor{z-index:60;background:var(--bg);overscroll-behavior:contain;width:100%;height:100dvh;min-height:0;padding:28px;position:fixed;inset:0;overflow:auto}:is(.app-shell:has(.dashboard-monitor) .sidebar,.app-shell:has(.dashboard-monitor) .sidebar-backdrop,.app-shell:has(.dashboard-monitor) .topbar,.app-shell:has(.dashboard-monitor) .demo-strip,.app-shell:has(.dashboard-monitor) .main-footer,.app-shell:has(.dashboard-monitor) .notice,.app-shell:has(.dashboard-monitor) .skip-link){display:none}.app-shell:has(.dashboard-monitor) .main-shell{width:100%;margin:0}.app-shell:has(.dashboard-monitor) .main-content{max-width:none;padding:0}.dashboard-monitor .dashboard-widget-header h2{font-size:20px}.dashboard-monitor .dashboard-reading>strong{font-size:clamp(40px,4vw,72px)}@media (max-width:660px){.dashboard .page-actions{flex-wrap:wrap}.dashboard-toolbar>div>span:last-child{margin-left:0}.dashboard-toolbar label{justify-content:space-between;width:100%}.dashboard-monitor{padding:18px}.dashboard-widget-header{padding:18px 18px 10px}}.overview-charts{align-items:start}.overview-side{min-width:0}.overview-side .attention-list{padding:0 18px 10px}.overview-side .attention-item{gap:9px;padding:12px 0}.overview-side .attention-item>div{flex:1;min-width:120px}.overview-side .attention-item>svg{display:none}.selection-column{width:40px!important;min-width:40px!important;padding-left:16px!important;padding-right:6px!important}.device-table .selection-column+th,.device-table .selection-column+td{padding-left:6px}.sensor-label,.dashboard-widget-header h2{align-items:center;gap:8px;display:flex}.sensor-label svg,.dashboard-widget-header h2 svg{color:var(--accent-text);flex-shrink:0}.device-detail-layout{display:block}.device-tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:6px;padding:12px 16px;display:flex}.device-tabs button{color:var(--muted);font:inherit;background:0 0;border:0;border-radius:6px;padding:10px 14px;font-size:12px}.device-tabs button[aria-selected=true]{background:var(--brand-soft);color:var(--accent-text);font-weight:600}.device-management .device-info dl{columns:3;display:block}.device-management .device-info dl dt{break-after:avoid;margin-top:12px}.device-management .device-info dl dd{break-inside:avoid;margin-top:4px}.dashboard-widget{flex-direction:column;display:flex}.dashboard-widget-actions{background:var(--surface-alt);flex-wrap:wrap;justify-content:flex-start;align-items:center;padding:8px 14px}.dashboard-widget-actions label{color:var(--muted);align-items:center;gap:5px;font-size:10px;display:flex}.dashboard-widget-actions select,.dashboard-widget-actions input{width:68px;min-height:30px;padding:5px;font-size:11px}.dashboard-chart .chart{flex-direction:column;flex:1;display:flex}.dashboard-chart .chart>svg{flex:1;width:100%;height:100%;min-height:180px}.company-contact{border-block:1px solid var(--line);margin:14px 0;padding:12px 0;font-size:11px}.company-contact dt{color:var(--subtle);margin-top:8px;font-size:10px}.company-contact dd{color:var(--ink-2);overflow-wrap:anywhere;margin:4px 0}@media (max-width:660px){.device-management .device-info dl{columns:1}.overview-side .fleet-card{display:block}}.dashboard-chart .chart-plot{flex:1;min-height:180px}.dashboard-chart .chart-plot svg{height:100%;min-height:180px;max-height:none}.monitoring-status{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:24px;font-size:11px;display:flex}.monitoring-status>span:last-child{align-items:center;gap:6px;margin-left:auto;display:flex}.resource-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.resource-card{min-width:0;padding:22px}.resource-card>div:first-child{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.resource-card h2{flex:1;font-size:15px}.resource-icon{color:var(--accent-text);background:var(--brand-soft);border-radius:10px;padding:9px;display:inline-flex}.resource-card>strong{color:var(--ink);margin:24px 0 16px;font-size:42px;font-weight:550;display:block}.resource-meter{background:var(--surface-strong);border-radius:10px;height:8px;overflow:hidden}.resource-meter i{background:var(--chart-1);height:100%;transition:width .3s;display:block}.resource-pressure .resource-meter i{background:var(--warning)}.resource-pressure{border-color:var(--warning-line)}.resource-card p{color:var(--muted);overflow-wrap:anywhere;margin:16px 0 8px;font-size:11px;line-height:1.7}.resource-card small{color:var(--subtle);font-size:10px}.resource-trend svg{width:100%;max-height:240px;padding:0 20px}.resource-trend svg text{fill:var(--chart-axis);font-size:10px}.resource-key{color:var(--muted);flex-wrap:wrap;gap:20px;padding:16px 24px;font-size:11px;display:flex}.resource-key span{align-items:center;gap:7px;display:flex}.resource-key i{border-radius:50%;width:8px;height:8px;display:inline-block}.resource-details{padding:24px}.resource-details dl{grid-template-columns:1fr 2fr;gap:14px;font-size:12px;display:grid}.resource-details dt{color:var(--subtle)}.resource-details dd{overflow-wrap:anywhere;color:var(--ink-2);margin:0}.monitoring-columns{grid-template-columns:1fr 1fr;gap:18px;display:grid}@media (max-width:1000px){.resource-grid,.monitoring-columns{grid-template-columns:1fr}}@media (max-width:660px){.monitoring-status>span:last-child{margin-left:0}.resource-details dl{grid-template-columns:1fr;gap:8px}.resource-details dd{margin-bottom:10px}}.overview-side .fleet-card{grid-template-columns:105px minmax(0,1fr);align-items:center;margin-bottom:18px;display:grid}.overview-side .fleet-card .card-header{grid-column:1/-1;padding:18px 20px 14px}.overview-side .donut-container{padding:0 0 16px 12px}.overview-side .donut{width:88px;height:88px}.overview-side .donut>div{width:66px;height:66px}.overview-side .donut strong{font-size:24px}.overview-side .donut span{font-size:8px}.overview-side .fleet-legend{padding:0 16px 16px 9px}.overview-side .fleet-legend a{padding:4px 0}.overview-side .fleet-legend small{min-width:23px;margin-left:6px}.overview-side #attention .card-header{padding:18px;display:block}.overview-side .attention-icon{display:none}.overview-side #attention .card-header>.text-link{margin-top:10px}.overview-side .attention-item{flex-wrap:nowrap}.overview-side .attention-item strong{font-size:11px}.overview-side .attention-item div>span{font-size:10px}.dashboard-chart .chart-plot svg{width:100%;height:100%;min-height:0;position:absolute;inset:0}.list-filters select{min-width:0;max-width:260px}.filter-date{color:var(--muted);flex-direction:column;gap:4px;font-size:10px;display:flex}.filter-date input{min-width:0;max-width:100%;min-height:34px;padding:6px 9px;font-size:11px}.filter-error{margin:0 23px 16px}@media (max-width:660px){.list-filters .search-field{min-width:0}.list-filters select{flex:100%;width:100%;max-width:100%}.filter-date{flex:120px;min-width:0}.filter-date input{width:100%}}.list-filters .checkbox-label{align-items:center;gap:9px;font-size:11px;display:flex}.list-filters .checkbox-label input[type=checkbox]{width:16px;height:16px;min-height:16px;accent-color:var(--accent);margin:0;padding:0}.dashboard-widget-tools{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:10px;display:flex}.dashboard-resize-button{gap:5px;min-height:30px;padding:5px 8px;font-size:10px}.dashboard-monitor .page-title{z-index:2;background:var(--bg);padding-block:16px;position:sticky;top:-28px}.dashboard-widget-actions .icon-button{flex-shrink:0}@media (max-width:660px){.dashboard-monitor .page-title{top:-18px}}.firmware-workbench{min-width:0}.usb-flash-progress{gap:6px;font-size:12px;display:grid}.usb-flash-progress progress{width:100%;height:10px;accent-color:var(--accent)}.usb-flash .form-note svg{vertical-align:-3px;color:var(--accent-text)}.usb-flash-log summary{cursor:pointer;font-size:12px}.usb-flash-log pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--code-bg);max-height:220px;color:var(--code-text);border-radius:8px;margin:8px 0 0;padding:12px;font:11px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:auto}.firmware-workbench h3{margin:0;font-size:14px}.firmware-editor{flex-direction:column;gap:12px;width:100%;min-width:0;display:flex}.firmware-editor-heading{overflow-wrap:anywhere;justify-content:space-between;gap:12px;font-size:11px;display:flex}.firmware-editor-heading span{color:var(--muted);flex-shrink:0}.firmware-source-label{min-width:0}.panel-form .firmware-source{resize:vertical;white-space:pre;tab-size:2;background:var(--code-bg);width:100%;max-width:100%;min-height:440px;color:var(--code-text);border:1px solid var(--code-line);border-radius:8px;padding:14px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.6;overflow:auto}.panel-form .firmware-source:focus{outline:2px solid var(--focus);outline-offset:2px}@media (max-width:660px){.panel-form .firmware-source{min-height:320px;font-size:11px}.firmware-workbench .row-actions{flex-wrap:wrap}}
.portal-page{--portal-muted:var(--muted);min-width:0}.portal-page .page-title{flex-wrap:wrap;align-items:flex-start;margin-bottom:24px}.portal-page .page-title>div:first-child{min-width:0}.portal-page .page-title h1{overflow-wrap:anywhere}.portal-page .page-title .eyebrow{color:var(--portal-muted);letter-spacing:1.2px;font-size:10px}.portal-page .page-title p{color:var(--portal-muted);max-width:680px;font-size:13px;line-height:1.7}.portal-page .page-actions{flex-wrap:wrap;gap:8px}.portal-page .card{box-shadow:var(--shadow-raised);border-radius:13px}.portal-page .card-header{flex-wrap:wrap;padding:20px 22px 18px}.portal-page .card-header h2{font-size:16px}.portal-page .card-header p{color:var(--portal-muted);font-size:12px}.portal-page .text-link{white-space:normal;text-align:left;min-height:32px;font-size:12px}.portal-page .button{min-height:40px}.portal-page .filter-bar{background:var(--surface-alt);border-bottom:1px solid var(--line);gap:12px;padding:18px 22px}.portal-page .search-field{border-radius:8px;min-width:200px}.portal-page .search-field input{min-height:40px;font-size:13px}.portal-page .filter-bar select{max-width:260px;min-height:40px;font-size:12px}.portal-page .filter-date{color:var(--portal-muted);font-size:11px}.portal-page .filter-date input{min-height:40px;font-size:12px}.portal-page .filter-bar .text-link{background:var(--brand-soft);border-radius:6px;padding:4px 8px}.portal-page .inventory-summary{gap:12px;padding-bottom:20px}.portal-page .inventory-summary>span{border:1px solid var(--line);background:var(--surface);color:var(--portal-muted);border-radius:8px;padding:9px 13px;font-size:12px}.portal-page .table-scroll{overscroll-behavior-x:contain;scrollbar-color:var(--line-strong) var(--surface-alt)}.table-scroll:focus-visible{outline:3px solid var(--focus);outline-offset:-3px}.portal-page .data-table{font-size:12px}.portal-page .data-table th{color:var(--muted);background:var(--surface-alt);padding:13px 20px;font-size:11px;font-weight:600}.portal-page .data-table td{color:var(--ink-2);padding:16px 20px;line-height:1.6}.portal-page .data-table td small{color:var(--portal-muted);font-size:11px}.portal-page .data-table td strong,.portal-page .device-name{color:var(--ink);font-size:13px;font-weight:600}.portal-page .data-table tbody tr:hover{background:var(--surface-alt)}.portal-page .status{padding:5px 9px;font-size:11px}.portal-page .row-actions{flex-wrap:wrap;gap:6px 12px}.portal-page .row-actions .text-link{min-height:34px}.portal-page .row-actions .icon-button{width:36px;height:36px}.portal-page .table-footer{color:var(--portal-muted);flex-wrap:wrap;align-items:center;padding:13px 22px;font-size:11px}.portal-page .table-footer>span:only-child{display:inline}.portal-page .card-bottom-note{color:var(--portal-muted);padding:13px 22px;font-size:11px;line-height:1.7}.portal-page .empty-state{padding:40px 22px}.portal-page .empty-state h3{font-size:17px}.portal-page .empty-state p{color:var(--portal-muted);font-size:13px;line-height:1.7}.portal-page .stat-card{border-radius:12px;padding:20px}.portal-page .stat-top{color:var(--muted);font-size:12px}.portal-page .stat-value{font-variant-numeric:tabular-nums;margin:12px 0;font-size:32px}.portal-page .stat-detail{color:var(--portal-muted);font-size:11px}.portal-page .history-filters{color:var(--portal-muted);align-items:center;font-size:12px}.portal-page .history-filters label{color:var(--portal-muted);font-size:12px}.portal-page .history-filters select{min-height:40px;font-size:12px}.history-controls{flex-wrap:wrap;align-items:flex-end;gap:16px;padding:0 22px 18px;display:flex}.history-controls>label{min-width:0;color:var(--muted);flex-direction:column;flex:200px;gap:6px;font-size:12px;display:flex}.history-controls select{width:100%}.portal-page .history-ranges{gap:7px}.portal-page .history-ranges button{min-height:38px;font-size:12px}.portal-page .sensor-history-heading{flex-wrap:wrap;gap:7px}.portal-page .sensor-history-heading>span{color:var(--portal-muted);font-size:11px}.portal-page .company-card{padding:22px}.portal-page .company-card h2{overflow-wrap:anywhere;font-size:18px}.portal-page .company-card>p{color:var(--portal-muted);font-size:12px}.portal-page .company-contact{grid-template-columns:90px minmax(0,1fr);gap:10px;padding-block:16px;display:grid}.portal-page .company-contact dt,.portal-page .company-contact dd{margin:0;font-size:12px}.portal-page .company-contact dt{color:var(--portal-muted)}.portal-page .company-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.portal-page .company-stats{flex-wrap:wrap;gap:8px 20px;padding-block:5px;display:flex}.portal-page .company-stats span{color:var(--portal-muted);font-size:12px}.portal-page .site-actions{flex-wrap:wrap;gap:8px 16px}.directory-filters{border:1px solid var(--line);border-radius:12px;margin-bottom:18px}.directory-count{color:var(--muted);margin:0 0 16px;font-size:12px}.portal-help{border:1px solid var(--line);background:var(--surface-alt);color:var(--muted);border-radius:10px;margin-bottom:20px;padding:14px 18px;font-size:12px}.portal-help summary{cursor:pointer;color:var(--ink-2);min-height:24px;font-weight:600}.portal-help p{margin-top:10px;line-height:1.8}.portal-help summary:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.export-limits{border:0;border-top:1px solid var(--line);border-radius:0;margin:0;padding:14px 22px}.report-schedule-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding:18px 22px;display:flex}.report-schedule-row>div{overflow-wrap:anywhere;min-width:0}.report-schedule-row strong{font-size:13px}.report-schedule-row p{color:var(--muted);margin-top:5px;font-size:12px}.portal-page .notification-item{gap:14px;padding:20px 22px}.portal-page .notification-item>div{min-width:0}.portal-page .notification-item strong{color:var(--ink);font-size:14px}.portal-page .notification-item p{color:var(--muted);overflow-wrap:anywhere;font-size:13px;line-height:1.8}.portal-page .notification-item small{color:var(--portal-muted);font-size:11px}.portal-page .notification-unread{background:var(--brand-soft);border-left:3px solid var(--accent)}.notification-preferences{margin-top:20px}.portal-page .account-grid{align-items:start;gap:20px}.portal-page .account-form{padding:0 22px 22px}.portal-page .account-form>p{color:var(--portal-muted);line-height:1.8}.portal-page .account-form>.button{margin-top:12px}.portal-page .panel-form label{color:var(--ink-2);gap:7px;font-size:12px}.portal-page .panel-form input,.portal-page .panel-form select,.portal-page .panel-form textarea{min-height:42px;font-size:13px}.portal-page .panel-form input[type=checkbox]{min-height:16px}.portal-page .form-hint,.portal-page .form-note{color:var(--portal-muted);font-size:12px;line-height:1.8}.portal-page .session-row{gap:14px;padding-block:14px}.portal-page .session-row small{color:var(--portal-muted);font-size:11px}.portal-page .email-settings-card{max-width:900px;padding:24px}.email-settings-heading{border-bottom:1px solid var(--line);margin-bottom:22px;padding-bottom:18px}.email-settings-heading h2{font-size:17px}.email-settings-heading p{color:var(--muted);margin-top:6px}.portal-page .setting-row{gap:18px}.portal-page .setting-row strong,.portal-page .connection-list strong{font-size:13px}.portal-page .setting-row small,.portal-page .connection-list small{color:var(--portal-muted);font-size:11px;line-height:1.7}.portal-page .setting-value{min-width:0;font-size:12px}.portal-page .connection-list>div{align-items:flex-start;gap:12px}.portal-page .connection-list>div>span:nth-child(2){flex:1;min-width:0}.portal-page .connection-list>div>span:last-child{text-align:right;font-size:11px}.portal-page .monitoring-status{color:var(--portal-muted);border-radius:10px;font-size:12px}.portal-page .resource-card{padding:22px}.portal-page .resource-card p,.portal-page .resource-card small{color:var(--portal-muted);overflow-wrap:anywhere;font-size:12px}.portal-page .resource-details dl{gap:12px 22px}.portal-page .resource-details dt{color:var(--portal-muted);font-size:12px}.portal-page .resource-details dd{overflow-wrap:anywhere;font-size:13px}.portal-page .activity-item strong{font-size:13px}.portal-page .activity-item p,.portal-page .activity-item small{color:var(--portal-muted);overflow-wrap:anywhere;font-size:11px}.portal-page .connection-card p{color:var(--muted);font-size:12px}@media (min-width:1201px){.portal-history .sensor-charts{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-history .sensor-history:nth-child(odd):not(:last-child){border-right:1px solid var(--line)}}@media (max-width:900px){.portal-page .settings-layout,.portal-page .account-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:660px){.portal-page .page-title{gap:14px}.portal-page .page-title h1{font-size:25px}.portal-page .page-title p{font-size:12px}.portal-page .page-actions{width:100%}.portal-page .page-actions>.button{min-height:42px;padding:10px 13px;font-size:12px}.portal-page .page-actions>.button-primary{flex:1}.portal-page .card-header{padding:18px 16px}.portal-page .filter-bar{gap:10px;padding:16px}.portal-page .filter-bar .search-field{flex:100%;min-width:0}.portal-page .filter-bar select{flex:100%;width:100%;min-width:0;max-width:100%}.portal-page .filter-date{flex:100%}.portal-page .data-table{min-width:640px}.portal-page .device-table{min-width:850px}.portal-page .table-scroll:after{content:"Scroll horizontally to view all columns";background:var(--surface-alt);width:100%;color:var(--muted);padding:9px 16px;font-size:11px;display:block;position:sticky;left:0}.portal-page .data-table th,.portal-page .data-table td{padding:13px 16px}.portal-page .table-footer{padding:12px 16px}.portal-page .stat-card{padding:16px}.portal-page .stat-value{font-size:29px}.portal-page .stat-detail{min-height:32px;font-size:10px}.portal-page .inventory-summary{gap:8px}.portal-page .inventory-summary>span{padding:8px 10px;font-size:11px}.history-controls{gap:12px;padding:0 16px 16px}.history-controls>label{flex-basis:100%}.portal-page .notification-item{gap:10px;padding:16px}.portal-page .notification-item>svg{width:16px}.portal-page .account-form{padding:0 16px 20px}.portal-page .email-settings-card{padding:18px 16px}.portal-page .setting-row{flex-wrap:wrap}.portal-page .setting-row select{width:100%;max-width:100%;font-size:12px}.portal-page .connection-list>div{flex-wrap:wrap}.portal-page .connection-list>div>span:last-child{text-align:left;flex-basis:100%;padding-left:30px}.portal-page .resource-details dl{grid-template-columns:minmax(0,1fr)}.portal-page .resource-details dd{margin:0 0 10px}.portal-page .resource-card,.portal-page .company-card{padding:18px}.portal-page .company-grid{grid-template-columns:minmax(0,1fr)}.portal-page .overview-charts{flex-direction:column;display:flex}.portal-page .overview-side{order:-1}}.modal{overscroll-behavior:contain;width:min(600px,100% - 32px);max-height:calc(100dvh - 32px);padding:0;overflow:auto}.modal-wide{width:min(820px,100% - 32px)}.modal-heading{z-index:3;background:var(--surface);border-bottom:1px solid var(--line);margin:0;padding:22px 24px;position:sticky;top:0}.modal-heading h2:focus{outline:none}.modal-heading p{color:var(--muted);font-size:13px;line-height:1.6}.modal-heading .icon-button{flex-shrink:0;width:40px;height:40px}.modal-body{padding:24px}.modal .panel-form label,.modal .panel-form legend{color:var(--ink-2);font-size:13px}.modal .panel-form label>input,.modal .panel-form label>select{min-height:44px;font-size:14px}.modal .panel-form fieldset{flex-direction:column;gap:16px;min-width:0;padding:18px;display:flex}.modal .panel-form legend{font-weight:650}.modal .form-hint,.modal .form-note{color:var(--muted);font-size:12px;line-height:1.6}.modal .form-error{color:var(--danger-text);font-size:13px;line-height:1.6}.modal .form-actions{z-index:2;background:var(--surface);margin-top:8px;margin-bottom:0;padding:16px 0;position:sticky;bottom:0}.discard-changes{z-index:4;background:var(--warning-soft);border-bottom:1px solid var(--warning-line);padding:20px 24px;position:sticky;top:0}.discard-changes p{margin:8px 0 14px;font-size:13px}@media (max-width:660px){.modal-heading,.modal-body{padding:16px}.modal .panel-form fieldset{padding:14px}.modal .form-actions>.button{flex:1;min-height:44px}}.modal{scroll-padding-top:160px;scroll-padding-bottom:90px}.modal .panel-form fieldset .form-hint{margin:0}.modal .dialog-disclosure{border:1px solid var(--line);background:var(--surface-alt);border-radius:10px;min-width:0}.modal .dialog-disclosure>summary{min-height:48px;color:var(--ink);cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:14px;font-weight:650;list-style:none;display:flex}.modal .dialog-disclosure>summary::-webkit-details-marker{display:none}.modal .dialog-disclosure>summary:after{content:"";border-bottom:2px solid;border-right:2px solid;flex-shrink:0;width:8px;height:8px;margin:0 4px 4px 0;transition:transform .15s;transform:rotate(45deg)}.modal .dialog-disclosure>summary:hover{background:var(--surface-hover)}.modal .dialog-disclosure>summary:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.modal .dialog-disclosure[open]>summary{border-bottom:1px solid var(--line);border-radius:10px 10px 0 0}.modal .dialog-disclosure[open]>summary:after{margin:4px 4px 0 0;transform:rotate(-135deg)}.modal .dialog-disclosure-body{flex-direction:column;gap:16px;min-width:0;padding:16px;display:flex}.modal .dialog-disclosure-body>.form-hint,.modal .dialog-disclosure-body>div>.form-hint{margin:6px 0 0}.modal .panel-form .device-board{min-height:44px;color:var(--muted);align-self:end;align-items:center;margin:0;font-size:13px;display:flex}.modal .device-firmware-actions{justify-content:flex-end}.modal .device-access-state{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;display:flex}@media (max-width:660px){.modal .dialog-disclosure>summary{padding:12px 14px}.modal .dialog-disclosure-body{padding:12px}.modal .device-firmware-actions>.button{flex:1;min-height:44px}}@media (prefers-reduced-motion:reduce){.modal .dialog-disclosure>summary:after{transition:none}}
.dashboard{--dashboard-muted:var(--muted)}.dashboard .page-title{align-items:flex-start;gap:16px;margin-bottom:22px}.dashboard .page-title .eyebrow{color:var(--muted);letter-spacing:1.2px}.dashboard .page-title p{color:var(--dashboard-muted);font-size:13px}.dashboard .page-actions{flex-wrap:wrap;gap:8px}.dashboard .page-actions .button{min-height:40px}.dashboard-library{border:1px solid var(--line);background:var(--surface);border-radius:12px;margin-bottom:18px;padding:16px 18px}.dashboard-library-controls{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.dashboard-library-controls label{min-width:0;color:var(--dashboard-muted);flex-direction:column;flex:220px;gap:7px;font-size:11px;font-weight:600;display:flex}.dashboard-library-controls label>span{align-items:center;gap:7px;display:flex}.dashboard-library-controls .dashboard-template-select{flex:0 200px}.dashboard-library select{width:100%;font-size:12px}.dashboard-library-actions{flex-wrap:wrap;gap:8px;display:flex}.dashboard-library-caption{color:var(--dashboard-muted);flex-wrap:wrap;gap:6px 14px;margin-top:10px;font-size:11px;display:flex}.dashboard-library-notice{color:var(--accent-text);margin-top:8px;font-size:12px}.dashboard-toolbar{background:0 0;border:0;border-radius:0;margin-bottom:0;padding:0 0 14px}.dashboard-toolbar>div{color:var(--ink-2)}.dashboard-toolbar>div>span:last-child,.dashboard-toolbar label{color:var(--dashboard-muted)}.dashboard-toolbar select{min-height:36px;padding-block:7px}.dashboard-arrange-note{border:1px solid var(--brand-line);background:var(--brand-soft);color:var(--brand-ink);border-radius:9px;align-items:flex-start;gap:10px;margin:0 0 16px;padding:12px 14px;font-size:12px;display:flex}.dashboard-arrange-note svg{margin-top:2px}.dashboard-grid{gap:16px}.dashboard-widget{box-shadow:var(--shadow-raised);border-radius:13px}.dashboard-widget-header{justify-content:space-between;padding:18px 18px 12px}.dashboard-widget-header>div:first-child{flex:auto}.dashboard-widget-header h2{margin:8px 0 5px;font-size:16px;font-weight:650;line-height:1.4}.dashboard-widget-header p,.dashboard-widget-header p a{color:var(--dashboard-muted);font-size:11px}.dashboard-widget-header .dashboard-device-link{font-size:12px;font-weight:500}.dashboard-widget-header .dashboard-widget-tools{flex:none}.dashboard-widget-header .status{font-size:10px}.dashboard-resize-button{background:var(--surface-alt);border-color:var(--line);min-height:32px}.dashboard-widget-actions{border-block:1px solid var(--line);gap:8px;padding:12px 16px}.dashboard-widget-actions .icon-button{border:1px solid var(--line-strong);background:var(--surface);width:36px;height:36px;color:var(--ink-2)}.dashboard-reading{flex-direction:column;flex:1;justify-content:flex-end;padding:10px 18px 20px;display:flex}.dashboard-reading>strong{color:var(--ink);overflow-wrap:anywhere;flex-wrap:wrap;align-items:baseline;gap:4px 8px;font-size:clamp(32px,3vw,48px);line-height:1.2;display:flex}.dashboard-reading>strong>small{color:var(--muted);margin:0;font-size:17px}.dashboard-reading p{color:var(--ink-2);margin:16px 0 5px;font-size:12px}.dashboard-reading>span{color:var(--dashboard-muted);font-size:11px}.dashboard-warning{border-color:var(--warning-line);background:var(--surface)}.dashboard-reading .dashboard-age-warning{color:var(--warning-text)}.dashboard-chart .chart{margin-top:0}.dashboard-empty{background:linear-gradient(145deg,var(--surface),var(--brand-soft));border-style:dashed}.dashboard-empty .empty-state{padding:40px 20px 22px}.dashboard-empty .empty-state h3{color:var(--ink);font-size:19px}.dashboard-empty .empty-state p{color:var(--muted);font-size:13px;line-height:1.7}.dashboard-empty-action{padding-bottom:34px}.dashboard-incidents{margin:22px 0 0;padding:18px;scroll-margin-top:20px}.incident-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.dashboard-incidents .incident-empty{color:var(--muted);margin-top:7px;font-size:12px}.dashboard-incidents .table-scroll{margin-top:12px}.widget-sensor-picker>.text-link{min-height:32px;margin:0 0 10px}.widget-sensor-picker .checkbox-label{min-height:48px}.widget-sensor-picker .checkbox-label:has(input:checked){background:var(--brand-soft);border-color:var(--brand-line-strong)}.widget-sensor-picker .checkbox-label>svg{color:var(--accent-text)}.dashboard-monitor .page-title{align-items:center}.dashboard-monitor .page-title>div:first-child>p{display:none}@media (max-width:660px){.dashboard .page-title .eyebrow{font-size:10px}.dashboard .page-title p{font-size:12px}.dashboard .page-actions{width:100%}.dashboard .page-actions>.button{min-height:40px;padding:9px 11px;font-size:11px}.dashboard .page-actions>.button-primary:last-child{flex:1}.dashboard-library{padding:14px}.dashboard-library-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.dashboard-library-select{grid-column:1/-1}.dashboard-library-actions{flex-direction:column;width:100%}.dashboard-library-actions>.button{padding:9px 8px;font-size:11px}.dashboard-library-caption{font-size:11px;line-height:1.6}.dashboard-toolbar{gap:10px;padding-bottom:14px}.dashboard-toolbar label{flex:100%;justify-content:space-between;width:auto}.dashboard-toolbar select{max-width:65%}.dashboard-widget-header{padding:16px 16px 10px}.dashboard-reading{padding-inline:16px}.dashboard-resize-button{min-height:36px}.dashboard-widget-actions .icon-button{width:40px;height:40px}.dashboard-widget-actions select,.dashboard-widget-actions input{min-height:36px}.dashboard-incidents{padding:16px}}.dashboard-canvas{container:dashboard-canvas/inline-size}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px;display:grid;position:relative}.dashboard-widget{grid-column:span var(--stack-span,1);height:var(--wh,240px);min-height:0;transition:box-shadow .15s,border-color .15s;container:widget/size}.dashboard-add-tile{grid-column:span var(--stack-span,1);height:var(--wh,120px)}@container dashboard-canvas (max-width:539px){.dashboard-grid{grid-template-columns:minmax(0,1fr)}.dashboard-widget,.dashboard-add-tile{grid-column:1/-1}}@container dashboard-canvas (min-width:840px){.dashboard-grid{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:20px;gap:0 20px}.dashboard-widget,.dashboard-drop-placeholder,.dashboard-add-tile{grid-column:var(--gx) / span var(--gw);grid-row:var(--gy) / span var(--gh);align-self:start}.dashboard-grid-editing{background-image:linear-gradient(to right, color-mix(in srgb, var(--accent) 6%, transparent) 0 calc(100% - 20px), transparent calc(100% - 20px));background-size:calc(8.33333% + 1.66667px) 100%}}.dashboard-drop-placeholder{height:var(--wh);border:2px dashed var(--brand-line-strong);background:color-mix(in srgb, var(--accent) 8%, transparent);pointer-events:none;border-radius:13px}.dashboard-widget-lifted{z-index:30;cursor:grabbing;box-shadow:var(--shadow-lifted);border-color:var(--brand-line-strong)}.dashboard-widget-resizing{z-index:5;box-shadow:0 0 0 2px var(--focus)}.dashboard-add-tile{border:2px dashed var(--brand-line);color:var(--accent-text);font:inherit;cursor:pointer;background:0 0;border-radius:13px;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.dashboard-add-tile:hover,.dashboard-add-tile:focus-visible{background:var(--brand-soft);border-color:var(--brand-line-strong)}.dashboard-editing .dashboard-widget{border-color:var(--brand-line)}body[data-dashboard-drag]{-webkit-user-select:none;user-select:none}body[data-dashboard-drag=move],body[data-dashboard-drag=move] *{cursor:grabbing!important}body[data-dashboard-drag=x],body[data-dashboard-drag=x] *{cursor:ew-resize!important}body[data-dashboard-drag=y],body[data-dashboard-drag=y] *{cursor:ns-resize!important}body[data-dashboard-drag=xy],body[data-dashboard-drag=xy] *{cursor:nwse-resize!important}.dashboard-edit-bar{border:1px solid var(--brand-line);background:var(--brand-soft);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:0 0 16px;padding:10px 12px 10px 14px;display:flex}.dashboard-edit-bar .dashboard-arrange-note{background:0 0;border:0;flex:320px;align-items:center;margin:0;padding:0}.dashboard-edit-actions{flex-wrap:wrap;gap:8px;display:flex}.dashboard-edit-actions .button{min-height:36px;padding:8px 12px;font-size:12px}.dashboard-layout-tip{color:var(--dashboard-muted);align-items:center;gap:7px;margin:0 0 14px;font-size:11px;display:flex}.dashboard .dashboard-widget-actions{border:0;border-bottom:1px solid var(--line);background:var(--surface-alt);flex-wrap:nowrap;align-items:center;gap:6px;padding:6px 8px 6px 6px;display:flex}.dashboard .dashboard-widget-actions .icon-button{border:1px solid var(--line-strong);background:var(--surface);width:30px;height:30px;color:var(--ink-2);border-radius:7px}.dashboard .dashboard-widget-actions .icon-button:disabled{opacity:.45}.widget-grip{border:1px solid var(--brand-line);background:var(--surface);width:38px;height:30px;color:var(--accent-text);cursor:grab;touch-action:none;border-radius:7px;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.widget-grip:hover{background:var(--brand-soft)}.widget-grip:focus-visible,.dashboard .dashboard-widget-actions .icon-button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.widget-size-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--muted);font-size:11px;overflow:hidden}.widget-edit-buttons{gap:4px;margin-left:auto;display:flex}.widget-hover-grip{z-index:3;background:var(--brand-soft-strong);width:48px;height:18px;color:var(--accent-text);cursor:grab;touch-action:none;opacity:0;border-radius:9px;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:absolute;top:3px;left:50%;transform:translate(-50%)}.widget-hover-grip:hover{background:var(--brand-line)}.widget-resize-handle{z-index:3;background:var(--brand-soft-strong);width:40px;height:40px;color:var(--accent-text);cursor:nwse-resize;touch-action:none;border:0;border-radius:12px 0 0;place-items:center;padding:0;display:grid;position:absolute;bottom:0;right:0}.widget-resize-handle:hover,.widget-resize-handle:focus-visible{background:var(--brand-line);outline:2px solid var(--focus);outline-offset:-3px}.widget-resize-hover{opacity:0;border-radius:10px 0 0;width:28px;height:28px;transition:opacity .15s}.widget-edge{z-index:2;touch-action:none;opacity:0;transition:opacity .15s;position:absolute}.widget-edge-x{cursor:ew-resize;width:10px;top:44px;bottom:44px;right:0}.widget-edge-y{cursor:ns-resize;height:10px;bottom:0;left:16px;right:44px}.widget-edge:after{content:"";background:var(--brand-line-strong);border-radius:3px;position:absolute}.widget-edge:hover:after{background:var(--accent)}.widget-edge-x:after{width:4px;height:36px;top:50%;right:3px;transform:translateY(-50%)}.widget-edge-y:after{width:36px;height:4px;bottom:3px;left:50%;transform:translate(-50%)}.dashboard-editing .widget-edge{opacity:1}@media (hover:hover) and (pointer:fine){.dashboard-widget:hover .widget-hover-grip,.dashboard-widget:hover .widget-resize-hover,.dashboard-widget:hover .widget-edge{opacity:1}}@media (hover:none),(pointer:coarse){.widget-hover-grip,.widget-resize-hover,.dashboard:not(.dashboard-editing) .widget-edge{display:none}}.widget-size{z-index:4;background:var(--ink);color:var(--surface);pointer-events:none;border-radius:20px;padding:3px 8px;font-size:11px;position:absolute;bottom:9px;right:48px}@media (prefers-reduced-motion:reduce){.dashboard-widget,.widget-hover-grip,.widget-resize-hover,.widget-edge{transition:none}}.dashboard .dashboard-widget{isolation:isolate;overflow:clip}.dashboard-canvas:not(.dashboard-canvas-wide) .widget-grip{cursor:default;touch-action:auto}@container widget (max-width:210px){.dashboard-canvas-wide .widget-shift{display:none}}@media (any-pointer:coarse){.dashboard:not(.dashboard-editing) .widget-edge,.widget-hover-grip,.widget-resize-hover{touch-action:auto}}@media (pointer:coarse),(max-width:660px){.dashboard .dashboard-widget-actions .icon-button,.dashboard .widget-grip{width:40px;height:40px}}@media (hover:none),(pointer:coarse){.dashboard-layout-tip{display:none}}.dashboard-card .dashboard-reading{justify-content:center;min-height:0;padding-bottom:16px}.dashboard-card .dashboard-reading>strong{font-size:clamp(24px,min(14cqw,19cqh),64px)}.dashboard-monitor .dashboard-card .dashboard-reading>strong{font-size:clamp(28px,min(16cqw,22cqh),104px)}.dashboard-card .dashboard-reading p{margin:8px 0 4px}.dashboard-widget-header h2 .widget-title-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.dashboard-editing .dashboard-card .dashboard-widget-header p{display:none}.dashboard-chart .chart-plot,.dashboard-chart .chart-plot svg,.dashboard-chart .chart>svg{min-height:0}.dashboard-chart .chart{min-height:0;position:relative}.dashboard-chart .chart-readout{z-index:2;pointer-events:none;max-width:calc(100% - 20px);min-height:0;position:absolute;top:0;right:10px}@container widget (max-height:330px){.dashboard-chart .dashboard-widget-header p,.dashboard-chart .chart-footnote,.dashboard-chart .chart+.dashboard-chart-message{display:none}.dashboard-chart .dashboard-widget-header h2{margin-bottom:0}}@container widget (max-height:170px){.dashboard-reading>span:not(.dashboard-age-warning){display:none}}@container widget (max-height:210px){.dashboard-widget-header{padding:12px 14px 0}.dashboard-widget-header h2{margin:3px 0 0;font-size:14px}.dashboard-widget-header p,.dashboard-reading p{display:none}.dashboard-reading{padding:2px 14px 10px}}@container widget (max-height:150px){.dashboard-device-link{display:none}.dashboard-widget-header .status{margin-top:2px}}@container widget (max-width:250px){.dashboard-widget-header,.dashboard-reading{padding-inline:14px}.dashboard-widget-header .status{gap:0;padding:5px;font-size:0}.widget-size-label{display:none}}.overview-summary{grid-template-columns:minmax(260px,.8fr) minmax(0,1.6fr);align-items:start;gap:20px;display:grid}.overview-summary.overview-side .fleet-card{margin-bottom:20px}.overview-summary #attention .attention-list{max-height:190px;overflow-y:auto}.overview-summary.overview-side #attention .card-header{align-items:flex-start;gap:16px;display:flex}.overview-summary.overview-side #attention .card-header>.text-link{white-space:nowrap;margin-top:0}.overview-feeds{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:20px;display:grid}.overview-feed.card{border-radius:13px;flex-direction:column;min-width:0;margin:0;display:flex;overflow:hidden}.overview-feed .card-header{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px;padding:20px;display:flex}.overview-feed-title{align-items:center;gap:12px;min-width:0;display:flex}.overview-feed-title h2{font-size:15px}.overview-feed-title p{color:var(--muted);font-size:12px}.overview-feed-icon{background:var(--brand-soft);width:38px;height:38px;color:var(--accent-text);border-radius:10px;flex:none;justify-content:center;align-items:center;display:flex}.overview-feed-badge{color:var(--ink-2);background:var(--surface-hover);border-radius:20px;padding:5px 9px;font-size:11px;font-weight:600;display:inline-flex}.overview-feed-list{overscroll-behavior:contain;scrollbar-gutter:stable;max-height:370px;margin:0;padding:0 20px;list-style:none;overflow-y:auto}.overview-feed-list li+li{border-top:1px solid var(--line)}.overview-feed-row{align-items:flex-start;gap:10px;min-height:68px;padding:14px 0;display:flex}.overview-feed-row:hover strong{color:var(--accent-text);text-decoration:underline}.overview-feed-row>div{flex:1;min-width:0}.overview-feed-row strong{color:var(--ink);overflow-wrap:anywhere;font-size:13px;font-weight:600;display:block}.overview-feed-row p{color:var(--muted);overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:4px 0 0;font-size:12px;display:-webkit-box;overflow:hidden}.overview-feed-row time{color:var(--muted);margin-top:6px;font-size:11px;display:block}.overview-feed-dot{background:var(--success);border-radius:50%;flex:none;width:7px;height:7px;margin-top:6px}.overview-rule-state{color:var(--muted);background:var(--surface-hover);border-radius:5px;padding:3px 6px;font-size:10px;font-weight:600}.overview-feed .feed-warning{color:var(--warning-text);background:var(--warning-soft)}.overview-feed-dot.feed-warning{background:var(--warning)}.overview-feed-dot.feed-paused{background:var(--subtle)}.overview-feed-icon.feed-blue{background:var(--info-soft);color:var(--info-text)}.overview-feed-dot.feed-blue{background:var(--info)}.overview-feed-empty{min-height:132px;color:var(--muted);flex:1;margin:0;padding:30px 20px;font-size:12px}.overview-feed-empty strong{color:var(--ink);margin-bottom:8px;font-size:14px;display:block}.overview-feed-footer{border-top:1px solid var(--line);background:var(--surface-alt);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding:14px 20px;display:flex}.overview-feed-footer>span{color:var(--muted);font-size:11px}.overview-feed-footer .button{gap:9px;min-height:36px;font-size:12px}.overview-feed-list:focus-visible,.overview-feed-row:focus-visible{outline:2px solid var(--focus);outline-offset:-2px;border-radius:4px}@media (max-width:1000px){.overview-summary,.overview-feeds{grid-template-columns:minmax(0,1fr)}}@media (max-width:480px){.overview-feed .card-header,.overview-feed-footer{padding:16px}.overview-feed-list{padding:0 16px}.overview-feed-row{flex-wrap:wrap}.overview-rule-state{margin-left:17px}.overview-summary.overview-side #attention .card-header{flex-wrap:wrap}}.widget-kind-picker{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;display:grid}.widget-kind-picker legend{color:var(--ink);margin-bottom:8px;padding:0;font-size:12px;font-weight:600}.widget-kind-picker .checkbox-label{border:1px solid var(--line);cursor:pointer;border-radius:10px;align-items:flex-start;gap:10px;min-height:0;padding:12px;display:flex}.widget-kind-picker .checkbox-label:has(input:checked){border-color:var(--brand-line-strong);background:var(--brand-soft)}.widget-kind-picker .checkbox-label:has(input:disabled){opacity:.55;cursor:not-allowed}.widget-kind-picker input[type=radio]{width:16px;height:16px;min-height:0;accent-color:var(--accent);flex:none;margin:2px 0 0;padding:0}.widget-kind-picker .checkbox-label>span{color:var(--ink);flex-direction:column;gap:3px;font-size:13px;font-weight:600;display:flex}.widget-kind-picker .checkbox-label small{color:var(--muted);font-size:11px;font-weight:400}.widget-kind-picker>p{grid-column:1/-1;margin:0}.widget-settings-remove .button-danger-text{color:var(--danger-text)}.widget-settings-remove .button-danger-text:hover{border-color:var(--danger-line);background:var(--danger-soft)}@media (max-width:480px){.widget-kind-picker{grid-template-columns:minmax(0,1fr)}}