:root{--radius-xs:2px;--radius-sm:4px;--radius-md:7px;--radius-lg:10px;--radius-pill:999px;--radius-circle:50%;--space-px:1px;--space-1:2px;--space-2:5px;--space-3:7px;--space-4:9px;--space-5:11px;--space-region:9px;--space-handle:10px;--space-handle-vertical:10px;--space-7:15px;--space-8:17px;--space-9:20px;--space-10:24px;--space-11:32px;--space-12:40px;--fs-0:8px;--fs-1:9px;--fs-2:10px;--fs-3:11px;--fs-4:12px;--fs-5:13px;--fs-6:14px;--fs-7:16px;--fs-8:18px;--fs-9:22px;--lh-flat:1;--lh-tight:1.2;--lh-snug:1.35;--lh-normal:1.45;--lh-loose:1.6;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--ls-tight:-0.01em;--ls-none:0;--ls-wide:0.02em;--ls-caps:0.04em;--control-h-xs:22px;--control-h-sm:26px;--control-h-md:30px;--control-h-lg:34px;--border-width:1px;--hairline:var(--border-width) solid var(--border-color);--elevation-1:0 0 0 1px rgba(15,15,15,0.05),0 1px 2px rgba(15,15,15,0.08);--elevation-2:0 0 0 1px rgba(15,15,15,0.05),0 3px 6px rgba(15,15,15,0.1),0 9px 24px rgba(15,15,15,0.14);--elevation-3:0 0 0 1px rgba(15,15,15,0.06),0 6px 12px rgba(15,15,15,0.12),0 18px 48px rgba(15,15,15,0.22);--scrim:color-mix(in srgb,var(--text-primary) 22%,transparent);--ring-focus:0 0 0 3px var(--accent-ring);--ring-focus-tight:0 0 0 2px color-mix(in srgb,var(--accent-line) 22%,transparent);--ring-selected:inset 0 0 0 1px var(--accent-line);--ring-selected-strong:inset 0 0 0 2px var(--accent-line);--ring-danger:0 0 0 3px color-mix(in srgb,var(--status-danger) 18%,transparent);--dur-1:80ms;--dur-2:120ms;--dur-3:180ms;--dur-4:250ms;--ease-out:cubic-bezier(0.2,0,0,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-standard:var(--ease-out);--transition-hover:background-color var(--dur-1) var(--ease-out),color var(--dur-1) var(--ease-out),border-color var(--dur-1) var(--ease-out)}html[data-theme=dark]{--elevation-1:0 0 0 1px rgba(255,255,255,0.06),0 1px 2px rgba(0,0,0,0.5);--elevation-2:0 0 0 1px rgba(255,255,255,0.07),0 3px 6px rgba(0,0,0,0.45),0 9px 24px rgba(0,0,0,0.55);--elevation-3:0 0 0 1px rgba(255,255,255,0.09),0 6px 12px rgba(0,0,0,0.5),0 18px 48px rgba(0,0,0,0.65)}:root{--accent-teal:#0ea5a8;--accent-color:#3b82f6;--pill-left:6px;--pill-width:60px;--sug-color:#3b82f6;--canvas-zoom:1;--ep-color:#0d9488;--border-subtle:#3a3a4a;--label-font-size:18px;--bg-page:#f7f7f5;--pulse-color:#888;--accent-red-muted:rgba(239,68,68,0.08);--bg-input-muted:rgba(0,0,0,0.06);--token-paren-color:#9333ea;--accent-orange-muted:rgba(249,115,22,0.12);--hover-bg:#f1f1ee;--card-bg:#1e1e1e;--bg-color:#fff;--danger:#c2410c;--accent-amber:#d97706;--accent-amber-rgb:217,119,6;--bg-primary:#f9f9f7;--bg-secondary:#fff;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;--bg-main:#f7f7f5;--bg-panel:#fff;--bg-subtle:#f4f3ef;--bg-dark:#eae8e2;--bg-gradient-start:#f7f7f5;--bg-gradient-end:#f7f7f5;--text-primary:#26251f;--text-secondary:#55544e;--text-muted:#6e6d66;--text-disabled:#a3a29a;--text-on-accent:#fff;--border-color:#e2e1dc;--hover-border-color:#b7b8b2;--accent-blue:#1a5fb4;--accent-blue-hover:#1f70d6;--accent-blue-rgb:26,95,180;--accent-text:var(--accent-blue);--accent-text-rgb:var(--accent-blue-rgb);--accent-fill:var(--accent-blue);--accent-fill-hover:var(--accent-blue-hover);--accent-on-fill:var(--text-on-accent);--accent-line:var(--accent-blue);--accent-ring:color-mix(in srgb,var(--accent-line) 32%,transparent);--focus-ring-color:var(--accent-line);--focus-ring-offset:2px;--accent-green:#1f9d55;--accent-cyan:#0ea5a8;--accent-orange:#d48a17;--accent-red:#dc3545;--accent:var(--accent-blue);--pie-sector-stroke:#fff;--bg-card:var(--bg-panel);--bg-hover:#eeede8;--bg-tertiary:color-mix(in srgb,var(--bg-subtle) 86%,var(--bg-panel) 14%);--bg-panel-elevated:color-mix(in srgb,var(--bg-panel) 90%,#fff 10%);--accent-blue-tint-8:color-mix(in srgb,var(--accent-blue) 6%,transparent);--accent-blue-tint-12:color-mix(in srgb,var(--accent-blue) 10%,transparent);--accent-blue-tint-15:color-mix(in srgb,var(--accent-blue) 12%,transparent);--accent-blue-press-bg:color-mix(in srgb,var(--accent-blue) 80%,#000);--status-danger:#e85444;--danger-soft-bg:color-mix(in srgb,var(--status-danger) 8%,transparent);--danger-soft-border:rgba(232,84,68,0.3);--z-base:0;--z-raised:2;--z-sticky:20;--z-overlay:500;--z-popover:800;--z-mobile-tabbar:900;--z-menu-backdrop:998;--z-menu:999;--z-modal-backdrop:1000;--z-modal:1001;--z-drag-surface:1200;--z-dropdown-elevated:5000;--z-mention:9000;--z-drag-cursor:9999;--bg-canvas:#efeee9;--bg-grid-cell:#fafaf8;--grid-border-color:#dcdbd5;--toggle-off-bg:#dedede;--toggle-off-hover-bg:#cfcfcd;--toggle-knob-bg:#fff;--shadow-sm:var(--elevation-1);--shadow-md:var(--elevation-2);--nav-panel-shadow:none;--nav-float-hover-bg:#f0efe9;--telemetry-table-max-height:calc(100vh - 180px);--scrollbar-size:1.5px;--scrollbar-radius:2px;--scrollbar-track:transparent;--scrollbar-track-hover:transparent;--scrollbar-thumb:var(--border-color);--scrollbar-thumb-hover:var(--border-color);--scrollbar-thumb-active:var(--border-color)}html[data-theme=dark]{color-scheme:dark;--bg-primary:#242422;--bg-secondary:#1f1f1e;--bg-input-muted:rgba(255,255,255,0.06);--bg-main:#191918;--bg-panel:#1f1f1e;--bg-subtle:#282725;--bg-dark:#32312e;--bg-gradient-start:#191918;--bg-gradient-end:#191918;--text-primary:#e9e8e4;--text-secondary:#a8a7a1;--text-muted:#918f88;--text-disabled:#66655f;--accent-text:#6a97ce;--accent-line:#4f7dbd;--border-color:#3a3936;--hover-border-color:#8a8b85;--pie-sector-stroke:var(--border-color);--bg-card:var(--bg-panel);--bg-panel-elevated:#262524;--bg-hover:#2c2b29;--hover-bg:#2c2b29;--bg-tertiary:color-mix(in srgb,var(--bg-subtle) 90%,hsla(0,0%,100%,0.04) 10%);--bg-canvas:#1c1c1b;--bg-grid-cell:#212120;--grid-border-color:#343330;--toggle-off-bg:#2f2e2b;--toggle-off-hover-bg:#3a3935;--toggle-knob-bg:#ededed;--shadow-sm:var(--elevation-1);--shadow-md:var(--elevation-2);--nav-panel-shadow:none;--nav-float-hover-bg:#2e2d2b;--scrollbar-track:transparent;--scrollbar-track-hover:transparent;--scrollbar-thumb:var(--border-color);--scrollbar-thumb-hover:var(--border-color);--scrollbar-thumb-active:var(--border-color)}html[data-palette=classic]{--bg-page:#f4f5f7;--bg-main:#f3f6fb;--bg-subtle:#f8fafd;--bg-dark:#eef2f8;--bg-primary:#f9fafb;--bg-canvas:#edf0f5;--bg-grid-cell:#f7f9fc;--bg-gradient-start:#f7f9fd;--bg-gradient-end:#eef3f9;--hover-bg:#f1f3f5;--nav-float-hover-bg:#eef0f2;--border-color:#d7dfeb;--grid-border-color:#c8d3e4;--hover-border-color:#aeb9c9;--text-primary:#0f172a;--text-secondary:#5b6474;--text-muted:#627084;--toggle-off-bg:#d0d8e8;--toggle-off-hover-bg:#b8c4da;--elevation-1:0 1px 2px rgba(15,23,42,0.06);--elevation-2:0 10px 26px rgba(16,24,40,0.08);--elevation-3:0 20px 60px rgba(0,0,0,0.25);--scrim:rgba(8,12,20,0.55)}html[data-palette=classic][data-theme=dark]{--bg-page:#0e0e0e;--bg-main:#0e0e0e;--bg-panel:#131313;--bg-secondary:#131313;--bg-subtle:#181818;--bg-dark:#111;--bg-primary:#181818;--bg-canvas:#121212;--bg-grid-cell:#161616;--bg-gradient-start:#0e0e0e;--bg-gradient-end:#0b0b0b;--hover-bg:#1f1f1f;--nav-float-hover-bg:#242424;--border-color:#1e1e1e;--grid-border-color:#212121;--hover-border-color:#4a4a4a;--text-primary:#e8e8e8;--text-secondary:#acacac;--text-muted:#8b8b8b;--toggle-off-bg:#2a2a2a;--toggle-off-hover-bg:#333;--bg-panel-elevated:color-mix(in srgb,var(--bg-panel) 90%,#fff 10%);--elevation-1:0 1px 2px rgba(0,0,0,0.45);--elevation-2:0 12px 28px rgba(0,0,0,0.42);--elevation-3:0 24px 64px rgba(0,0,0,0.6);--scrim:rgba(0,0,0,0.6)}*{box-sizing:border-box;padding:0}*,body{margin:0}body{background:linear-gradient(180deg,var(--bg-gradient-start) 0,var(--bg-gradient-end) 100%);min-height:100vh;overflow-x:hidden}.dp-icon{align-items:center;color:currentColor;display:inline-flex;flex:0 0 auto;justify-content:center;line-height:0}.dp-icon iconify-icon,.dp-icon svg{display:block;height:100%;width:100%}.dp-icon--fallback{background:color-mix(in srgb,currentColor 10%,transparent);border:1px solid color-mix(in srgb,currentColor 24%,transparent);border-radius:var(--radius-pill)}.dp-icon__fallback-glyph{font-size:var(--fs-1);font-weight:700;line-height:1}.dp-icon-inline-label{align-items:center;display:inline-flex;gap:7px;min-width:0}.dp-icon-inline-label__text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dp-icon-picker__trigger-main{align-items:center;display:inline-flex;gap:var(--space-4);min-width:0}.dp-icon-picker__empty-swatch{align-items:center;background:color-mix(in srgb,var(--bg-subtle) 88%,color-mix(in srgb,var(--accent-line) 8%,transparent) 12%);border:1px dashed var(--border-color);border-radius:var(--radius-pill);color:var(--text-muted);display:inline-flex;flex:0 0 auto;font-size:var(--fs-3);font-weight:700;height:18px;justify-content:center;width:18px}.dp-icon-picker__menu{gap:var(--space-4)}.dp-icon-picker__toolbar{align-items:center;display:flex;gap:var(--space-4)}.dp-icon-picker__search{background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);flex:1 1;font-family:inherit;font-size:var(--fs-4);min-width:0;outline:none;padding:7px 10px}.dp-icon-picker__search:focus,.dp-icon-picker__search:focus-visible{border-color:color-mix(in srgb,var(--accent-line) 38%,transparent)}.dp-icon-picker__clear{background:color-mix(in srgb,var(--status-danger) 10%,transparent);border:1px solid rgba(232,84,68,.24);border-radius:var(--radius-md);color:var(--status-danger);cursor:pointer;flex:0 0 auto;font-family:inherit;font-size:var(--fs-3);font-weight:700;padding:7px 10px}.dp-icon-picker__cat-select{position:relative;width:100%}.dp-icon-picker__cat-trigger{align-items:center;background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:var(--fs-4);font-weight:600;gap:var(--space-4);justify-content:space-between;min-height:30px;outline:none;padding:var(--space-3) var(--space-5);text-align:left;transition:border-color .14s ease,background .14s ease;width:100%}.dp-icon-picker__cat-select--open .dp-icon-picker__cat-trigger,.dp-icon-picker__cat-trigger:hover{border-color:color-mix(in srgb,var(--accent-line) 38%,transparent)}.dp-icon-picker__cat-menu{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:var(--space-1);left:0;margin-top:var(--space-2);max-height:220px;overflow-y:auto;padding:var(--space-3);position:absolute;right:0;top:100%;z-index:var(--z-dropdown-elevated)}.dp-icon-picker__cat-option{align-items:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:var(--fs-4);font-weight:600;gap:var(--space-4);justify-content:space-between;outline:none;padding:7px 10px;text-align:left;transition:background .12s ease;width:100%}.dp-icon-picker__cat-option--active,.dp-icon-picker__cat-option:hover{background:color-mix(in srgb,var(--accent-fill) 10%,var(--bg-subtle))}.dp-icon-picker__results{display:flex;flex-direction:column;gap:var(--space-2);max-height:264px;overflow-y:auto}.dp-icon-picker__option{align-items:center;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;gap:var(--space-5);padding:var(--space-4) var(--space-5);text-align:left;width:100%}.dp-icon-picker__option--active,.dp-icon-picker__option:hover{background:color-mix(in srgb,var(--accent-fill) 10%,var(--bg-subtle));border-color:color-mix(in srgb,var(--accent-line) 24%,transparent)}.dp-icon-picker__option-icon{color:var(--accent-text)}.dp-icon-picker__option-icon--empty{align-items:center;color:var(--text-muted);display:inline-flex;font-size:var(--fs-3);font-weight:700;height:18px;justify-content:center;width:18px}.dp-icon-picker__option-body{display:flex;flex:1 1;flex-direction:column;gap:var(--space-px);min-width:0}.dp-icon-picker__option-label{color:var(--text-primary);font-size:var(--fs-4);font-weight:600}.dp-icon-picker__option-meta{color:var(--text-secondary);font-size:var(--fs-2);letter-spacing:.03em;text-transform:uppercase}.dp-icon-picker__empty{color:var(--text-secondary);font-size:var(--fs-4);padding:var(--space-5) var(--space-4);text-align:center}@supports (-moz-appearance:none){*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}}::-webkit-scrollbar{height:var(--scrollbar-size);width:calc(var(--scrollbar-size) * 2)}::-webkit-scrollbar:horizontal{height:var(--scrollbar-size);width:var(--scrollbar-size)}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:var(--scrollbar-radius)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--scrollbar-radius)}::-webkit-scrollbar-thumb:vertical{background-clip:padding-box;border-left:var(--scrollbar-size) solid transparent}::-webkit-scrollbar-corner{background:transparent}body.portrait-scroll-lock,html.portrait-scroll-lock{height:100%;overflow:hidden;overscroll-behavior-y:none}body.portrait-scroll-lock{inset:0;position:fixed;width:100%}html.portrait-scroll-lock #root{height:100%}#root,.app-container{background:transparent;min-height:100vh;min-height:100dvh}.app-container{display:flex;position:relative}.app-container--discussion-pinned{height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;overflow:hidden}.main-content{flex:1 1;min-width:0;overflow-x:hidden;padding:22px}.main-content--compose,.main-content--dashboards,.main-content--query{display:flex;flex-direction:column;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;overflow:hidden;padding:0}.main-content--incidents,.main-content--manage{min-height:0}.main-content--incidents,.main-content--manage,.main-content--pinned-dashboard{display:flex;flex-direction:column;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;overflow:hidden;padding:0}.operations-dashboard{background:transparent;margin:0 auto;max-width:1600px}.dashboard-controls{align-items:center;background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:none;display:flex;gap:var(--space-8);justify-content:flex-end;margin-bottom:var(--space-7);padding:var(--space-region) var(--space-8)}@media (orientation:portrait){.live-indicator-dot{display:none!important}}.live-indicator-dot{animation:live-dot-pulse 2s ease-in-out infinite;background:var(--accent-green);border-radius:var(--radius-circle);box-shadow:0 0 0 3px rgba(31,157,85,.18);display:inline-block;flex-shrink:0;height:8px;width:8px}@keyframes live-dot-pulse{0%,to{box-shadow:0 0 0 3px rgba(31,157,85,.18);opacity:1}50%{box-shadow:0 0 0 5px rgba(31,157,85,.06);opacity:.8}}.qi-reconnect-btn{align-items:center;background:rgba(212,138,23,.07);border:1px solid var(--accent-orange);border-radius:var(--radius-md);color:var(--accent-orange);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--fs-4);font-weight:600;gap:0;outline:none;overflow:hidden;padding:5px 8px;transition:background .18s,transform .15s,gap .28s cubic-bezier(.4,0,.2,1),padding .28s cubic-bezier(.4,0,.2,1);white-space:nowrap}.qi-reconnect-btn--expanded{gap:var(--space-3);padding:5px var(--space-5) 5px 10px}.qi-reconnect-label{display:inline-block;max-width:0;opacity:0;overflow:hidden;transition:max-width .28s cubic-bezier(.4,0,.2,1),opacity .22s ease;white-space:nowrap}.qi-reconnect-btn--expanded .qi-reconnect-label{max-width:80px;opacity:1}.qi-reconnect-btn:hover{background:rgba(212,138,23,.13)}.qi-reconnect-btn:active{transform:scale(.97)}.qi-reconnect-btn svg{flex-shrink:0;transition:transform .4s ease}.qi-reconnect-btn:active svg{transform:rotate(180deg)}.qi-not-connected{align-items:center;background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-muted);display:inline-flex;flex-shrink:0;font-size:var(--fs-4);font-weight:600;gap:0;overflow:hidden;padding:5px 8px;transition:background .18s,gap .28s cubic-bezier(.4,0,.2,1),padding .28s cubic-bezier(.4,0,.2,1);white-space:nowrap}.qi-not-connected:hover{gap:var(--space-3);padding:5px var(--space-5) 5px 10px}.qi-not-connected-dot{background:var(--text-muted);border-radius:var(--radius-circle);display:inline-block;flex-shrink:0;height:8px;opacity:.65;width:8px}.qi-not-connected-label{display:inline-block;max-width:0;opacity:0;overflow:hidden;transition:max-width .28s cubic-bezier(.4,0,.2,1),opacity .22s ease;white-space:nowrap}.qi-not-connected:hover .qi-not-connected-label{max-width:100px;opacity:1}.qi-configure-btn{align-items:center;background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:inline-flex;flex-shrink:0;font-family:inherit;font-size:var(--fs-4);font-weight:600;gap:6px;height:26px;padding:0 10px;transition:background .18s;white-space:nowrap}.qi-configure-btn:hover,.qi-sim-btn{background:var(--bg-subtle)}.qi-sim-btn{align-items:center;border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;display:inline-flex;flex-shrink:0;font-family:inherit;font-size:var(--fs-3);font-weight:600;gap:5px;height:24px;letter-spacing:.02em;max-width:80px;overflow:hidden;padding:0 var(--space-5);transition:color .12s,border-color .12s,background .12s;white-space:nowrap}.qi-sim-btn:hover{background:var(--bg-dark);border-color:var(--border-color)}.qi-sim-btn--active,.qi-sim-btn:hover{color:var(--text-primary)}.metrics-bar{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:none;display:grid;grid-gap:var(--space-region);gap:var(--space-region);grid-template-columns:repeat(6,1fr);margin-bottom:var(--space-7);padding:var(--space-8)}.metric-item{background:var(--bg-subtle);border:1px solid #e8edf5;border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5) var(--space-5) var(--space-4)}.metric-item h3{color:var(--text-secondary);font-size:var(--fs-4);font-weight:600;letter-spacing:.3px;margin:0}.metric-content{align-items:center;display:flex;gap:var(--space-4)}.indicator{font-size:var(--fs-8);line-height:1}.indicator.up{color:var(--accent-green)}.indicator.down{color:var(--accent-red)}.value{font-size:34px;font-weight:700;line-height:1}.value.large{font-size:38px}.value.cyan{color:var(--accent-cyan)}.metric-item .label{color:var(--text-secondary);font-size:var(--fs-4);font-weight:500;margin-top:var(--space-1)}.dashboard-row{display:grid;grid-gap:var(--space-region);gap:var(--space-region);grid-template-columns:1fr 2fr;margin-bottom:var(--space-7)}.dashboard-row.full{grid-template-columns:minmax(0,1fr)}.panel{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:none;padding:18px}.half-panel,.large-panel,.small-panel{grid-column:span 1}.full-panel{grid-column:span 2}.panel h2{font-size:var(--fs-7);font-weight:700;margin:0 0 var(--space-3)}.panel-desc{color:var(--text-secondary);font-size:var(--fs-4);line-height:1.45;margin:0 0 var(--space-8)}.axis-controls{display:grid;grid-gap:var(--space-5);gap:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));margin:var(--space-4) 0 var(--space-3)}.axis-controls-wrap{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-3)}.axis-controls--graph-only{grid-template-columns:minmax(0,1fr)}.axis-controls--main{align-items:end;grid-template-columns:repeat(4,minmax(0,1fr))}.axis-control--wide{max-width:420px}.axis-control{display:flex;flex-direction:column;gap:var(--space-3)}.axis-control span{color:var(--text-secondary);font-size:var(--fs-3);font-weight:700;letter-spacing:.3px;text-transform:uppercase}.axis-control select{background:#f4f7fc;border:1px solid #cfd9ea;border-radius:var(--radius-md);color:#1f2937;font-size:var(--fs-4);font-weight:600;min-height:34px;padding:7px 10px;width:100%}.axis-control .filter-toggle-btn{justify-content:space-between;min-height:34px;width:100%}.axis-control.endpoint-filter .filter-dropdown{left:0;min-width:100%;right:auto}.axis-control select:focus,.chart-with-axis-bounds{overflow:visible;padding:var(--space-8) var(--space-1) var(--space-12);position:relative}.axis-bound-control{align-items:center;display:flex;gap:var(--space-2);position:absolute;z-index:2}.axis-bound-control input,.axis-bound-control select{background:#f4f7fc;border:1px solid #cfd9ea;border-radius:var(--radius-md);color:#1f2937;font-size:var(--fs-3);font-weight:600;min-height:24px;padding:2px 7px}.axis-bound-control input{width:84px}.axis-bound-control--y-max{left:-2px;top:0}.axis-bound-control--y-min{bottom:34px;left:-2px}.axis-bound-control--x-min{bottom:0;left:34px}.axis-bound-control--x-max{bottom:0;right:2px}.chart-container,.table-container{margin-top:var(--space-5)}.table-container{overflow-x:auto}.dashboard-table-selector-wrap{display:flex;justify-content:center;margin:var(--space-4) 0 var(--space-5)}.dashboard-table-selector{background:#f4f7fc;border:1px solid #cfd9ea;border-radius:var(--radius-md);color:#1f2937;font-size:var(--fs-5);font-weight:600;max-width:520px;min-width:280px;padding:9px var(--space-5);text-align:center;text-align-last:center;width:100%}.dashboard-table-selector:focus{background:#eef4ff;border-color:#7fa2d6;outline:none}.status-table{border-collapse:collapse;width:100%}.status-table th{border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-size:var(--fs-4);font-weight:700;letter-spacing:.4px;text-align:left;text-transform:uppercase}.status-table td,.status-table th{padding:var(--space-region) var(--space-7)}.status-table td{border-bottom:1px solid #edf1f7;font-size:var(--fs-5)}.status-table tbody tr:hover{background:#f8fbff}.bool-tag{border:1px solid transparent;border-radius:var(--radius-md);display:inline-block;font-size:var(--fs-4);font-weight:700;line-height:1;padding:var(--space-2) var(--space-region);white-space:nowrap}.bool-tag--true{background:#e7f7ee;border-color:#b7e6cc;color:var(--accent-green)}.bool-tag--false{background:#fdf2e2;border-color:#f2d8ae;color:#c17b13}.status-badge{border-radius:var(--radius-pill);display:inline-block;font-size:var(--fs-3);font-weight:700;padding:var(--space-2) var(--space-region);text-transform:capitalize}.status-badge.operational{background:#e7f7ee;color:var(--accent-green)}.status-badge.maintenance{background:#fdf2e2;color:#c17b13}.stats-row{display:flex;gap:var(--space-10);margin:var(--space-4) 0 var(--space-7)}.stat-item{display:flex;flex-direction:column;gap:var(--space-2)}.stat-label{color:var(--text-secondary);font-size:var(--fs-3);font-weight:600}.stat-value{font-size:var(--fs-9);font-weight:700}.stat-label.green,.stat-value.green{color:var(--accent-green)}.composer-panel-editing-section,.el-controls{background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:none;display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-5)}.el-controls{flex-shrink:0;margin-bottom:0}.control-el-config{background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:0}.ctrl-config-range-row,.el-controls-row{align-items:flex-start;display:grid;grid-gap:var(--space-4);gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(116px,1fr))}.el-controls-row--toggles{align-items:stretch}.el-controls-row--graph,.el-controls-row--toggles{grid-template-columns:minmax(0,1fr)}.ctrl-config-range-row{padding:var(--space-5)}.control-el-config>.ctrl-config-range-row+.ctrl-config-range-row,.control-el-config>.ctrl-config-range-row+.ctrl-config-row,.control-el-config>.ctrl-config-row+.ctrl-config-range-row,.control-el-config>.ctrl-config-row+.ctrl-config-row{border-top:1px solid var(--border-color)}.ctrl-config-row,.ctrl-config-row--third,.el-ctrl,.viz-wizard-field{display:flex;flex-direction:column;gap:var(--space-3);min-width:0}.ctrl-config-row{padding:var(--space-5)}.ctrl-config-row--third{border:none;padding:0}.el-ctrl--toggle-inline{align-items:center;flex-direction:row;gap:var(--space-4);min-height:20px}.el-ctrl--toggle-inline>span:first-of-type,.el-ctrl--toggle-inline>span:last-child{flex:1 1;min-width:0;white-space:normal}.el-ctrl--wide{grid-column:1/-1}.el-ctrl-hint{color:var(--text-muted);font-size:var(--fs-3);line-height:1.5;margin:0}.el-ctrl-hint strong{color:var(--text-secondary);font-weight:600}.ctrl-config-label,.date-range-label,.el-ctrl>span,.viz-wizard-field__prompt{color:var(--text-secondary);font-size:var(--fs-3);font-weight:600;letter-spacing:0;line-height:1.35;text-transform:none}.composer-panel-editing-section>.el-ctrl{gap:0}.composer-panel-editing-section>.el-ctrl>span{opacity:0;max-height:0;margin-bottom:0;overflow:hidden;transition:opacity .25s ease,max-height .25s ease,margin-bottom .25s ease}.composer-panel-editing-section:hover>.el-ctrl>span{opacity:1;max-height:2em;margin-bottom:var(--space-3)}.composer-panel-editing-desc{opacity:0;max-height:0;margin-top:0;margin-bottom:calc(var(--space-3) * -1);overflow:hidden;pointer-events:none;transition:opacity .25s ease,max-height .3s ease,margin-top .25s ease,margin-bottom .25s ease}.composer-panel-editing-desc--open,.composer-panel-editing-section:hover>.composer-panel-editing-desc{opacity:1;max-height:160px;margin-top:var(--space-4);margin-bottom:0;pointer-events:auto}.composer-panel-editing-section>.composer-panel-editing-desc--highlight{background:color-mix(in srgb,var(--accent-fill) 9%,transparent);border-radius:var(--radius-md);padding:4px var(--space-3);margin:calc(var(--space-4) - 4px) calc(var(--space-3) * -1) 0}.composer-panel-editing-section>.composer-panel-editing-desc--highlight>span{color:var(--accent-text)}.composer-panel-editing-desc>textarea{min-height:44px;resize:vertical}.composer-panel-editing-entities{opacity:0;max-height:0;margin-top:0;margin-bottom:calc(var(--space-3) * -1);overflow:hidden;pointer-events:none;transition:opacity .25s ease,max-height .3s ease,margin-top .25s ease,margin-bottom .25s ease}.composer-panel-editing-section:focus-within>.composer-panel-editing-entities,.composer-panel-editing-section:hover>.composer-panel-editing-entities{opacity:1;max-height:420px;margin-top:var(--space-4);margin-bottom:0;pointer-events:auto}.preset-entities-hint{color:var(--text-muted);font-size:var(--fs-3);line-height:1.5;margin:0}.preset-entity-chips{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.preset-entity-chip{align-items:center;background:color-mix(in srgb,var(--preset-entity-color) 14%,transparent);border:1px solid color-mix(in srgb,var(--preset-entity-color) 45%,transparent);border-radius:var(--radius-sm);display:inline-flex;gap:var(--space-2);max-width:100%;padding:2px var(--space-2) 2px var(--space-3)}.preset-entity-chip-kind{color:var(--preset-entity-color);font-size:9px;font-weight:700;letter-spacing:.04em}.preset-entity-chip-name{color:var(--text-primary);font-size:var(--fs-3);max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preset-entity-chip-remove{align-items:center;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;display:inline-flex;padding:1px}.preset-entity-chip-remove:hover{color:var(--text-primary)}.preset-entity-search{margin-top:var(--space-3);position:relative}.preset-entity-search>svg{color:var(--text-secondary);left:9px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.preset-entity-search input{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:var(--fs-5);line-height:1.4;min-height:32px;outline:none;padding:7px 26px 7px 27px;transition:background .1s ease,border-color .1s ease,box-shadow .1s ease;width:100%}.preset-entity-search input:focus{border-color:var(--accent-text);box-shadow:var(--ring-focus)}.preset-entity-search input::placeholder{color:var(--text-muted)}.preset-entity-search-clear{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:2px;position:absolute;right:7px;top:50%;transform:translateY(-50%)}.preset-entity-search-clear:hover{color:var(--text-primary)}.preset-entity-suggestions{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;flex-direction:column;margin-top:var(--space-2);max-height:220px;overflow-y:auto}.preset-entity-none{color:var(--text-muted);font-size:var(--fs-3);margin:0;padding:var(--space-3) var(--space-5)}.viz-wizard{display:flex;flex-direction:column;gap:var(--space-5)}.viz-wizard-section{background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.viz-wizard-section-toggle{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;color:var(--text-primary);cursor:pointer;display:flex;gap:var(--space-4);justify-content:flex-start;padding:var(--space-5);text-align:left;transition:background .1s ease,color .1s ease;width:100%}.viz-wizard-section-toggle:hover{background:var(--bg-hover)}.viz-wizard-section-chevron{align-items:center;color:var(--text-secondary);display:inline-flex;flex-shrink:0;justify-content:center;transform:rotate(-90deg);transition:transform .16s ease}.viz-wizard-section-chevron--open{transform:rotate(0deg)}.viz-wizard-section-title{color:var(--text-primary);font-size:var(--fs-4);font-weight:600;letter-spacing:0;text-transform:none}.viz-wizard-section-body{border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-5) var(--space-region) var(--space-region)}.viz-wizard-section--collapsed{gap:0}.composer-panel-editing-section input:not([type=checkbox]):not([type=radio]):not([type=range]):not(:where([data-ax])),.composer-panel-editing-section select,.composer-panel-editing-section textarea,.ctrl-config-row input:not([type=checkbox]):not([type=radio]):not([type=range]):not(:where([data-ax])),.ctrl-config-row select,.ctrl-config-row textarea,.ctrl-config-row--third input:not([type=checkbox]):not([type=radio]):not([type=range]):not(:where([data-ax])),.el-ctrl input:not([type=checkbox]):not([type=radio]):not([type=range]):not(:where([data-ax])),.el-ctrl select,.el-ctrl textarea,.viz-wizard-field input:not([type=checkbox]):not([type=radio]):not([type=range]):not(:where([data-ax])),.viz-wizard-field textarea{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:var(--fs-5);line-height:1.4;min-height:32px;outline:none;padding:7px 10px;resize:vertical;transition:background .1s ease,border-color .1s ease,box-shadow .1s ease;width:100%}.composer-panel-editing-section textarea,.ctrl-config-row textarea,.el-ctrl textarea,.viz-wizard-field textarea{min-height:72px}.composer-panel-editing-section input:not([type=checkbox]):not([type=radio]):not([type=range]):not(:where([data-ax])):focus,.composer-panel-editing-section select:focus,.composer-panel-editing-section textarea:focus,.ctrl-config-row input:not([type=checkbox]):not([type=radio]):not([type=range]):not(:where([data-ax])):focus,.ctrl-config-row select:focus,.ctrl-config-row textarea:focus,.ctrl-config-row--third input:not([type=checkbox]):not([type=radio]):not([type=range]):not(:where([data-ax])):focus,.el-ctrl input:not([type=checkbox]):not([type=radio]):not([type=range]):not(:where([data-ax])):focus,.el-ctrl select:focus,.el-ctrl textarea:focus,.viz-wizard-field input:not([type=checkbox]):not([type=radio]):not([type=range]):not(:where([data-ax])):focus,.viz-wizard-field textarea:focus{background:var(--bg-panel);border-color:var(--accent-text);box-shadow:var(--ring-focus)}.composer-panel-editing-section input::placeholder,.ctrl-config-row input::placeholder,.ctrl-config-row textarea::placeholder,.ctrl-config-row--third input::placeholder,.el-ctrl input::placeholder,.el-ctrl textarea::placeholder,.viz-wizard-field input::placeholder,.viz-wizard-field textarea::placeholder{color:var(--text-muted)}.ctrl-config-row input[type=checkbox],.el-ctrl input[type=checkbox]{accent-color:var(--accent-text)}.chart-axis-swap-btn,.el-ctrl-action-btn{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:inline-flex;font:inherit;font-size:var(--fs-4);font-weight:600;gap:var(--space-3);justify-content:center;min-height:32px;padding:0 var(--space-5);transition:background .1s ease,border-color .1s ease,color .1s ease,box-shadow .1s ease;white-space:nowrap}.chart-axis-swap-btn:hover,.el-ctrl-action-btn:hover{background:var(--bg-subtle);border-color:var(--accent-text);color:var(--accent-text)}.chart-axis-swap-btn.active,.el-ctrl-action-btn.is-active{background:var(--accent-blue-tint-8);border-color:var(--accent-text);color:var(--accent-text)}.el-ctrl.el-ctrl--segmented-inline,.el-ctrl.el-ctrl--slider{gap:var(--space-4)}@media (max-width:1500px){.ctrl-config-range-row,.el-controls-row{grid-template-columns:minmax(0,1fr)}}.split-pane-group{display:flex;flex-direction:column;min-height:0;min-width:0}.split-pane-group--row{flex-direction:row;align-items:stretch}.split-pane{background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden}.split-pane-group--row>.split-pane{min-height:auto}.split-handle{align-items:center;cursor:ns-resize;display:flex;flex-shrink:0;height:var(--space-handle);justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.split-handle:before{background:var(--border-color);border-radius:var(--radius-xs);content:"";height:2px;transition:background .12s;width:28px}.split-handle:active:before,.split-handle:hover:before{background:var(--accent-fill)}.split-handle--horizontal{align-self:stretch;cursor:ew-resize;height:auto;width:var(--space-handle-vertical)}.split-handle--horizontal:before{height:28px;width:2px}.panel-resize-handle{cursor:ew-resize;position:absolute;top:0;bottom:0;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:12px;z-index:40}.panel-resize-handle:before{background:var(--border-color);border-radius:var(--radius-xs);content:"";height:28px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:background .12s;width:2px}.panel-resize-handle--active:before,.panel-resize-handle:hover:before{background:var(--accent-fill)}.composer-panel-editing-scroll-slot>.chart-el--controls-only>.composer-panel-editing-section{flex-shrink:0}.composer-panel-editing-scroll-slot>.composer-panel-editing-section{flex-shrink:0;margin:0 0 var(--space-3)}.navigation-panel{background:var(--bg-panel);border-right:1px solid var(--border-color);box-shadow:none;display:flex;flex-direction:column;height:100vh;padding:0 0 var(--space-5);position:-webkit-sticky;position:sticky;top:0;transition:width .25s ease;width:236px;z-index:calc(var(--z-sticky) + 40)}.navigation-panel.collapsed{padding-left:var(--space-2);padding-right:var(--space-2);width:45px}.nav-header,.nav-header-left{display:flex}.nav-header{align-items:center;background:transparent;border-bottom:1px solid var(--border-color);border-radius:0;gap:var(--space-5);height:45px;justify-content:space-between;margin:0 10px var(--space-4);min-height:45px;padding:var(--space-1) var(--space-1) var(--space-1)}.nav-header-left{align-items:center;flex:1 1;min-width:0}.nav-header-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.nav-header-kicker{color:var(--text-muted);font-size:var(--fs-2);font-weight:500;line-height:1}.nav-title{align-items:center;color:var(--text-primary);display:flex;font-size:var(--fs-6);font-weight:600;gap:7px;letter-spacing:0;line-height:1.15;margin:0;min-width:0;white-space:nowrap}.nav-title:before{background:var(--accent-fill);border-radius:var(--radius-pill);box-shadow:none;content:"";display:inline-block;flex-shrink:0;height:6px;width:6px}.nav-title--org:before{display:none}.nav-org-logo{width:20px;height:20px;border-radius:var(--radius-md);object-fit:cover;flex-shrink:0;border:1px solid var(--border-color);background:var(--bg-input-muted)}.nav-title-scroll{display:block;flex:1 1;min-width:0;overflow:hidden;white-space:nowrap}.nav-title-scroll__inner{display:inline-block;min-width:100%;transform:translateX(0)}.nav-title-scroll.is-overflow:hover .nav-title-scroll__inner{animation:nav-title-scroll 2.2s ease-in-out infinite alternate}@keyframes nav-title-scroll{0%{transform:translateX(0)}to{transform:translateX(calc(-1 * var(--nav-title-scroll-distance, 0px)))}}.collapse-toggle{background:transparent}.collapse-toggle,.nav-config-toggle,.nav-theme-toggle{align-items:center;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:inherit;flex-shrink:0;height:30px;justify-content:center;padding:0;transition:background .18s,border-color .18s,color .18s,box-shadow .18s;width:30px}.collapse-toggle{border:none;border-radius:var(--radius-sm);height:20px;width:20px}.nav-config-toggle,.nav-theme-toggle{background:var(--bg-subtle)}.nav-config-toggle:hover,.nav-theme-toggle:hover{background:var(--bg-hover);border-color:var(--hover-border-color);box-shadow:none;color:var(--accent-text)}.nav-config-toggle--active,.nav-theme-toggle[aria-pressed=true]{background:color-mix(in srgb,var(--accent-line) 10%,transparent);border-color:var(--accent-line);color:var(--accent-text)}.nav-theme-toggle--float{border-radius:var(--radius-md);box-shadow:none;height:36px;width:36px}html[data-theme=dark] .collapse-toggle,html[data-theme=dark] .nav-config-toggle,html[data-theme=dark] .nav-theme-toggle{background:color-mix(in srgb,var(--bg-panel) 92%,hsla(0,0%,100%,.03) 8%)}html[data-theme=dark] .collapse-toggle{background:transparent}.collapse-toggle:hover{background:var(--bg-dark);border-color:transparent;box-shadow:none;color:var(--text-primary)}.collapse-toggle svg{display:block;transition:transform .25s ease}.nav-scroll{flex:1 1;min-height:0;overflow-y:auto;padding:var(--space-1) 10px 0}.nav-scroll,.nav-section{display:flex;flex-direction:column;gap:var(--space-3)}.nav-section{background:transparent;border:none;border-radius:0;padding:0}.nav-section--custom,.nav-section-head{gap:var(--space-4)}.nav-section-head{align-items:center;display:flex;justify-content:space-between;padding:0 var(--space-2)}.nav-section-title{font-weight:600;line-height:1.1}.nav-section-note,.nav-section-title{color:var(--text-muted);font-size:var(--fs-3)}.nav-section-note{line-height:1.35;margin:-2px 4px 0}.nav-section-count{align-items:center;background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:var(--radius-sm);display:inline-flex;flex-shrink:0;font-size:var(--fs-1);font-weight:600;justify-content:center;letter-spacing:0;min-height:16px;min-width:16px;padding:var(--space-px) var(--space-2);white-space:nowrap}.nav-section-count,.nav-section-count--custom,.nav-section-count--default{color:var(--text-secondary)}.nav-section-items{display:flex;flex-direction:column;gap:var(--space-px)}.nav-section-items--nested{border-left:1px solid var(--border-color);gap:var(--space-1);margin-left:var(--space-5);padding-left:var(--space-4)}.nav-item{align-items:center;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:var(--fs-5);font-weight:500;gap:9px;line-height:1.25;min-width:0;padding:7px 8px;text-align:left;transition:background-color .18s,border-color .18s,color .18s,box-shadow .18s;white-space:nowrap;width:100%}.nav-item:hover{background:var(--bg-subtle);border-color:var(--border-color);color:var(--text-primary)}.nav-item.active{background:var(--accent-fill);border:1px solid var(--accent-line);border-radius:var(--radius-md);box-shadow:none;color:var(--accent-on-fill);font-weight:550}.nav-item--pinned-dash{color:var(--text-secondary);font-size:var(--fs-4);font-weight:480}.nav-item--pinned-dash.active,.nav-item.active:hover{color:var(--accent-on-fill)}.nav-item.active:hover{background:var(--accent-fill-hover);border-color:var(--accent-fill-hover)}.nav-icon{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center;min-width:18px}.nav-label{min-width:0;overflow:hidden;text-overflow:ellipsis}.nav-icon-svg{display:block;height:16px;width:16px}.nav-item-wrap{align-items:center;display:flex;gap:3px;min-width:0}.nav-item-wrap .nav-item{flex:1 1}.nav-item-unpin-btn{align-items:center;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:flex;font-family:inherit;flex-shrink:0;height:22px;justify-content:center;opacity:0;padding:0;transition:opacity .15s,background .15s,border-color .15s,color .15s;width:22px}.nav-item-wrap:focus-within .nav-item-unpin-btn,.nav-item-wrap:hover .nav-item-unpin-btn{opacity:1}.nav-item-unpin-btn:hover{background:var(--bg-hover);border-color:var(--border-color);color:var(--accent-text)}.nav-section--empty{min-height:0}.nav-empty-state{align-items:flex-start;border-left:1px solid var(--border-color);border-radius:0;display:flex;gap:var(--space-5);margin-left:var(--space-5);padding:0 0 0 var(--space-4)}.nav-empty-copy{color:var(--text-secondary);font-size:var(--fs-3);line-height:1.4;margin:0}.nav-pin-dashboard{margin:-2px 0 0}.nav-pin-dashboard-btn{align-items:center;background:transparent;border:1px dashed var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:var(--fs-3);font-weight:600;gap:6px;height:26px;justify-content:flex-start;padding:0 8px;transition:background .18s,border-color .18s,color .18s;width:100%}.nav-pin-dashboard-btn:hover{background:var(--bg-subtle);border-color:var(--hover-border-color);color:var(--accent-text)}.nav-pin-dashboard-menu{background:var(--bg-panel-elevated);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-md);max-height:260px;overflow-y:auto;padding:4px;position:fixed;z-index:1200}.nav-pin-dashboard-search{background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:var(--fs-3);height:26px;margin-bottom:4px;outline:none;padding:0 8px;width:100%}.nav-pin-dashboard-search:focus{border-color:var(--accent-line)}.nav-pin-dashboard-item{align-items:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:var(--fs-4);gap:8px;justify-content:space-between;padding:6px 8px;text-align:left;width:100%}.nav-pin-dashboard-item:hover{background:var(--bg-subtle)}.nav-pin-dashboard-item--pinned{color:var(--accent-text)}.nav-pin-dashboard-item-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-pin-dashboard-item-icon{align-items:center;display:inline-flex;flex-shrink:0}.nav-pin-dashboard-empty{color:var(--text-muted);font-size:var(--fs-3);line-height:1.4;padding:8px}.nav-helper-card{background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-4);margin-top:auto;min-height:152px;padding:var(--space-5);transition:background-color .18s ease,border-color .18s ease}.nav-helper-head{align-items:center;display:flex;gap:var(--space-5);justify-content:space-between}.nav-helper-kicker{font-size:var(--fs-2)}.nav-helper-count,.nav-helper-kicker{color:var(--text-muted);font-weight:500}.nav-helper-count{align-items:center;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-md);display:inline-flex;flex-shrink:0;font-size:var(--fs-1);justify-content:center;letter-spacing:0;min-height:18px;padding:0 var(--space-3);white-space:nowrap}.nav-helper-body{display:flex;flex:1 1;flex-direction:column;gap:var(--space-3);opacity:1;transform:translateY(0);transition:opacity .22s ease,transform .22s ease}.nav-helper-body--hidden{opacity:0;transform:translateY(4px)}.nav-helper-title{color:var(--text-primary);font-size:var(--fs-4);font-weight:600;letter-spacing:0;line-height:1.35;margin:0}.nav-helper-copy{color:var(--text-secondary);font-size:var(--fs-3);line-height:1.45;margin:0}.nav-helper-meta{align-items:center;display:flex;margin-top:auto}.nav-helper-chip{align-items:center;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--accent-text);display:inline-flex;font-size:var(--fs-2);font-weight:500;min-height:20px;padding:0 7px}.nav-helper-card:hover{background:var(--bg-hover);border-color:var(--border-color)}.nav-theme-footer{align-items:center;display:flex;gap:var(--space-4);margin-top:auto;padding:var(--space-4) 10px var(--space-1);position:relative}.nav-config-wrap{position:relative;flex-shrink:0}.nav-config-menu.nav-profile-menu{padding:var(--space-3);width:188px}.nav-config-menu .nav-profile-menu__section{padding:var(--space-1) 0}.nav-config-menu .nav-profile-menu__look-row{gap:var(--space-2);grid-template-columns:auto auto;justify-content:space-between}.nav-config-menu .nav-profile-menu__look-row .nav-profile-menu__label{white-space:nowrap}.nav-profile-wrap{position:relative;flex-shrink:0}.nav-profile-btn{align-items:center;background:var(--accent-fill);border:1px solid transparent;border-radius:var(--radius-circle);color:var(--accent-on-fill);cursor:pointer;display:flex;font-family:inherit;height:30px;justify-content:center;padding:0;transition:background .18s,box-shadow .18s;width:30px}.nav-profile-btn:hover{background:var(--accent-fill-hover)}.nav-profile-btn--active{box-shadow:var(--ring-focus)}.nav-profile-initials{font-size:var(--fs-4);font-weight:700;letter-spacing:.02em;line-height:1}.nav-profile-menu{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);left:0;padding:var(--space-7);position:absolute;top:calc(100% + 8px);width:260px;z-index:320;max-height:calc(100vh - 24px);overflow-y:auto}.nav-profile-menu.nav-profile-menu--flip{bottom:calc(100% + 8px);top:auto}.nav-profile-menu__header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:var(--space-region);padding-bottom:var(--space-region)}.nav-profile-menu__avatar{align-items:center;background:linear-gradient(135deg,var(--accent-fill) 0,var(--accent-cyan) 100%);border-radius:var(--radius-circle);color:var(--accent-on-fill);display:flex;flex-shrink:0;font-size:var(--fs-6);font-weight:800;height:38px;justify-content:center;letter-spacing:.03em;width:38px}.nav-profile-menu__identity{min-width:0}.nav-profile-menu__name{color:var(--text-primary);font-size:var(--fs-6);font-weight:700;line-height:1.2}.nav-profile-menu__role{color:var(--text-muted);font-size:var(--fs-4);margin-top:3px;text-transform:capitalize}.nav-profile-menu__section{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-region) 0}.nav-profile-menu__label{color:var(--text-muted);font-size:var(--fs-3);font-weight:700;letter-spacing:.04em;text-transform:uppercase}.nav-profile-menu__value{color:var(--text-secondary);font-size:var(--fs-4);line-height:1.45}.nav-profile-menu__look-row{align-items:center;display:grid;grid-gap:var(--space-4);gap:var(--space-4);grid-template-columns:minmax(0,1fr) auto;min-width:0}.nav-profile-menu__look-row .nav-profile-menu__label{color:var(--text-secondary);font-size:var(--fs-4);font-weight:600;letter-spacing:0;text-transform:none}.nav-look-slider{align-items:center;align-self:center;background:color-mix(in srgb,var(--bg-panel) 92%,var(--bg-subtle) 8%);border:1px solid var(--border-color);border-radius:var(--radius-md);display:inline-flex;gap:2px;max-width:100%;min-width:0;padding:2px;position:relative;width:-moz-fit-content;width:fit-content}.nav-look-slider__pill{background:var(--accent-fill);border-radius:var(--radius-sm);bottom:2px;left:var(--look-pill-left,2px);pointer-events:none;position:absolute;top:2px;transition:none;width:var(--look-pill-width,24px);z-index:0}.nav-look-slider.is-switching .nav-look-slider__pill{transition:left .25s cubic-bezier(.4,0,.2,1),width .25s cubic-bezier(.4,0,.2,1)}.nav-look-option{align-items:center;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:inline-flex;flex:0 0 auto;font-size:11px;font-weight:500;height:24px;justify-content:center;line-height:1;max-width:160px;min-width:24px;outline:none;overflow:hidden;padding:0;position:relative;transition:max-width .22s cubic-bezier(.4,0,.2,1),opacity .18s ease,background-color .15s ease,border-color .15s ease,color .15s ease;z-index:1}.nav-look-option:hover:not(.is-active){background:var(--bg-hover);border-color:color-mix(in srgb,var(--border-color) 80%,transparent);color:var(--text-primary)}.nav-look-option__icon{align-items:center;display:inline-flex;flex:0 0 24px;height:24px;justify-content:center;width:24px}.nav-look-option__icon svg{display:block}.nav-look-option__label-wrap{display:grid;grid-template-columns:0fr;margin-left:0;opacity:0;transition:grid-template-columns .2s cubic-bezier(.4,0,.2,1),margin-left .2s cubic-bezier(.4,0,.2,1),opacity .16s ease}.nav-look-option.is-active .nav-look-option__label-wrap,.nav-look-option:focus-visible .nav-look-option__label-wrap,.nav-look-option:hover .nav-look-option__label-wrap{grid-template-columns:1fr;margin-left:1px;opacity:1}.nav-look-slider:has(.nav-look-option:focus-visible:not(.is-active)) .nav-look-option.is-active .nav-look-option__label-wrap,.nav-look-slider:has(.nav-look-option:hover:not(.is-active)) .nav-look-option.is-active .nav-look-option__label-wrap{grid-template-columns:0fr;margin-left:0;opacity:0}.nav-look-option__label{color:inherit;display:inline-block;font-size:10px;font-weight:inherit;line-height:1;min-width:0;overflow:hidden;padding-right:5px;white-space:nowrap}.nav-look-option.is-active{color:var(--text-on-accent,#fff);font-weight:550}.nav-look-option:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:2px}.nav-look-slider:not(:hover):not(:focus-within) .nav-look-option:not(.is-active){border-width:0;flex:0 0;max-width:0;min-width:0;opacity:0;pointer-events:none}.nav-look-slider:not(:hover):not(:focus-within) .nav-look-option.is-active{flex:0 0 auto}.nav-look-slider:not(:hover):not(:focus-within){gap:0}.nav-look-slider:not(:hover):not(:focus-within) .nav-look-slider__pill{left:2px;width:calc(100% - 4px)}.nav-profile-menu__actions{display:flex;flex-direction:column;gap:var(--space-1);margin-top:var(--space-5)}.nav-profile-menu__action{align-items:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;font:inherit;font-size:var(--fs-5);font-weight:600;gap:var(--space-5);padding:9px 10px;text-align:left;transition:background .14s,color .14s;width:100%}.nav-profile-menu__action-icon{color:var(--text-muted);flex-shrink:0;transition:color .14s}.nav-profile-menu__action:hover{background:var(--bg-hover)}.nav-profile-menu__action:hover .nav-profile-menu__action-icon{color:var(--text-secondary)}.nav-profile-menu__action--danger,.nav-profile-menu__action--danger .nav-profile-menu__action-icon{color:var(--accent-red)}.nav-profile-menu__action--danger:hover{background:rgba(220,53,69,.1)}.navigation-panel.collapsed .nav-theme-footer{align-items:center;flex-direction:column-reverse;gap:var(--space-4);padding:var(--space-4) var(--space-2) var(--space-3)}.navigation-panel.collapsed .nav-profile-menu{left:calc(100% + 6px);top:0}.navigation-panel.collapsed .nav-profile-menu--flip{bottom:0;top:auto}.nav-profile-wrap--float{flex-shrink:0}.nav-profile-btn--float{border-radius:var(--radius-md);height:36px;width:36px}.nav-profile-menu--float{left:0;right:auto;top:calc(100% + 6px)}.nav-theme-copy{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.nav-theme-title{color:var(--text-primary);font-size:var(--fs-3);font-weight:600}.nav-theme-note{color:var(--text-muted);font-size:var(--fs-3)}.navigation-panel.collapsed .nav-header{align-items:center;justify-content:center;min-height:45px;padding:var(--space-4)}.navigation-panel.collapsed .nav-header-copy,.navigation-panel.collapsed .nav-header-left,.navigation-panel.collapsed .nav-label,.navigation-panel.collapsed .nav-theme-copy{display:none}.navigation-panel.collapsed .nav-scroll{gap:var(--space-5)}.navigation-panel.collapsed .nav-section{background:transparent;border:none;border-radius:0;padding:0}.navigation-panel.collapsed .nav-section+.nav-section{border-top:1px solid var(--border-color);padding-top:var(--space-5)}.navigation-panel.collapsed .nav-section-head{display:none}.navigation-panel.collapsed .nav-section-items{align-items:center;gap:var(--space-3)}.navigation-panel.collapsed .nav-section-items--nested{border-left:none;margin-left:0;padding-left:0}.navigation-panel.collapsed .nav-item{align-self:center;border-radius:var(--radius-md);height:30px;justify-content:center;padding:0;width:30px}.navigation-panel.collapsed .nav-item-wrap{justify-content:center}.navigation-panel.collapsed .nav-item-wrap .nav-item{flex:0 0 auto}.navigation-panel.collapsed .nav-theme-footer{justify-content:center;padding-left:0;padding-right:0}.navigation-panel.collapsed .app-rail-actions--rail{flex-direction:column}.app-rail-actions{display:grid;grid-template-columns:repeat(3,auto);grid-gap:var(--space-4);gap:var(--space-4);justify-content:start}.nav-collapsed .app-rail-actions,.nav-sidebar--collapsed .app-rail-actions{grid-template-columns:auto}.app-rail-actions--rail{align-items:center;display:flex;flex-wrap:nowrap;gap:var(--space-3);justify-content:flex-start;min-width:0}.app-rail-actions--rail .qi-icon-btn{flex:0 1 auto;min-width:20px}.nav-theme-footer{flex-wrap:nowrap;min-width:0}.dash-alert-panel.nav-rail-panel-pos{position:absolute;bottom:0;left:calc(100% + 10px);top:auto;right:auto;z-index:var(--z-popover,300)}@media (max-width:767px){.dash-alert-panel.nav-rail-panel-pos{bottom:auto;left:8px;right:8px;top:52px;position:fixed;max-height:60dvh;width:auto}}.nav-pref-switch{background:var(--toggle-off-bg);border:none;border-radius:var(--radius-pill);cursor:pointer;flex-shrink:0;height:16px;padding:0;position:relative;transition:background .18s ease,box-shadow .18s ease;width:28px}.nav-pref-switch__knob{background:var(--toggle-knob-bg);border-radius:var(--radius-circle);height:12px;left:2px;position:absolute;top:2px;transform:translateX(0);transition:transform .18s ease;width:12px}.nav-pref-switch:hover{box-shadow:0 0 0 3px var(--accent-ring)}.nav-pref-switch:focus-visible{outline:none;box-shadow:var(--ring-focus)}.nav-pref-switch--on{background:var(--accent-fill)}.nav-pref-switch--on .nav-pref-switch__knob{transform:translateX(12px)}@media (prefers-reduced-motion:reduce){.nav-pref-switch,.nav-pref-switch__knob{transition:none}}