.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top,width,height}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{transition:none;z-index:1;will-change:width,height}.react-grid-item.react-draggable-dragging{transition:none;z-index:3;will-change:transform}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:red;opacity:.2;transition-duration:.1s;z-index:2;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{position:absolute;width:20px;height:20px}.react-grid-item>.react-resizable-handle:after{content:"";position:absolute;right:3px;bottom:3px;width:5px;height:5px;border-right:2px solid rgba(0,0,0,.4);border-bottom:2px solid rgba(0,0,0,.4)}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-w,.react-grid-item>.react-resizable-handle.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.react-resizable{position:relative}.react-resizable-handle{position:absolute;width:20px;height:20px;background-repeat:no-repeat;background-origin:content-box;box-sizing:border-box;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+);background-position:bottom right;padding:0 3px 3px 0}.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-resizable-handle-w,.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}@font-face{font-family:Public Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/public-sans-latin-400-normal-8Rpg0ruU.woff2) format("woff2"),url(/assets/public-sans-latin-400-normal-SBbinRkI.woff) format("woff")}@font-face{font-family:Public Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/public-sans-latin-500-normal-NlrCPXnF.woff2) format("woff2"),url(/assets/public-sans-latin-500-normal-vCxiVFAq.woff) format("woff")}@font-face{font-family:Public Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/public-sans-latin-600-normal-Fru-LXNs.woff2) format("woff2"),url(/assets/public-sans-latin-600-normal-BR59oU-I.woff) format("woff")}@font-face{font-family:Public Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/public-sans-latin-700-normal-BqJmxWdE.woff2) format("woff2"),url(/assets/public-sans-latin-700-normal-Dm-oTPSL.woff) format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff) format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-latin-600-normal-BgSNZQsw.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-600-normal-DWFSQ4vo.woff) format("woff")}:root{--ac-hdr-h: 56px;--ac-nav-w: 200px;--ac-nav-rail: 52px;--ac-nav-drawer: 216px;--ac-nav-float: 200px;--ac-ib: 32px;--ac-mark: 26px;--ac-avatar: 28px;--ac-hdr-gap: 16px;--ac-hdr-pad: 16px;--ac-nav-pad: 16px 10px;--ac-nav-pad-rail: 14px 6px;--ac-ni-pad: 9px 12px;--ac-ni-gap: 11px;--ac-fs-brand: 14.5px;--ac-fs-sub: 13px;--ac-fs-ni: 13.5px;--ac-fs-acct: 12.5px;--ac-fs-role: 9.5px;--ac-fs-nlabel: 10px;--ac-ease: cubic-bezier(.4, 0, .2, 1);--ac-dur: .22s;--ac-lh: 1.45}.ac-hdr{height:var(--ac-hdr-h);flex:none;background:var(--bg-chrome);color:var(--text-chrome);display:flex;align-items:center;gap:var(--ac-hdr-gap);padding:0 var(--ac-hdr-pad);position:sticky;top:0;z-index:30;box-shadow:0 1px #0000002e}.ac-ib{width:var(--ac-ib);height:var(--ac-ib);flex:none;display:grid;place-items:center;border:0;border-radius:var(--r-soft);background:transparent;color:var(--text-chrome-muted);position:relative}.ac-ib:hover{background:var(--bg-chrome-hover);color:var(--text-chrome)}.ac-ib.bd{border:1px solid var(--border-chrome)}.ac-brand{display:flex;align-items:center;gap:10px;flex:none;overflow:hidden}.ac-brand .mark{width:var(--ac-mark);height:var(--ac-mark);flex:none;border-radius:var(--r-soft);background:var(--primary);display:grid;place-items:center;color:#fff;font-weight:700;font-size:13px}.ac-brand .name{font-weight:600;font-size:var(--ac-fs-brand);letter-spacing:-.005em;white-space:nowrap;line-height:var(--ac-lh)}.ac-brand .sep{width:1px;height:18px;flex:none;background:var(--border-chrome)}.ac-brand .sub{font-size:var(--ac-fs-sub);color:var(--text-chrome-muted);white-space:nowrap;line-height:var(--ac-lh)}.ac-tpill{display:flex;align-items:center;gap:9px;height:var(--ac-ib);padding:0 12px;border-radius:var(--r-soft);border:1px solid var(--border-chrome);background:transparent;color:var(--text-chrome);font-size:var(--ac-fs-acct);max-width:260px;line-height:var(--ac-lh)}.ac-tpill:hover{border-color:var(--text-chrome-muted)}.ac-tpill .nm{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ac-tpill .dot{width:6px;height:6px;flex:none;border-radius:var(--r-pill);background:var(--status-ok-text)}.ac-ipop{position:relative;flex:none}.ac-pop{position:absolute;top:42px;left:0;z-index:60;background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--r-round);box-shadow:0 12px 32px #10243d2e;padding:6px;min-width:220px;display:none}.ac-pop.on{display:block}.ac-pop.pop-r{left:auto;right:0}.ac-pop .ph{padding:6px 10px 4px;font-size:10px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--text-faint)}.ac-pop .row{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--r-soft);font-size:var(--ac-fs-acct);color:var(--text-primary);width:100%;border:0;background:transparent;text-align:left}.ac-pop .row:hover{background:var(--row-hover)}.ac-pop .row.on{background:var(--primary-bg);color:var(--primary);font-weight:600}.ac-pop .row .nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ac-pop .row .st{font-size:11px;color:var(--text-faint);flex:none}.ac-pop .sdot{width:6px;height:6px;flex:none;border-radius:var(--r-pill)}.ac-pop .empty{padding:10px;font-size:12px;color:var(--text-faint);line-height:1.45}.ac-dim{width:240px;padding:10px}.ac-dim .t{font-size:10px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--text-faint);margin-bottom:6px}.ac-seg{display:flex;overflow:hidden;border:1px solid var(--border);border-radius:var(--r-soft)}.ac-seg button{flex:1;font-size:var(--ac-fs-acct);padding:8px 13px;border:0;white-space:nowrap;background:var(--bg-surface);color:var(--text-secondary)}.ac-seg button+button{border-left:1px solid var(--border)}.ac-seg button.on{background:var(--primary);color:#fff;font-weight:600}.ac-dimrow{display:flex;align-items:center;gap:10px;margin-top:4px}.ac-dimrow input[type=range]{flex:1;min-width:0}.ac-dimrow .pct{font-family:var(--font-mono, ui-monospace, monospace);font-size:11px;color:var(--text-secondary);width:38px;text-align:right}.ac-dimdisabled .ac-dimrow{opacity:.35;pointer-events:none}.ac-dimnote{font-size:10.5px;color:var(--text-faint);text-align:center;line-height:1.4;margin-top:6px}.ac-acct{display:flex;align-items:center;gap:9px}.ac-acct .avatar{width:var(--ac-avatar);height:var(--ac-avatar);flex:none;border-radius:var(--r-pill);background:var(--bg-chrome-hover);display:grid;place-items:center;font-size:11px;font-weight:600;color:var(--text-chrome)}.ac-acct .txt{display:flex;flex-direction:column;line-height:1.25}.ac-acct .em{font-size:var(--ac-fs-acct);white-space:nowrap}.ac-acct .role{font-family:var(--font-mono, ui-monospace, monospace);font-size:var(--ac-fs-role);letter-spacing:.06em;color:var(--text-chrome-muted);line-height:var(--ac-lh)}.ac-vsep{width:1px;height:22px;flex:none;background:var(--border-chrome)}.ac-right{display:flex;align-items:center;gap:10px;margin-left:auto;min-width:0}.ac-shell{display:grid;grid-template-columns:var(--ac-nav-w) minmax(0,1fr);flex:1;min-height:0;position:relative;transition:grid-template-columns var(--ac-dur) var(--ac-ease)}.ac-nav{grid-column:1;background:var(--bg-subtle);border-right:1px solid var(--border);display:flex;flex-direction:column;gap:2px;overflow:hidden;padding:var(--ac-nav-pad);transition:width var(--ac-dur) var(--ac-ease),padding var(--ac-dur) ease,box-shadow var(--ac-dur) ease}body[data-ac-rail="1"] .ac-nav:not(.floating):not(.drawer){padding:var(--ac-nav-pad-rail)}.ac-nav.floating{position:absolute;top:0;left:0;bottom:0;width:var(--ac-nav-float);z-index:45;box-shadow:6px 0 24px #10243d24;padding:var(--ac-nav-pad)}.ac-nav.drawer{position:fixed;top:var(--ac-hdr-h);left:0;bottom:0;width:var(--ac-nav-drawer);z-index:50;box-shadow:0 8px 32px #10243d2e;animation:ac-slide var(--ac-dur) var(--ac-ease);padding:var(--ac-nav-pad)}@keyframes ac-slide{0%{transform:translate(-14px);opacity:.4}to{transform:none;opacity:1}}.ac-nlabel{font-size:var(--ac-fs-nlabel);font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--text-faint);padding:0 12px 9px;line-height:var(--ac-lh)}.ac-ni{display:flex;align-items:center;gap:var(--ac-ni-gap);padding:var(--ac-ni-pad);border-radius:var(--r-soft);text-decoration:none;font-size:var(--ac-fs-ni);color:var(--text-secondary);transition:background .16s ease,color .16s ease,box-shadow .2s ease;line-height:var(--ac-lh)}.ac-ni:hover{background:var(--row-hover)}.ac-ni.on{background:var(--primary-bg);color:var(--primary);font-weight:600;box-shadow:inset 2px 0 0 var(--primary)}.ac-ni svg{flex:none}.ac-ni .lb{display:flex;align-items:center;gap:8px;flex:1;min-width:0;overflow:hidden}.ac-ni .lb .ct{margin-left:auto;font-family:var(--font-mono, ui-monospace, monospace);font-size:11px}body[data-ac-labels="0"] .ac-ni{justify-content:center}body[data-ac-labels="0"] .ac-ni .lb,body[data-ac-labels="0"] .ac-nlabel{display:none}.ac-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#10243d80;z-index:40;display:none;border:0}.ac-scrim.on{display:block}.ac-main{min-width:0;display:flex;flex-direction:column;grid-column:2}@media(max-width:1099px){.ac-brand .sep,.ac-brand .sub{display:none}}@media(max-width:1219px){.ac-acct .txt,.ac-logout{display:none}}@media(min-width:1220px){.ac-logout-c{display:none}}@media(max-width:859px){.ac-tpill .nm{display:none}}@media(max-width:559px){.ac-hdr{gap:10px;padding:0 12px}.ac-right{gap:6px}.ac-vsep,.ac-appearance{display:none}}@media(prefers-reduced-motion:reduce){.ac-shell,.ac-nav,.ac-ni{transition:none!important}.ac-nav.drawer{animation:none!important}}.ac-phead{background:linear-gradient(180deg,var(--bg-surface),var(--bg-subtle));border-bottom:1px solid var(--border);padding:18px 28px}.ac-phead h1{font-weight:600;font-size:25px;margin:0;letter-spacing:-.015em;line-height:var(--ac-lh)}.ac-phead .sub{font-size:12.5px;color:var(--text-secondary);margin-top:4px;line-height:var(--ac-lh)}.ac-phead .row{display:flex;align-items:flex-end;gap:20px;flex-wrap:wrap}.ac-phead .actions{margin-left:auto;display:flex;gap:8px}.ac-content{padding:20px 28px 28px;display:flex;flex-direction:column;gap:16px}.ac-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-soft);overflow:hidden}.ac-toolbar{padding:12px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px;background:var(--bg-subtle);flex-wrap:wrap}.ac-filter{width:260px;height:32px;border-radius:var(--r-soft);border:1px solid var(--border);display:flex;align-items:center;gap:8px;padding:0 11px;background:var(--bg-surface)}.ac-filter svg{flex:none;color:var(--text-faint)}.ac-filter input{flex:1;min-width:0;border:0;background:transparent;font-size:12.5px;color:var(--text-primary);outline:none}.ac-toolbar .hint{font-size:12px;color:var(--text-faint);margin-left:auto;line-height:var(--ac-lh)}.ac-tablewrap{overflow-x:auto}table.ac-t{width:100%;border-collapse:collapse;font-size:13px}table.ac-t th{text-align:left;font-size:10.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--text-faint);padding:10px 18px;border-bottom:1px solid var(--border);white-space:nowrap;line-height:var(--ac-lh)}table.ac-t th.r,table.ac-t td.r{text-align:right}table.ac-t td{padding:12px 18px;border-bottom:1px solid var(--border-subtle);vertical-align:middle;line-height:var(--ac-lh)}table.ac-t tbody tr{cursor:pointer}table.ac-t tbody tr:hover{background:var(--row-hover)}table.ac-t td.mono,table.ac-t td.r{font-family:var(--font-mono, ui-monospace, monospace)}table.ac-t td.mono{font-size:12.5px}table.ac-t td .nm{font-weight:600}table.ac-t td .sc{font-family:var(--font-mono, ui-monospace, monospace);font-size:10.5px;color:var(--text-faint)}.ac-age{font-family:var(--font-mono, ui-monospace, monospace);font-size:12.5px;line-height:var(--ac-lh)}.ac-age.fresh{color:var(--status-ok-text)}.ac-tfoot{padding:10px 18px;display:flex;align-items:center;gap:10px;font-size:11.5px;color:var(--text-faint);border-top:1px solid var(--border-subtle);line-height:var(--ac-lh)}@media(max-width:859px){.ac-phead,.ac-content{padding-left:16px;padding-right:16px}.ac-filter{width:100%}}.ac-hdr .ac-logout{background:transparent;color:var(--text-chrome);border:1px solid var(--border-chrome)}.ac-hdr .ac-logout:hover{background:var(--bg-chrome-hover)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased}:root{--monitor-exit-slot: 6rem;--content-max: 1800px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--card-shadow: 0 1px 3px rgba(16,19,28,.05), 0 10px 28px -14px rgba(16,19,28,.18);--card-shadow-hover: 0 1px 3px rgba(16,19,28,.07), 0 18px 44px -16px rgba(16,19,28,.26);--r-sharp: 2px;--r-soft: 6px;--r-round: 10px;--r-pill: 999px;--r-circle: 50%;--r-card: 16px;--font-display: "Public Sans", system-ui, "Segoe UI", sans-serif;--font-ui: "Public Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--bg-chrome: #0b0e1a;--bg-chrome-hover: #161a2e;--text-chrome: #eef0f8;--text-chrome-muted: #8e95b3;--border-chrome: #1e2338;--chrome-accent: #9aa4ff;--bg-body: #f2f3f8;--bg-surface: #ffffff;--bg-subtle: #f6f7fb;--bg-muted: #e9ebf3;--bg-hover: #e4e7ef;--text-primary: #10131c;--text-heading: #20263a;--text-secondary: #5a617a;--text-faint: #8b92a8;--border: #ccd2e0;--border-subtle: #e2e5ee;--card-edge: transparent;--row-hover: var(--bg-subtle);--nav-hover: var(--bg-muted);--primary: #2b3af7;--primary-hover: #1f2cd6;--primary-bg: #edefff;--focus-ring: #aab3ff;--status-ok-text: #0b6e4f;--status-ok-bg: #e2f6ec;--status-ok-border: #abe3c8;--status-err-text: #be123c;--status-err-bg: #fdeef2;--status-err-border: #f7c5d2;--danger: #e11d48;--tone-rose-a: #ffdfe6;--tone-rose-b: #ffeff3;--tone-rose-c: #fff7f9;--tone-rose-ink: #b42318;--tone-blue-a: #dce4ff;--tone-blue-b: #eef2ff;--tone-blue-c: #f7f9ff;--tone-blue-ink: #1b2452;--tone-green-a: #d7f2e4;--tone-green-b: #ecfaf2;--tone-green-c: #f6fdf9;--tone-green-ink: #0b5138;--tone-amber-a: #fdeccd;--tone-amber-b: #fef7e8;--tone-amber-c: #fffcf5;--tone-amber-ink: #7a4b06;--tone-neutral-a: #e3e7ee;--tone-neutral-b: #f0f3f7;--tone-neutral-c: #f8fafc;--tone-neutral-ink: #1f2328;--tone-label: #5b6470;--tone-side: #3b4252;--tone-side-strong: #1f2328;--tone-spark: rgba(59, 66, 82, .55);--status-warn-text: #92400e;--status-warn-bg: #fcf4e4;--status-warn-border: #edd08e;--status-info-text: #2733c4;--status-info-bg: #eef0ff;--status-info-border: #c6cbff;--chart-axis: #ccd2e0;--chart-label: #5a617a;--chart-split: #edf0f6;--chart-name: #20263a;--chart-neutral: #dfe3ee;--chart-accent: #2b3af7;--chart-track: #e6e9f2;--chart-tooltip-bg: #0b0e1a;--chart-tooltip-border: #2a3050;--chart-tooltip-text: #eef0f8;--chart-baseline: #b3bacd;--chart-zone-crit: #e11d48;--chart-zone-warn: #d97b2a;--chart-zone-mid: #a8873c;--chart-zone-calm: #4d6b8f;--chart-zone-blend: .12;--chart-fill-1: #2b3af7;--chart-fill-2: #0891b2;--chart-fill-3: #4d6b8f;--chart-fill-alpha: .32;--chart-sel-alpha: .08;--seq-0: #eef1ff;--seq-1: #cdd5fb;--seq-2: #a3b0f6;--seq-3: #7788ee;--seq-4: #4f5fe4;--seq-5: #2b3af7;--seq-6: #1c25b8;--seq-7: #121878;--cat-1: #2b3af7;--cat-2: #0b6e4f;--cat-3: #b45309;--cat-4: #a855f7;--cat-5: #0369a1;--cat-6: #be123c;--cat-7: #0891b2;--cat-8: #64748b}[data-theme=dark]{--bg-body: #0a0c14;--bg-surface: #131726;--bg-subtle: #0d1019;--bg-muted: #191d2b;--bg-hover: #242a3d;--text-primary: #edeff8;--text-heading: #d2d6e6;--text-secondary: #9198b0;--text-faint: #606880;--border: #313850;--border-subtle: #232941;--card-edge: #282e46;--row-hover: var(--bg-hover);--nav-hover: var(--bg-hover);--primary: #4d7cfe;--primary-hover: #6d93ff;--primary-bg: #14204a;--focus-ring: #2f55c9;--status-ok-text: #34d399;--status-ok-bg: #0b241c;--status-ok-border: #1b4a38;--status-err-text: #fb7185;--status-err-bg: #2b121c;--status-err-border: #572032;--danger: #f43f5e;--tone-rose-a: #8b2c40;--tone-rose-b: #3a1830;--tone-rose-c: #171226;--tone-rose-ink: #f04a5e;--tone-blue-a: #3a46b4;--tone-blue-b: #1b2452;--tone-blue-c: #121a38;--tone-blue-ink: #ffffff;--tone-green-a: #14543f;--tone-green-b: #0f2c25;--tone-green-c: #0d1a1c;--tone-green-ink: #34d399;--tone-amber-a: #6b4a12;--tone-amber-b: #2f2410;--tone-amber-c: #1b160e;--tone-amber-ink: #fbbf24;--tone-neutral-a: #39404f;--tone-neutral-b: #232833;--tone-neutral-c: #171a22;--tone-neutral-ink: #e7ebf3;--tone-label: rgba(255, 255, 255, .62);--tone-side: rgba(255, 255, 255, .75);--tone-side-strong: #ffffff;--tone-spark: rgba(255, 255, 255, .55);--status-warn-text: #fbbf24;--status-warn-bg: #2a210f;--status-warn-border: #4f3d14;--status-info-text: #9aa4ff;--status-info-bg: #171c3a;--status-info-border: #2e3670;--chart-axis: #313850;--chart-label: #9198b0;--chart-split: #1b2130;--chart-name: #d2d6e6;--chart-neutral: #2a3042;--chart-accent: #7c88ff;--chart-track: #232a3d;--chart-tooltip-bg: #191d2b;--chart-tooltip-border: #33406e;--chart-tooltip-text: #edeff8;--chart-baseline: #3e4663;--chart-zone-crit: #f0546f;--chart-zone-warn: #e8a04d;--chart-zone-mid: #c2b06a;--chart-zone-calm: #8fb0d0;--chart-fill-1: #4d7cfe;--chart-fill-2: #22d3ee;--chart-fill-3: #8fb0d0;--chart-fill-alpha: .42;--chart-sel-alpha: .12;--chart-zone-blend: .12;--card-shadow: 0 1px 3px rgba(0,0,0,.5), 0 12px 32px -14px rgba(0,0,0,.7);--card-shadow-hover: 0 1px 3px rgba(0,0,0,.6), 0 20px 48px -16px rgba(0,0,0,.8);--seq-0: #10193f;--seq-1: #1a2668;--seq-2: #263394;--seq-3: #3644c6;--seq-4: #4f5fe4;--seq-5: #6b79ff;--seq-6: #97a2ff;--seq-7: #c3caff;--cat-1: #7c88ff;--cat-2: #34d399;--cat-3: #fbbf24;--cat-4: #c084fc;--cat-5: #38bdf8;--cat-6: #fb7185;--cat-7: #22d3ee;--cat-8: #94a3b8}:root{color-scheme:light}[data-theme=dark]{color-scheme:dark}input,select,textarea{background:var(--bg-subtle);color:var(--text-primary);font-family:inherit;transition:border-color .14s,box-shadow .14s,background .14s}input:focus,select:focus,textarea:focus{background:var(--bg-surface)}input::placeholder,textarea::placeholder{color:var(--text-faint)}button{color:inherit;font-family:inherit}body{font-family:var(--font-ui);background:var(--bg-body);color:var(--text-primary);min-height:100vh}#root{min-height:100vh}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.015em}a{color:var(--primary)}a:hover{color:var(--primary-hover)}::selection{background:color-mix(in srgb,var(--primary) 24%,transparent)}html{scrollbar-color:color-mix(in srgb,var(--text-faint) 55%,transparent) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--text-faint) 45%,transparent);border-radius:var(--r-pill);border:3px solid transparent;background-clip:padding-box}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}.muted{color:var(--text-secondary)}.error{background:var(--status-err-bg);color:var(--status-err-text);border:1px solid var(--status-err-border);padding:var(--sp-3) var(--sp-3);border-radius:var(--r-round);font-size:.9rem}.splash{display:flex;align-items:center;justify-content:center;min-height:100vh;color:var(--text-secondary)}.busy-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-round);padding:var(--sp-6) var(--sp-8);text-align:center;display:flex;flex-direction:column;gap:var(--sp-2)}.busy-card button{margin-top:var(--sp-2);align-self:center}.auth-shell{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--sp-6)}.card{width:100%;max-width:380px;background:var(--bg-surface);border:1px solid var(--card-edge);border-radius:var(--r-card);padding:2.25rem;box-shadow:var(--card-shadow);display:flex;flex-direction:column;gap:var(--sp-2)}.card h1{font-size:1.5rem;margin-bottom:.1rem}.card p.muted{margin-bottom:var(--sp-4);font-size:.9rem}.card label{font-size:.82rem;font-weight:600;margin-top:var(--sp-2)}.card input{padding:var(--sp-3) var(--sp-3);border:1px solid var(--border);border-radius:var(--r-round);font-size:.95rem;outline:none}.card input:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 18%,transparent)}.card button[type=submit]{margin-top:var(--sp-4);padding:var(--sp-3);border:none;border-radius:var(--r-soft);background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 86%,#fff),var(--primary));color:#fff;font-size:.95rem;font-weight:600;letter-spacing:.01em;cursor:pointer;box-shadow:0 10px 24px -10px color-mix(in srgb,var(--primary) 80%,transparent),inset 0 1px #ffffff38}.card button[type=submit]:disabled{background:var(--text-faint);cursor:not-allowed}.topbar{display:flex;align-items:center;justify-content:space-between;padding:.8rem var(--sp-6);border-bottom:1px solid var(--border-chrome);background:linear-gradient(180deg,color-mix(in srgb,var(--bg-chrome) 94%,#fff),var(--bg-chrome));box-shadow:inset 0 1px #ffffff0d;color:var(--text-chrome)}.topbar .muted{color:var(--text-chrome-muted)}.topbar .btn-ghost{background:transparent;border-color:var(--border-chrome);color:var(--text-chrome)}.topbar .btn-ghost:hover{background:var(--bg-chrome-hover);border-color:var(--text-chrome-muted)}.topbar .role-tag{background:color-mix(in srgb,var(--chrome-accent) 16%,transparent);color:var(--chrome-accent);border-color:color-mix(in srgb,var(--chrome-accent) 35%,transparent)}.topbar-right{display:flex;align-items:center;gap:var(--sp-4)}.role-tag{display:inline-block;background:var(--primary-bg);color:var(--primary);border:1px solid color-mix(in srgb,var(--primary) 25%,transparent);padding:.05rem .55rem;border-radius:var(--r-pill);font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-left:var(--sp-1)}.btn-ghost{padding:var(--sp-2) var(--sp-4);border:1px solid var(--border);border-radius:var(--r-soft);background:var(--bg-surface);cursor:pointer;font-size:.85rem;font-weight:500;transition:background .12s,border-color .12s}.btn-ghost:hover{background:var(--bg-subtle);border-color:var(--text-faint)}.container{max-width:960px;margin:0 auto;padding:var(--sp-6)}.container h2{font-size:1.05rem;margin:var(--sp-5) 0 var(--sp-3)}.user-card{background:var(--bg-surface);border:1px solid var(--card-edge);border-radius:var(--r-card);padding:var(--sp-4) var(--sp-5);box-shadow:var(--card-shadow)}.user-card dl{display:grid;grid-template-columns:160px 1fr;gap:var(--sp-2) var(--sp-4);margin-top:var(--sp-2)}.user-card dt{color:var(--text-secondary);font-size:.85rem}.user-card dd{font-size:.9rem}.grid{width:100%;border-collapse:collapse;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-round);overflow:hidden}.grid th,.grid td{text-align:left;padding:.72rem var(--sp-4);border-bottom:1px solid var(--border-subtle);font-size:.88rem}.grid th{background:transparent;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--text-secondary)}.grid tr:last-child td{border-bottom:none}.pill{display:inline-block;padding:.13rem var(--sp-3);border-radius:var(--r-pill);font-size:.75rem;font-weight:600;letter-spacing:.02em;border:1px solid transparent;white-space:nowrap}.pill-on{background:linear-gradient(180deg,color-mix(in srgb,var(--status-ok-bg) 55%,var(--bg-surface)),var(--status-ok-bg));color:var(--status-ok-text);border-color:var(--status-ok-border);box-shadow:0 1px 2px color-mix(in srgb,var(--status-ok-text) 12%,transparent)}.pill-off{background:linear-gradient(180deg,color-mix(in srgb,var(--status-err-bg) 55%,var(--bg-surface)),var(--status-err-bg));color:var(--status-err-text);border-color:var(--status-err-border);box-shadow:0 1px 2px color-mix(in srgb,var(--status-err-text) 12%,transparent)}.pill-unk{background:linear-gradient(180deg,color-mix(in srgb,var(--bg-muted) 55%,var(--bg-surface)),var(--bg-muted));color:var(--text-secondary);border-color:var(--border-subtle)}.pill-alarm{background:linear-gradient(180deg,color-mix(in srgb,var(--status-warn-bg) 55%,var(--bg-surface)),var(--status-warn-bg));color:var(--status-warn-text);border-color:var(--status-warn-border);box-shadow:0 1px 2px color-mix(in srgb,var(--status-warn-text) 12%,transparent)}.pill:before{content:"";display:inline-block;width:6px;height:6px;border-radius:var(--r-circle);background:currentColor;margin-right:var(--sp-2);vertical-align:1px;opacity:.95;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 16%,transparent)}.footnote{margin-top:var(--sp-6);font-size:.82rem}.tabs{display:flex;gap:var(--sp-1);padding:0 var(--sp-6);background:var(--bg-surface);border-bottom:1px solid var(--border-subtle)}.tab{padding:var(--sp-3) var(--sp-4);border:none;background:none;cursor:pointer;font-size:.88rem;font-weight:500;color:var(--text-secondary);border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .13s,border-color .13s}.tab:hover{color:var(--text-primary)}.tab-on{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.builder-tabs{align-items:center;flex-wrap:wrap;gap:var(--sp-2)}.tab-item{display:flex;align-items:center;gap:.15rem;border-bottom:2px solid transparent;margin-bottom:-1px}.tab-item.tab-on{border-bottom-color:var(--primary)}.tab-title{padding:var(--sp-3) var(--sp-2) var(--sp-3) var(--sp-3);border:none;background:none;cursor:pointer;font-size:.9rem;color:var(--text-secondary)}.tab-item.tab-on .tab-title{color:var(--primary);font-weight:600}.tab-title:hover{color:var(--text-primary)}.tab-rename{padding:var(--sp-2) var(--sp-2);font-size:.9rem;border:1px solid var(--primary);border-radius:var(--r-soft);width:9rem}.tab-btn{border:none;background:none;cursor:pointer;color:var(--text-faint);font-size:.75rem;padding:.2rem var(--sp-1);border-radius:var(--r-soft)}.tab-btn:hover:not(:disabled){color:var(--text-primary);background:var(--nav-hover)}.tab-btn:disabled{opacity:.3;cursor:not-allowed}.tab-add{border:1px dashed var(--border);background:none;cursor:pointer;color:var(--primary);font-size:.8rem;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-soft);margin-left:var(--sp-2);align-self:center}.tab-add:hover{background:var(--status-info-bg);border-color:var(--primary)}.viewer-main{padding:var(--sp-2) var(--sp-4) var(--sp-8);max-width:var(--content-max);margin:0 auto}.viewer-content{padding:var(--sp-2) var(--sp-4) var(--sp-8)}.layout{position:relative}body.monitor-mode .topbar,body.monitor-mode .admin-nav,body.monitor-mode .viewer-tabs,body.monitor-mode .tabs,body.monitor-mode .tf-pin-note{display:none}body.monitor-mode .admin-main{padding:0;max-width:none;margin:0;width:100%}body.monitor-mode .viewer-content{padding:var(--sp-2)}.monitor-exit{position:fixed;top:var(--sp-3);right:var(--sp-3);z-index:80;padding:var(--sp-2) .9rem;border:1px solid var(--border);border-radius:var(--r-soft);background:var(--bg-surface);color:var(--text-primary);font-size:.85rem;font-weight:600;cursor:pointer;box-shadow:0 8px 24px -12px #00000073;opacity:1;transition:opacity .25s ease}.monitor-exit.hidden{opacity:0;pointer-events:none}.viewas-banner{position:fixed;top:0;left:0;right:0;z-index:90;display:flex;align-items:center;gap:var(--sp-3);height:2.2rem;padding:0 .9rem;box-sizing:border-box;background:var(--status-warn-bg);border-bottom:1px solid var(--status-warn-border);color:var(--status-warn-text);font-size:.82rem}.viewas-banner-tag{font-weight:700;letter-spacing:.08em;font-size:.72rem}.viewas-banner-tenant{font-weight:600}.viewas-banner-ro{opacity:.85}.viewas-banner-exit{margin-left:auto;padding:.15rem var(--sp-3);cursor:pointer;border:1px solid var(--status-warn-border);border-radius:var(--r-soft);background:transparent;color:var(--status-warn-text);font-size:.78rem;font-weight:600}body.viewas-mode{padding-top:2.2rem}.viewas-banner--full{background:var(--status-err-bg);border-bottom-color:var(--status-err-border);color:var(--status-err-text)}.viewas-banner--full .viewas-banner-exit{border-color:var(--status-err-border);color:var(--status-err-text)}.viewas-ent-badge{margin-left:var(--sp-2);padding:.05rem var(--sp-2);border-radius:var(--r-pill);font-size:.62rem;font-weight:700;letter-spacing:.04em;white-space:nowrap;background:var(--status-warn-bg);border:1px solid var(--status-warn-border);color:var(--status-warn-text);vertical-align:middle}.public-msg{max-width:480px;margin:4rem auto;text-align:center;padding:var(--sp-6)}.public-msg h2{margin:0 0 var(--sp-2)}.public-monitoring{min-height:100vh;padding:var(--sp-3);box-sizing:border-box}.public-expired{max-width:560px;min-height:60vh;display:flex;flex-direction:column;justify-content:center}.public-expired h2{font-size:1.6rem}.public-reconnect{position:fixed;top:var(--sp-3);left:50%;transform:translate(-50%);z-index:75;padding:var(--sp-1) .9rem;border-radius:var(--r-pill);background:var(--bg-subtle);border:1px solid var(--border);color:var(--text-secondary);font-size:.8rem;font-weight:600}.monitor-fs{position:fixed;top:var(--sp-3);right:108px;z-index:80;padding:var(--sp-2) var(--sp-3);border:1px solid var(--border);border-radius:var(--r-soft);background:var(--bg-surface);color:var(--text-primary);font-size:.85rem;font-weight:600;cursor:pointer;box-shadow:0 8px 24px -12px #00000073;opacity:1;transition:opacity .25s ease}.monitor-fs.hidden{opacity:0;pointer-events:none}body.monitor-mode .public-full{padding:0}body.monitor-mode .public-full .viewer-main{max-width:none;margin:0;padding:var(--sp-2)}.widget-shell{position:relative;height:100%;background:var(--bg-surface);border:1px solid var(--card-edge);border-radius:var(--r-card);box-shadow:var(--card-shadow);transition:box-shadow .2s,border-color .2s;display:flex;flex-direction:column;overflow:hidden}.widget-shell:before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--primary) 24%,transparent),transparent);opacity:.55;pointer-events:none}.widget-slot:hover .widget-shell{border-color:color-mix(in srgb,var(--primary) 32%,var(--border-subtle));box-shadow:var(--card-shadow-hover)}.widget-slot:has(.ov-badge) .widget-head{padding-right:72px}.widget-head{height:40px;padding:0 var(--sp-4);border-bottom:1px solid var(--border-subtle);font-size:.7rem;font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;font-weight:600;color:var(--text-secondary);display:flex;align-items:center;gap:var(--sp-2)}.widget-head-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:12ch;flex:1 1 auto}.widget-head-extra{margin-left:auto;flex:none;text-transform:none;letter-spacing:normal}.widget-head:before{content:"";display:inline-block;width:5px;height:5px;border-radius:var(--r-circle);background:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 20%,transparent);margin-right:var(--sp-2);vertical-align:1.5px}.widget-body{flex:1;padding:var(--sp-3) .8rem;display:flex;flex-direction:column;justify-content:center;gap:var(--sp-1);min-height:0;container-type:size}.widget-type{display:inline-block;align-self:flex-start;background:var(--primary-bg);color:var(--primary);padding:.1rem var(--sp-2);border-radius:var(--r-soft);font-size:.78rem;font-weight:600;font-family:var(--font-mono)}.small{font-size:.75rem}.widget-skeleton{height:100%;min-height:2rem;border-radius:var(--r-round);background:linear-gradient(90deg,var(--bg-muted),var(--border-subtle),var(--bg-muted));background-size:200% 100%;animation:sk 1.6s ease-in-out infinite}@keyframes sk{0%{background-position:200% 0}to{background-position:-200% 0}}.widget-unknown{color:var(--status-warn-text);background:var(--status-warn-bg);border:1px dashed var(--status-warn-border);border-radius:var(--r-round);padding:var(--sp-2);font-size:.82rem;text-align:center}.numcard{position:relative;display:flex;flex-direction:column;gap:.18rem;isolation:isolate}.widget-fill{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;border-radius:var(--r-soft)}.numcard-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:clamp(1.9rem,24cqw,3.4rem);font-weight:600;letter-spacing:-.035em;line-height:1.02;color:var(--text-primary);display:flex;align-items:baseline}.numcard-unit{font-family:var(--font-ui);font-size:.9rem;font-weight:600;color:var(--text-secondary);margin-left:.28rem}.numcard-spark{width:100%;height:34px;margin-top:6px;display:block}.state-stale{opacity:.55}.state-stale .widget-head:after{content:" ● offline";color:var(--status-err-text);font-size:.7rem}.status-ind{display:flex;flex-direction:column;gap:var(--sp-2);align-items:flex-start}.status-ind .pill{font-size:.9rem;padding:.2rem var(--sp-3)}.chart-container{flex:1;min-height:0;width:100%}.measure-wrap{position:relative;flex:1;min-height:0;width:100%;display:flex}.measure-wrap>.chart-container{flex:1;min-height:0}.measure-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}.measure-mark{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:3px}.measure-mark i{width:9px;height:9px;border-radius:var(--r-circle);background:var(--bg-surface);border:2px solid var(--chart-accent);box-shadow:0 0 0 2px rgb(from var(--bg-surface) r g b / .7)}.measure-mark b{font-family:var(--font-mono);font-size:10px;font-weight:600;color:var(--chart-accent);line-height:1}.measure-box{position:absolute;pointer-events:auto;min-width:168px;max-width:260px;padding:var(--sp-2) var(--sp-3);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-soft);box-shadow:var(--card-shadow);font-size:.72rem;line-height:1.5}.measure-row{display:flex;align-items:baseline;gap:6px;white-space:nowrap}.measure-row:first-of-type{padding-right:36px}.measure-tag{font-family:var(--font-mono);font-weight:600;color:var(--chart-accent);min-width:.9em}.measure-series{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--text-secondary)}.measure-time{font-family:var(--font-mono);color:var(--text-secondary)}.measure-value{font-family:var(--font-mono);font-weight:600;font-size:.78rem}.measure-delta{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:5px;padding-top:5px;border-top:1px solid var(--border)}.measure-delta b{font-family:var(--font-mono);font-size:.78rem}.measure-note{margin-top:4px;display:block}.measure-box[data-compact=on] .measure-delta{margin-top:0;padding-top:0;border-top:0;padding-right:36px}.measure-box[data-expandable=on]{cursor:pointer}.measure-move,.measure-close{position:absolute;top:3px;border:0;background:transparent;cursor:pointer;color:var(--text-secondary);line-height:1;padding:2px 4px;font-size:12px}.measure-move{right:20px}.measure-close{right:2px;font-size:14px}.measure-move:hover,.measure-close:hover{color:var(--text-primary)}.hero-figure{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--sp-1);text-align:center;min-width:0}.hero-value{font-family:var(--font-ui);font-variant-numeric:tabular-nums;font-weight:600;font-size:clamp(2rem,min(30cqw,45cqh),5.5rem);line-height:1;color:var(--text-primary);display:flex;align-items:baseline;justify-content:center;max-width:100%}.hero-unit{font-family:var(--font-ui);font-size:.4em;font-weight:600;color:var(--text-secondary);margin-left:var(--sp-1)}.hero-caption{font-family:var(--font-ui);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.status-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:var(--sp-2);width:100%;height:100%;overflow:auto;align-content:start;padding:.1rem}.status-grid-cell{display:flex;flex-direction:column;gap:.18rem;padding:var(--sp-2) var(--sp-3);border:1px solid var(--border-subtle);border-radius:var(--r-round);background:var(--bg-surface);min-width:0}.status-grid-row{display:flex;align-items:center;gap:var(--sp-2)}.status-grid-icon{font-size:.85rem;line-height:1}.status-grid-word{font-family:var(--font-ui);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.status-grid-label{font-family:var(--font-ui);font-size:.84rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-grid-sub{font-size:.68rem}.status-grid-on{border-color:var(--status-ok-border);background:linear-gradient(180deg,color-mix(in srgb,var(--status-ok-bg) 45%,var(--bg-surface)),var(--bg-surface))}.status-grid-on .status-grid-icon,.status-grid-on .status-grid-word{color:var(--status-ok-text)}.status-grid-off{border-color:var(--status-err-border);background:linear-gradient(180deg,color-mix(in srgb,var(--status-err-bg) 45%,var(--bg-surface)),var(--bg-surface))}.status-grid-off .status-grid-icon,.status-grid-off .status-grid-word{color:var(--status-err-text)}.status-grid-unk{border-color:var(--border-subtle)}.status-grid-unk .status-grid-icon,.status-grid-unk .status-grid-word{color:var(--text-secondary)}.heatmap-wrap{display:flex;flex-direction:column;width:100%;height:100%;min-height:0}.heatmap-wrap .heatmap-grid{flex:1;min-height:0}.heatmap-legend{padding:.15rem .1rem 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.heatmap-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:var(--sp-1);width:100%;height:100%;overflow:auto;align-content:stretch;padding:.1rem}.heatmap-cell{border-radius:var(--r-sharp);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:var(--sp-2) var(--sp-2);min-width:0;min-height:52px}.heatmap-cell[data-state=unavailable]{border:1px dashed var(--border)}.heatmap-cell[data-state=unavailable] .heatmap-cell-value{opacity:.72}.heatmap-legend[data-state=unavailable]{color:var(--text-secondary);font-style:italic}.heatmap-cell-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:600;font-size:.95rem;line-height:1}.heatmap-cell-label{font-family:var(--font-ui);font-size:.68rem;opacity:.82;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.wtable-outer{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;align-self:stretch}.wtable-wrap{flex:1;min-height:0;overflow:auto}.wtable{width:100%;border-collapse:collapse;font-size:.8rem}.wtable thead th{position:sticky;top:0;background:linear-gradient(180deg,var(--bg-surface),var(--bg-subtle));text-align:left;padding:var(--sp-2) var(--sp-3);font-family:var(--font-ui);font-size:.66rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--text-secondary);border-bottom:1px solid var(--border-subtle)}.wtable td{padding:var(--sp-1) var(--sp-3);border-bottom:1px solid color-mix(in srgb,var(--bg-muted) 60%,transparent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:0}.wtable td:nth-child(3),.wtable thead th:nth-child(3){text-align:right}.wtable tbody tr:nth-child(2n) td{background:color-mix(in srgb,var(--bg-subtle) 45%,transparent)}.wtable tbody tr:hover td{background:color-mix(in srgb,var(--primary) 6%,var(--bg-subtle))}.wtable tbody tr:last-child td{border-bottom:none}.wtable-val{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:600;color:var(--text-primary)}.wtable-unit{font-weight:400;color:var(--text-secondary)}.wtable-note{padding:var(--sp-2) var(--sp-2) 0}.wtable-pager{display:flex;align-items:center;justify-content:center;gap:var(--sp-3);padding-top:var(--sp-2)}.wtable-pager button{padding:.12rem var(--sp-3);border:1px solid var(--border);border-radius:var(--r-soft);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;font-size:.85rem;line-height:1.2;transition:border-color .12s,color .12s}.wtable-pager button:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.wtable-pager button:disabled{opacity:.45;cursor:not-allowed}.admin-shell{min-height:100vh;display:flex;flex-direction:column}.admin-body{flex:1;display:flex;align-items:stretch}.admin-nav{width:210px;flex:0 0 210px;background:var(--bg-surface);border-right:1px solid var(--card-edge);padding:var(--sp-4) var(--sp-3);display:flex;flex-direction:column;gap:.15rem;position:sticky;top:0;height:100dvh;overflow-y:auto;z-index:10}.admin-nav-group{font-family:var(--font-display);font-size:.64rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-secondary);padding:var(--sp-2) .65rem var(--sp-1);font-weight:600}.admin-nav-link{display:block;padding:.48rem .65rem;border-radius:var(--r-soft);text-decoration:none;color:var(--text-secondary);font-size:.88rem;font-weight:500;transition:background .13s,color .13s}.admin-nav-link:hover{background:var(--bg-hover);color:var(--text-primary)}.admin-nav-link.on{background:var(--primary-bg);color:var(--primary);font-weight:600;box-shadow:inset 2px 0 0 var(--primary)}.admin-main{flex:1;padding:var(--sp-6) var(--sp-8);max-width:var(--content-max);min-width:0;margin:0 auto}@media(max-width:768px){.admin-body{flex-direction:column}.admin-nav{width:auto;flex:none;flex-direction:row;flex-wrap:wrap;gap:var(--sp-1);padding:var(--sp-2) var(--sp-3);border-right:none;border-bottom:1px solid var(--border-subtle);height:auto;overflow-y:visible}.admin-nav-group{display:none}.admin-nav-link{padding:var(--sp-2) var(--sp-3)}.admin-main{padding:var(--sp-3);margin:0;width:100%}.tabs{padding:0 var(--sp-3)}table.grid{display:block;overflow-x:auto}.topbar{flex-wrap:wrap;padding:var(--sp-3) var(--sp-3)}.topbar .muted{display:none}.topbar-right{flex-wrap:wrap;justify-content:flex-end;row-gap:.35rem}.section-head{flex-wrap:wrap;row-gap:.35rem}.section-head .row-actions{flex-wrap:wrap;justify-content:flex-end}}.page-head{display:flex;align-items:baseline;gap:var(--sp-3);margin-bottom:var(--sp-4)}.page-head h2{font-size:1.5rem}.tenant-scope-head{margin-bottom:var(--sp-2)}.tenant-scope-head a{display:inline-block;margin-bottom:var(--sp-1);text-decoration:none}.tenant-scope-head h2{font-size:1.45rem}.grid .row-click{cursor:pointer}.grid .row-click:hover td{background:var(--row-hover)}.btn-primary{padding:var(--sp-2) .95rem;border:none;border-radius:var(--r-soft);background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 86%,#fff),var(--primary));color:#fff;font-size:.88rem;font-weight:600;letter-spacing:.01em;cursor:pointer;box-shadow:0 8px 20px -10px color-mix(in srgb,var(--primary) 80%,transparent),inset 0 1px #ffffff38;transition:transform .12s,box-shadow .12s,background .12s}.btn-primary:hover{background:linear-gradient(180deg,color-mix(in srgb,var(--primary-hover) 86%,#fff),var(--primary-hover));transform:translateY(-1px);box-shadow:0 12px 26px -10px color-mix(in srgb,var(--primary) 85%,transparent),inset 0 1px #ffffff38}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{background:var(--text-faint);cursor:not-allowed;box-shadow:none;transform:none}.btn-ghost:disabled{opacity:.45;cursor:not-allowed}.btn-ghost:disabled:hover{background:var(--bg-surface)}.btn-ghost.small{padding:.28rem .55rem;font-size:.8rem}.btn-ghost.danger{color:var(--status-err-text);border-color:var(--status-err-border)}.btn-ghost.danger:hover{background:var(--status-err-bg)}.row-actions{display:flex;gap:var(--sp-2);justify-content:flex-end;white-space:nowrap}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0709128c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:50;padding:var(--sp-4);animation:fade-in .18s ease-out}.modal{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-round);width:100%;max-width:440px;box-shadow:0 32px 96px -24px #05081299;max-height:90vh;display:flex;flex-direction:column;animation:modal-in .24s cubic-bezier(.2,.9,.3,1)}.modal-wide{max-width:620px}.share-pages,.share-modes{display:flex;flex-wrap:wrap;gap:var(--sp-3) var(--sp-5);margin-bottom:var(--sp-2)}.share-page-opt{display:flex;align-items:center;gap:var(--sp-2);cursor:pointer}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border-subtle)}.modal-head h3{font-size:1.05rem}.modal-x{border:none;background:none;font-size:1.4rem;line-height:1;cursor:pointer;color:var(--text-secondary)}.modal-body{padding:var(--sp-5);overflow-y:auto}.admin-form{display:flex;flex-direction:column;gap:var(--sp-2)}.admin-form label{font-size:.82rem;font-weight:600;margin-top:var(--sp-2)}.admin-form input,.admin-form select,.admin-form textarea{padding:var(--sp-2) var(--sp-3);border:1px solid var(--border);border-radius:var(--r-round);font-size:.9rem;outline:none;width:100%}.admin-form input:focus,.admin-form select:focus,.admin-form textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 18%,transparent)}.ctl{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--r-soft);padding:.28rem .55rem;font-size:.85rem;font-family:inherit;height:2.1rem}.ctl:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 18%,transparent)}select.ctl{cursor:pointer}.ctl-date{width:12.5rem}.ctl-num,.admin-form input.ctl-num{width:5.5rem}.share-links-table{table-layout:fixed}.share-links-table th:nth-child(1){width:30%}.share-links-table th:nth-child(2){width:13%}.share-links-table th:nth-child(3){width:12%}.share-links-table th:nth-child(4){width:7%}.share-links-table td:first-child{white-space:normal;overflow-wrap:break-word}.share-links-table td,.share-links-table th{vertical-align:middle}.share-links-table td:last-child{display:flex;flex-wrap:wrap;gap:var(--sp-1);justify-content:flex-end}@media(max-width:768px){.share-links-scroll{overflow-x:auto}table.share-links-table{display:table;min-width:560px}}.admin-form input[type=radio],.admin-form input[type=checkbox]{width:auto;padding:0}.admin-form .radio-col{display:flex;flex-direction:column;gap:var(--sp-2)}.admin-form label.radio-opt{display:flex;align-items:flex-start;gap:.55rem;margin-top:0;font-weight:400;font-size:.88rem;color:var(--text-heading);cursor:pointer;text-align:left}.admin-form label.radio-opt input[type=radio]{flex:none;margin-top:.2rem}.radio-note{margin:.1rem 0 0 1.55rem}.switch-widget{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:var(--sp-2);height:100%}.switch-btn{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);width:100%;padding:.65rem .9rem;border:1px solid var(--border);border-radius:var(--r-round);background:var(--bg-muted);color:var(--text-heading);font-size:.95rem;font-weight:600;cursor:pointer;transition:border-color .15s ease,background .15s ease}.switch-btn:hover:not(:disabled){border-color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,transparent)}.switch-btn:disabled{opacity:.55;cursor:not-allowed}.switch-btn-arrow{font-size:1.05rem;color:var(--primary);flex:none}.admin-form.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2) var(--sp-4)}.admin-form.grid-2>div{display:flex;flex-direction:column}.code-area{font-family:var(--font-mono);font-size:.8rem}.form-actions{display:flex;justify-content:flex-end;gap:var(--sp-3);margin-top:var(--sp-5)}.form-tabs{display:flex;gap:var(--sp-1);border-bottom:1px solid var(--border-subtle);margin-bottom:var(--sp-4)}.form-tab{padding:var(--sp-2) .8rem;border:none;background:none;cursor:pointer;font-size:.85rem;color:var(--text-secondary);border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .13s,border-color .13s}.form-tab.on{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.warn-banner{background:var(--status-warn-bg);border:1px solid var(--status-warn-border);color:var(--status-warn-text);padding:var(--sp-3) var(--sp-3);border-radius:var(--r-round);font-size:.85rem;margin-bottom:var(--sp-4)}.secret-row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) 0}.secret-label{width:90px;flex:0 0 90px;font-size:.8rem;color:var(--text-secondary);font-weight:600}.secret-val{flex:1;background:var(--bg-muted);padding:var(--sp-2) .55rem;border-radius:var(--r-soft);font-family:var(--font-mono);font-size:.8rem;overflow-x:auto;white-space:nowrap}.admin-form.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--sp-2) var(--sp-4)}.admin-form.grid-3>div{display:flex;flex-direction:column}.detail-section{margin-top:var(--sp-6)}.detail-section h3{font-size:.95rem;margin-bottom:var(--sp-3)}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-3)}.section-head h3{margin-bottom:0}.alert-standing{background:var(--status-err-bg);border:1px solid var(--status-err-border);color:var(--status-err-text);padding:var(--sp-3) .8rem;border-radius:var(--r-round);font-size:.85rem;margin-bottom:var(--sp-4)}.ok-banner{background:var(--status-ok-bg);border:1px solid var(--status-ok-border);color:var(--status-ok-text);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-round);font-size:.85rem}.modbus-form{border:1px solid var(--border-subtle);border-radius:var(--r-round);padding:var(--sp-4)}.modbus-field>div{display:flex;flex-direction:column;min-width:0}.modbus-field input,.modbus-field select{width:100%;min-width:0}.modbus-fields-head{display:flex;align-items:center;justify-content:space-between;margin:var(--sp-4) 0 var(--sp-2);font-size:.82rem;font-weight:600;color:var(--text-heading)}.modbus-field{display:grid;grid-template-columns:1.6fr .7fr 1fr .8fr .8fr .9fr auto;gap:var(--sp-2);align-items:end;padding:var(--sp-2);border-radius:var(--r-round)}.modbus-field+.modbus-field{border-top:1px solid var(--bg-muted)}.modbus-field.field-warn{background:var(--status-warn-bg)}.modbus-field label{font-size:.7rem;color:var(--text-secondary);margin-top:0}.modbus-field input,.modbus-field select{padding:var(--sp-2) var(--sp-2);font-size:.82rem}.mf-del{align-self:end;height:2rem}.warn-tag{color:var(--status-warn-text)}.warn-banner .chk{display:flex;align-items:center;gap:var(--sp-2);margin-top:var(--sp-2);font-weight:600;font-size:.82rem}.warn-banner .chk input{width:auto}.alarm-preview{background:var(--status-info-bg);border:1px solid var(--status-info-border);color:var(--status-info-text);border-radius:var(--r-round);padding:.55rem var(--sp-3);font-size:.85rem;margin:var(--sp-3) 0}.channel-checks{display:flex;gap:var(--sp-4);padding:var(--sp-1) 0}.chk-inline{display:flex;align-items:center;gap:var(--sp-2);font-weight:500;font-size:.88rem}.chk-inline input{width:auto}.locked-fields{display:flex;flex-direction:column;gap:.2rem;background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--r-round);padding:var(--sp-3) var(--sp-3);margin-bottom:var(--sp-2)}.widget-slot{position:relative;height:100%}.ov-badge{position:absolute;top:6px;right:var(--sp-2);z-index:3;pointer-events:auto;display:inline-flex;align-items:center;gap:.28rem;background:color-mix(in srgb,var(--bg-surface) 88%,transparent);border:1px solid var(--border-subtle);border-radius:var(--r-pill);padding:.05rem var(--sp-2) .05rem var(--sp-2);font-size:.66rem;color:var(--text-secondary);box-shadow:0 1px 2px #00000014}.ov-dot{width:8px;height:8px;border-radius:var(--r-circle);flex:0 0 auto}.ov-badge-on .ov-dot{background:var(--status-ok-text)}.ov-badge-off .ov-dot{background:var(--danger)}.ov-badge-unk .ov-dot{background:var(--text-faint)}.ov-badge-txt{white-space:nowrap}.ov-alarm-border{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;border:2px solid var(--danger);border-radius:var(--r-round);box-shadow:0 0 0 2px color-mix(in srgb,var(--danger) 15%,transparent)}.ov-alarm-banner{position:absolute;top:46px;right:10px;z-index:3;pointer-events:none;max-width:62%;background:var(--danger);color:#fff;font-size:.68rem;font-weight:600;padding:.1rem var(--sp-2);border-radius:var(--r-pill);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 1px 3px #00000040}.ov-alarm-unknown{position:absolute;top:46px;right:10px;z-index:3;pointer-events:none;max-width:62%;background:var(--bg-muted);color:var(--text-secondary);border:1px solid var(--border-subtle);font-size:.68rem;font-weight:600;padding:.1rem var(--sp-2);border-radius:var(--r-pill);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.builder{display:flex;flex-direction:column;gap:var(--sp-2)}.builder-empty{border:1px dashed var(--border);border-radius:var(--r-round);padding:var(--sp-8);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);background:var(--bg-subtle)}.builder-empty h3{margin:0;font-size:1rem}.builder-empty p{margin:0;max-width:46ch}.builder-nowidget{border:1px dashed var(--border);border-radius:var(--r-round);padding:var(--sp-8);text-align:center;background:var(--bg-subtle)}.builder-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-2) .2rem;flex-wrap:wrap}.builder-bar-left,.builder-bar-right{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap}.pill-warn{background:var(--status-warn-bg);color:var(--status-warn-text);border-color:var(--status-warn-border)}.pill-reconn{background:var(--status-unk-bg, var(--bg-subtle));color:var(--text-secondary);border-color:var(--border-subtle);animation:reconn-pulse 1.6s ease-in-out infinite}@keyframes reconn-pulse{0%,to{opacity:1}50%{opacity:.55}}.bar-group{display:inline-flex;align-items:center;gap:var(--sp-3)}.bar-group+.bar-group{border-left:1px solid var(--border-subtle);padding-left:var(--sp-4)}@media(max-width:768px){.bar-group+.bar-group{border-left:none;padding-left:0}}.btn-primary.save-hot{box-shadow:0 0 0 3px var(--status-warn-border),0 8px 20px -10px color-mix(in srgb,var(--primary) 80%,transparent),inset 0 1px #ffffff38}.mode-toggle{display:inline-flex;border:1px solid var(--border);border-radius:var(--r-soft);overflow:hidden}.mode-btn{padding:.38rem var(--sp-4);border:none;background:var(--bg-surface);color:var(--text-secondary);font-size:.8rem;font-weight:600;letter-spacing:.01em;cursor:pointer}.mode-btn+.mode-btn{border-left:1px solid var(--border)}.mode-btn.on{background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 86%,#fff),var(--primary));color:#fff}.widget-drag-handle{position:absolute;top:0;left:0;right:0;height:30px;z-index:4;cursor:grab;display:flex;align-items:center;padding-left:var(--sp-2);border-top-left-radius:10px;border-top-right-radius:10px}.widget-drag-handle:active{cursor:grabbing}.widget-drag-handle:hover{background:color-mix(in srgb,var(--primary) 8%,transparent)}.drag-grip{color:var(--text-faint);font-size:.8rem;line-height:1;opacity:0;transition:opacity .12s}.widget-drag-handle:hover .drag-grip{opacity:1}.builder .react-grid-item:hover .widget-shell{border-color:var(--status-info-border)}.builder .react-grid-item.react-grid-placeholder{background:var(--primary);opacity:.18;border-radius:var(--r-round)}.palette{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap;padding:var(--sp-2) var(--sp-3);background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--r-round)}.palette-btn{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border:1px solid var(--border);border-radius:var(--r-round);background:var(--bg-surface);font-size:.82rem;font-weight:600;color:var(--text-heading);cursor:pointer}.palette-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--status-info-bg)}.palette-glyph{font-size:.9rem;line-height:1}.tab-badges{display:inline-flex;align-items:center;gap:.15rem;margin-left:.15rem}.page-actions{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap;padding:var(--sp-2) var(--sp-3);background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--r-round)}.page-actions-right{display:inline-flex;align-items:center;gap:.2rem;margin-left:auto}.danger-zone{margin-top:var(--sp-4);padding-top:.9rem;border-top:1px solid var(--border-subtle)}.viewer-page{display:flex;flex-direction:column;min-width:0}.viewer-tabs{flex-wrap:wrap}.viewer-toolbar{margin-left:auto;align-self:center;display:flex;align-items:center;gap:var(--sp-3);padding-left:var(--sp-4)}@media(max-width:768px){.viewer-toolbar{padding-left:var(--sp-2);flex-wrap:wrap;justify-content:flex-end;row-gap:.35rem}}.settings-body{display:flex;gap:var(--sp-6);align-items:flex-start;flex-wrap:wrap}.settings-subnav{display:flex;flex-direction:column;gap:.15rem;min-width:180px;border-right:1px solid var(--border-subtle);padding-right:var(--sp-3)}.settings-subnav-item{text-align:left;background:none;border:none;cursor:pointer;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-soft);font-size:.88rem;color:var(--text-secondary)}.settings-subnav-item:hover{background:var(--nav-hover);color:var(--text-primary)}.settings-subnav-item.on{background:var(--primary-bg);color:var(--primary);font-weight:600}.settings-content{flex:1;min-width:280px}.settings-section{display:flex;flex-direction:column;gap:var(--sp-4)}.settings-card{max-width:420px;margin:0}.settings-card h3{margin-bottom:var(--sp-1)}.stacked-form{display:flex;flex-direction:column;gap:var(--sp-2)}.widget-remove{position:absolute;top:3px;right:var(--sp-1);z-index:5;width:22px;height:22px;padding:0;line-height:1;border:none;border-radius:var(--r-soft);background:transparent;color:var(--text-faint);font-size:.8rem;cursor:pointer;opacity:0;transition:opacity .12s}.react-grid-item:hover .widget-remove{opacity:1}.widget-remove:hover{background:var(--status-err-bg);color:var(--status-err-text)}.widget-unconfigured{display:flex;flex-direction:column;gap:.2rem;align-items:center;text-align:center;color:var(--status-info-text);background:var(--status-info-bg);border:1px dashed var(--focus-ring);border-radius:var(--r-round);padding:var(--sp-2);font-size:.82rem}.canvas-measure{width:100%}.builder-body{display:flex;gap:var(--sp-4);align-items:flex-start}.canvas-viewport{flex:1;min-width:0}.config-ovl{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;padding:22px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--text-heading) 62%,transparent)}.config-panel{width:100%;max-width:1500px;height:100%;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-round);box-shadow:0 24px 70px -20px #080a168c;display:flex;flex-direction:column;overflow:hidden}.config-split{display:flex;flex:1;min-height:0}.config-preview{flex:1;min-width:0;padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-3);border-right:1px solid var(--border-subtle);background:var(--bg-subtle)}.config-preview-label{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}.config-preview-card{height:380px;display:flex}.config-preview-card>*{flex:1;min-width:0}.config-fields{flex:0 0 600px;width:600px;display:flex;flex-direction:column;min-height:0}.config-fields .config-body{flex:1;min-height:0;overflow-y:auto}@media(max-width:1100px){.config-split{flex-direction:column}.config-fields{flex:1 1 auto;width:auto}.config-preview{border-right:none;border-bottom:1px solid var(--border-subtle)}.config-preview-card{height:240px}}.config-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);padding:var(--sp-3) var(--sp-2) var(--sp-3) var(--sp-4);border-bottom:1px solid var(--bg-hover)}.config-head strong{font-size:.9rem}.config-close{padding:.2rem var(--sp-2);line-height:1}.config-body{padding:var(--sp-4);overflow-y:auto;flex:1;min-height:0}.config-panel .form-tabs{padding:0 var(--sp-4)}.config-status{padding:.55rem var(--sp-4);border-top:1px solid var(--bg-hover);font-size:.78rem}.config-status.info{background:var(--status-info-bg);color:var(--status-info-text)}.config-status.error{border-radius:0}.settings-page .config-preview{flex:none;border-right:none;border-bottom:1px solid var(--border-subtle)}.settings-page .settings-body{flex:1;min-height:0;gap:0;flex-wrap:nowrap;align-items:stretch}.settings-page .settings-subnav{padding:var(--sp-4) var(--sp-3);overflow-y:auto}.settings-page .settings-content{min-width:0;overflow-y:auto}.settings-page .config-preview-card{height:clamp(180px,35vh,320px)}.settings-page .settings-body{overflow:hidden}.settings-page .settings-content{min-height:0}.settings-page .settings-actions{flex:none}.settings-preview-toggle,.settings-page.pratonton-tutup .config-preview-card{display:none}@media(max-height:700px){.settings-preview-toggle{display:inline-block;margin-left:auto;font-size:.72rem;background:none;border:none;color:var(--text-secondary);cursor:pointer}.settings-page .config-preview-card{height:clamp(140px,26vh,220px)}}.widget-config{position:absolute;top:3px;right:28px;z-index:5;width:22px;height:22px;padding:0;line-height:1;border:none;border-radius:var(--r-soft);background:transparent;color:var(--text-faint);font-size:.78rem;cursor:pointer;opacity:0;transition:opacity .12s}.react-grid-item:hover .widget-config{opacity:1}.widget-config:hover{background:var(--primary-bg);color:var(--primary)}.widget-config.on{opacity:1;background:var(--primary-bg);color:var(--primary)}.ds-picker{margin-top:.9rem;display:flex;flex-direction:column;gap:var(--sp-2)}.ds-head{display:flex;align-items:baseline;justify-content:space-between}.ds-row{display:flex;flex-direction:column;gap:var(--sp-1);padding:var(--sp-2);border:1px solid var(--bg-hover);border-radius:var(--r-round);background:var(--bg-subtle)}.ds-row-main{display:flex;gap:var(--sp-1);align-items:center}.ds-row-main select{flex:1;min-width:0;padding:var(--sp-2);border:1px solid var(--border);border-radius:var(--r-soft);font-size:.82rem}.ds-del{padding:.2rem var(--sp-2);line-height:1}.ds-level{display:flex;gap:var(--sp-3)}.ds-radio{display:flex;align-items:center;gap:var(--sp-1);font-size:.78rem;font-weight:400;color:var(--text-heading)}.ds-add{align-self:flex-start;font-size:.8rem}.type-form{display:flex;flex-direction:column;gap:var(--sp-1);margin-top:.9rem;padding-top:var(--sp-3);border-top:1px solid var(--bg-hover)}.type-form label{font-size:.8rem;font-weight:600;margin-top:var(--sp-2)}.type-form input[type=text],.type-form input:not([type]){padding:var(--sp-2);border:1px solid var(--border);border-radius:var(--r-soft);font-size:.85rem}.thr-head{display:flex;align-items:baseline;justify-content:space-between;margin-top:var(--sp-3)}.thr-add{font-size:.78rem;padding:.2rem var(--sp-2)}.thr-row{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.thr-gte{flex:1;min-width:0;padding:var(--sp-2);border:1px solid var(--border);border-radius:var(--r-soft);font-size:.82rem}.thr-row input[type=color]{width:34px;height:30px;padding:0;border:1px solid var(--border);border-radius:var(--r-soft);background:none;cursor:pointer}.thr-del{padding:.2rem var(--sp-2);line-height:1}.thr-err{flex-basis:100%}.req{color:var(--status-err-text);font-size:.68rem;font-weight:700;margin-left:var(--sp-1)}.tr-field{display:flex;flex-direction:column;gap:var(--sp-1);margin-top:var(--sp-2)}.tr-mode{display:flex;gap:var(--sp-3)}.tr-presets{display:flex;gap:var(--sp-1);flex-wrap:wrap}.preset{padding:var(--sp-1) .55rem;border:1px solid var(--border);border-radius:var(--r-soft);background:var(--bg-surface);font-size:.78rem;cursor:pointer}.preset:hover{border-color:var(--primary);color:var(--primary)}.preset.on{background:var(--primary);color:#fff;border-color:var(--primary)}.tr-custom{display:flex;align-items:center;gap:var(--sp-2)}.tr-custom input{width:90px;padding:var(--sp-2);border:1px solid var(--border);border-radius:var(--r-soft);font-size:.82rem}.tr-abs{display:flex;flex-direction:column;gap:var(--sp-1)}.tr-abs input{padding:var(--sp-2);border:1px solid var(--border);border-radius:var(--r-soft);font-size:.82rem}.series-row{padding:var(--sp-2);border:1px solid var(--bg-hover);border-radius:var(--r-round);background:var(--bg-subtle);margin-top:var(--sp-1)}.series-name{font-size:.78rem;font-weight:600;color:var(--text-heading);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:var(--sp-1)}.series-fields{display:flex;gap:var(--sp-1);align-items:center}.series-label{flex:1;min-width:0;padding:var(--sp-1);border:1px solid var(--border);border-radius:var(--r-soft);font-size:.8rem}.series-fields input[type=color]{width:32px;height:28px;padding:0;border:1px solid var(--border);border-radius:var(--r-soft);background:none;cursor:pointer}.series-fields select{padding:var(--sp-1);border:1px solid var(--border);border-radius:var(--r-soft);font-size:.78rem;max-width:110px}.da-series{padding:var(--sp-2);border:1px solid var(--bg-hover);border-radius:var(--r-round);background:var(--bg-subtle);margin-top:var(--sp-2)}.da-series-head{display:flex;gap:var(--sp-1);align-items:center}.da-series-head select{flex:1;min-width:0;padding:.32rem;border:1px solid var(--border);border-radius:var(--r-soft);font-size:.8rem}.da-series-head select[aria-label=Axis]{flex:0 0 78px}.da-series-fields{display:flex;gap:var(--sp-1);align-items:center;margin-top:var(--sp-1)}.da-thr-toggle{margin-top:var(--sp-2)}.da-solid{display:flex;align-items:center;gap:var(--sp-2);margin-top:var(--sp-1)}.da-solid input[type=color]{width:34px;height:30px;padding:0;border:1px solid var(--border);border-radius:var(--r-soft);background:none;cursor:pointer}.da-thresholds{margin-top:var(--sp-1);display:flex;flex-direction:column;gap:var(--sp-1)}.refresh-control{display:inline-flex;align-items:center;gap:var(--sp-1)}.refresh-icon{color:var(--text-secondary);font-size:.9rem}.refresh-src{font-size:.72rem}.save-blockers{margin:var(--sp-2) 0;padding:var(--sp-3) var(--sp-4);background:var(--status-warn-bg);border:1px solid var(--status-warn-border);border-radius:var(--r-round);color:var(--status-warn-text)}.save-blockers ul{margin:var(--sp-1) 0 0;padding-left:1.1rem}.save-blockers li{font-size:.82rem;margin:.15rem 0}.save-error{margin:var(--sp-2) 0}.tf-control{display:inline-flex;align-items:center;gap:var(--sp-2)}.tf-custom{display:inline-flex;align-items:center;gap:var(--sp-1)}.tf-pin-note{margin:0 0 var(--sp-2);padding:var(--sp-1) var(--sp-3);background:var(--status-warn-bg);border:1px solid var(--status-warn-border);border-radius:var(--r-soft);color:var(--status-warn-text)}.metric-grid{display:grid;gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.metric-grid.wide{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.metric-grid.pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-2)}.metric-grid.mini{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--sp-2)}.metric-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-round);padding:var(--sp-4);display:flex;flex-direction:column;transition:opacity .16s ease}.metric-card.dim{opacity:.55}.metric-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);margin-bottom:var(--sp-3)}.metric-name{font-size:.75rem;font-weight:600;color:var(--text-heading)}.metric-tech{font-size:.66rem;font-weight:500;color:var(--text-faint);white-space:nowrap}.metric-value{font-size:1.75rem;font-weight:750;line-height:1;color:var(--text-primary);font-variant-numeric:tabular-nums}.metric-value.mono{font-family:var(--font-mono);font-size:1.2rem;font-weight:600;letter-spacing:.01em;word-break:break-all}.flow-shell [data-state=ok]{--tone: var(--status-ok-text);--tone-bg: var(--status-ok-bg);--tone-border: var(--status-ok-border)}.flow-shell [data-state=slow]{--tone: var(--status-warn-text);--tone-bg: var(--status-warn-bg);--tone-border: var(--status-warn-border)}.flow-shell [data-state=stopped]{--tone: var(--status-err-text);--tone-bg: var(--status-err-bg);--tone-border: var(--status-err-border)}.flow-shell [data-state=unknown]{--tone: var(--text-secondary);--tone-bg: var(--bg-muted);--tone-border: var(--border-subtle)}.flow-shell{border:1px solid var(--border-subtle);border-radius:var(--r-round);padding:var(--sp-4);margin-bottom:var(--sp-4)}.flow-head{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap;margin-bottom:var(--sp-3)}.flow-title{margin:0;font-size:1rem;font-weight:700}.flow-watching{margin-left:auto}.flow-verdict{border:1px solid var(--tone-border);background:var(--tone-bg);border-radius:var(--r-round);padding:var(--sp-3) var(--sp-4);margin-bottom:var(--sp-4)}.flow-verdict-where{font-size:.92rem;font-weight:700;color:var(--tone)}.flow-verdict-meaning{font-size:.82rem;color:var(--text-primary);margin-top:var(--sp-1)}.flow-verdict-advice{font-family:var(--font-mono);font-size:.72rem;color:var(--text-secondary);margin-top:var(--sp-2);padding-top:var(--sp-2);border-top:1px solid var(--tone-border);word-break:break-word}.flow-zone{border-radius:var(--r-round);padding:var(--sp-3)}.flow-zone.site{border:1px dashed var(--border)}.flow-zone.server{border:1px solid var(--border)}.flow-zone-label{font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);margin-bottom:var(--sp-2)}.flow-stage{display:flex;gap:var(--sp-3);align-items:flex-start;border:1px solid var(--border-subtle);border-left:3px solid var(--tone);border-radius:var(--r-round);padding:var(--sp-3);background:var(--bg-surface)}.flow-step{flex:none;width:26px;height:26px;border-radius:var(--r-circle);display:flex;align-items:center;justify-content:center;background:var(--tone-bg);color:var(--tone);border:1px solid var(--tone-border);font-size:.78rem;font-weight:750;font-variant-numeric:tabular-nums}.flow-stage-body{min-width:0;flex:1}.flow-stage-top{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.flow-stage-icon{color:var(--tone);display:flex;flex:none}.flow-stage-name{font-size:.92rem;font-weight:700;color:var(--text-heading)}.flow-stage-state{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--tone);border:1px solid var(--tone-border);background:var(--tone-bg);border-radius:var(--r-pill);padding:1px var(--sp-2)}.flow-watch{margin-left:auto}.flow-stage-tech{font-size:.68rem;color:var(--text-faint);margin-top:2px}.flow-stage-headline{font-size:.78rem;color:var(--text-primary);margin-top:var(--sp-1)}.flow-stage-note{font-size:.78rem;font-weight:600;color:var(--tone);margin-top:var(--sp-1)}.flow-stage-meta{font-size:.72rem;color:var(--text-secondary);line-height:1.45;margin-top:2px}.flow-spark{width:100%;height:16px;margin-top:var(--sp-1);color:var(--tone)}.flow-expand{background:var(--bg-muted);border-radius:var(--r-round);padding:var(--sp-2);margin-top:var(--sp-2)}.flow-expand-row{display:flex;justify-content:space-between;gap:var(--sp-2);font-size:.74rem;padding:1px 0}.flow-link{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-1) 0 var(--sp-1) var(--sp-2);color:var(--tone)}.flow-link.hop{margin:var(--sp-2) 0;padding-left:var(--sp-5)}.flow-link-arrow{width:14px;height:26px;flex:none}.flow-link-shaft{stroke:var(--tone);stroke-width:1.6}.flow-link-head{stroke:var(--tone);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.flow-link[data-state=slow] .flow-link-shaft{stroke-dasharray:5 3}.flow-link[data-state=stopped] .flow-link-shaft{stroke-dasharray:3 3}.flow-link[data-state=unknown] .flow-link-shaft{stroke-dasharray:1 4}.flow-link-body{display:flex;align-items:baseline;gap:var(--sp-2);flex-wrap:wrap;min-width:0}.flow-link-carries{font-size:.74rem;font-weight:600;color:var(--tone)}.flow-link-tech{font-size:.66rem;color:var(--text-faint)}.flow-link-note{font-size:.74rem;font-weight:600;color:var(--tone)}.flow-link-note:before{content:"— "}.flow-strip{display:flex;gap:var(--sp-3);align-items:center;flex-wrap:wrap;border:1px solid var(--border-subtle);border-radius:var(--r-round);padding:var(--sp-2) var(--sp-3);margin-top:var(--sp-3)}.flow-strip-icon{color:var(--text-secondary);display:flex}.flow-strip-title{font-weight:600;font-size:.82rem}.flow-strip-sub{font-size:.68rem}.flow-strip-why{margin-left:auto}.flow-strip-why summary{cursor:pointer}.flow-strip-why ul{margin:var(--sp-1) 0 0 var(--sp-4);max-width:520px}.flow-customers{margin-top:var(--sp-3)}.flow-customers-head{display:flex;align-items:baseline;gap:var(--sp-2);margin-bottom:var(--sp-2);font-size:.82rem}.flow-cust-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--sp-2)}.flow-cust{display:flex;align-items:center;gap:var(--sp-2);min-width:0;border:1px solid var(--border-subtle);border-radius:var(--r-round);padding:var(--sp-2);background:var(--bg-surface)}.flow-cust-dot{width:8px;height:8px;border-radius:var(--r-circle);background:var(--tone);flex:none}.flow-cust-body{min-width:0;flex:1}.flow-cust-name{font-size:.78rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flow-cust-meta{font-size:.66rem}.flow-explain{font-size:.85rem;line-height:1.65;padding-left:18px}.flow-lead{font-size:.88rem}.flow-note{margin-top:var(--sp-2)}.flow-empty{margin:0}.flow-sub-h{margin-top:var(--sp-4)}.why-list{margin-top:var(--sp-2)}.why-list summary{cursor:pointer}.why-list ul{margin:var(--sp-2) 0 0 var(--sp-4)}.secmap-row-k{width:170px;flex:0 0 170px}.secmap-row-v{flex:1;font-size:.85rem}.secmap-table{margin:var(--sp-2) 0 var(--sp-3)}.secmap-table.tight{margin:var(--sp-2) 0}.secmap-table.below{margin:var(--sp-3) 0 0}.secmap-users{margin-top:var(--sp-3)}.secmap-lastdata{display:flex;flex-direction:column;gap:2px}.secmap-lastdata-top{display:flex;align-items:center;gap:var(--sp-1)}.secmap-note{margin:var(--sp-2) 0 0;max-width:68ch;line-height:1.45}.pu-recovery{margin-top:var(--sp-2);max-width:76ch;line-height:1.5}.pu-recovery code{font-family:var(--font-mono);font-size:.94em}.profile-form{display:flex;flex-direction:column;gap:var(--sp-3);max-width:620px}.profile-avatar-row{display:flex;align-items:center;gap:14px}.profile-avatar{width:48px;height:48px;font-size:16px}.profile-preview-name{font-weight:600}.profile-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--sp-3)}.profile-fields .fld{display:flex;flex-direction:column;gap:4px;min-width:0}.profile-fields .fld>span:first-child{font-weight:600;font-size:.8rem}.profile-actions{display:flex;align-items:center;gap:var(--sp-2)}.settings-hint{margin:0 0 var(--sp-3)}.pu-scope{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.pu-sections{display:inline-flex;flex-wrap:wrap;gap:4px;text-align:left}.ac-sh{display:flex;align-items:baseline;gap:var(--sp-2);flex-wrap:wrap;padding:var(--sp-3) var(--sp-3) 0}.ac-sh h2{margin:0;font-size:.95rem}.audit-detail{max-width:34ch}.audit-arrow{font-size:.68rem;word-break:break-word;white-space:normal}.audit-nr{font-size:.66rem;font-style:italic;color:var(--text-secondary);opacity:.8}.pu-matrix{margin-top:var(--sp-3)}.pu-eps{font-size:.62rem;opacity:.75;margin-top:2px;word-break:break-word}.pu-yes{color:var(--text-primary);font-weight:700}.pu-part{color:var(--text-secondary);font-size:.7rem;border:1px dashed var(--border-subtle);border-radius:var(--r-sm, 4px);padding:0 5px}.pu-no{color:var(--text-faint, var(--text-secondary))}.pu-key{display:inline-block;padding:0 6px;border-radius:var(--r-sm, 4px);background:var(--bg-muted);color:var(--text-secondary);border:1px solid var(--border-subtle);font-size:.68rem;line-height:1.5}.push-right{margin-left:auto}.audit-filters{display:flex;gap:var(--sp-3);align-items:flex-end;flex-wrap:wrap;margin-bottom:var(--sp-2)}.audit-filters label{display:grid;gap:var(--sp-1)}.audit-filter-k{font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint)}.audit-window{margin:0 0 var(--sp-3)}.audit-scroll{overflow-x:auto;min-width:0}.audit-table code{font-family:var(--font-mono);font-size:.74rem}.audit-table .nowrap{white-space:nowrap}.audit-target-id{font-family:var(--font-mono);font-size:.64rem;color:var(--text-faint);max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audit-meta{margin:var(--sp-2) 0 0;padding:var(--sp-2);background:var(--bg-muted);border-radius:var(--r-round);font-family:var(--font-mono);font-size:.7rem;max-width:520px;overflow-x:auto}.audit-more{margin-top:var(--sp-3);display:flex;justify-content:center}.tkey-bar{display:flex;gap:var(--sp-3);align-items:center;flex-wrap:wrap;margin-bottom:var(--sp-4)}.tkey-search{flex:1;min-width:220px}.tkey-collisions{margin:var(--sp-2) 0 0 var(--sp-4);font-size:.8rem}.tkey-collisions code{font-family:var(--font-mono);margin-right:var(--sp-2)}.tkey-drift-count{color:var(--status-warn-text)}.tkey-group{border:1px solid var(--border-subtle);border-radius:var(--r-round);padding:var(--sp-3);margin-bottom:var(--sp-3)}.tkey-group[data-drift=yes]{border-left:3px solid var(--status-warn-text)}.tkey-group-head{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap;margin-bottom:var(--sp-2)}.tkey-name{font-family:var(--font-mono);font-size:.9rem;font-weight:600;-webkit-user-select:all;user-select:all}.tkey-drift{font-size:.66rem}.tkey-odd{color:var(--status-warn-text);font-weight:600}.sections-pick{display:grid;gap:var(--sp-2);margin:var(--sp-3) 0}.sections-pick-row{display:flex;gap:var(--sp-2);align-items:flex-start;cursor:pointer}.sections-pick-row input{margin-top:3px;flex:none}.sections-pick-name{display:block;font-size:.85rem;font-weight:600}.sections-pick-blurb{display:block;line-height:1.4}.sections-diff{border-left:3px solid var(--border);padding:var(--sp-2) var(--sp-3);margin-top:var(--sp-3);display:grid;gap:var(--sp-1);font-size:.8rem}.stale-banner{margin-bottom:var(--sp-4)}.flow-toolbar{display:flex;gap:var(--sp-2);align-items:center;flex-wrap:wrap;margin-bottom:var(--sp-3)}.flow-filter{flex:1;min-width:140px}.flow-log{max-height:48vh;overflow-y:auto;background:var(--bg-muted);border-radius:var(--r-round);padding:var(--sp-2);font-family:var(--font-mono);font-size:.76rem}.flow-log-row{display:flex;gap:var(--sp-3);padding:1px 0;white-space:nowrap}.flow-log-topic{color:var(--primary)}.flow-log-payload{flex:1;overflow:hidden;text-overflow:ellipsis}@media(max-width:768px){.flow-shell{padding:var(--sp-3)}.flow-stage{padding:var(--sp-2);gap:var(--sp-2)}.flow-watch{margin-left:0}.flow-log-row{white-space:normal}}.secmenu{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 var(--sp-1)}.secmenu-link{display:inline-flex;align-items:center;gap:6px;padding:var(--sp-2) var(--sp-3);border:1px solid var(--border-subtle);border-radius:var(--r-pill);font-size:.78rem;font-weight:600;color:var(--text-secondary);background:var(--bg-surface);text-decoration:none;white-space:nowrap;transition:background .14s ease,color .14s ease,border-color .14s ease}.secmenu-link:hover{background:var(--bg-hover);color:var(--text-primary)}.secmenu-link.on{background:color-mix(in srgb,var(--primary) 14%,transparent);border-color:color-mix(in srgb,var(--primary) 38%,transparent);color:var(--primary)}.secmenu-link.locked{opacity:.5;cursor:not-allowed;background:none}.secmenu-link.locked:hover{background:none;color:var(--text-secondary)}.secmenu-blurb{margin:0 0 var(--sp-3)}.metric-card.identity{grid-column:1 / -1}.identity-row{display:flex;align-items:baseline;gap:var(--sp-3);flex-wrap:wrap}.identity-row .metric-meta{margin-top:0}.metric-unit{font-size:.75rem;font-weight:500;color:var(--text-faint);margin-left:var(--sp-1)}.metric-meta{font-size:.72rem;font-weight:450;color:var(--text-secondary);line-height:1.5;margin-top:var(--sp-1)}.metric-micro{font-size:.66rem;font-weight:500;color:var(--text-faint)}.metric-section{margin-top:var(--sp-6)}.metric-section-head{display:flex;align-items:baseline;gap:var(--sp-2);margin-bottom:var(--sp-2)}.metric-section-title{margin:0;font-size:.68rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--text-secondary)}.metric-box{border:1px solid var(--border-subtle);border-radius:var(--r-round);padding:var(--sp-3);background:var(--bg-subtle);transition:opacity .16s ease}.metric-box.dim{opacity:.55}.metric-box-k{font-size:.66rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-faint)}.metric-box-k .tech{text-transform:none;letter-spacing:0}.metric-box-v{font-size:.95rem;font-weight:750;color:var(--text-primary);font-variant-numeric:tabular-nums;margin-top:var(--sp-1)}.metric-meter{margin-top:var(--sp-3)}.metric-meter-track{position:relative;height:8px;border-radius:var(--r-sharp);overflow:hidden}.metric-meter-fill{position:absolute;inset:0 auto 0 0;border-radius:var(--r-sharp);transition:width .4s ease,background .16s ease}.metric-ticks{position:relative;height:12px;margin-top:var(--sp-1)}.metric-tick{position:absolute;font-size:.58rem;color:var(--text-faint)}.metric-zonekey{display:flex;gap:var(--sp-3);flex-wrap:wrap;margin-top:var(--sp-2);font-size:.66rem;color:var(--text-faint)}.legend-row{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-1) 0;font-size:.72rem}.legend-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.legend-val{font-weight:700;font-variant-numeric:tabular-nums}.legend-pct{font-size:.66rem;color:var(--text-faint);width:40px;text-align:right;font-variant-numeric:tabular-nums}.legend-free{border-top:1px solid var(--border-subtle);margin-top:var(--sp-1);padding-top:var(--sp-2)}.not-readable{font-size:.78rem;font-weight:700;color:var(--text-secondary);letter-spacing:.02em}.acc-row{border:1px solid var(--border-subtle);border-radius:var(--r-round);margin-bottom:var(--sp-2);overflow:hidden;background:var(--bg-surface)}.acc-head{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);width:100%;background:none;border:none;cursor:pointer;text-align:left;color:inherit;font:inherit}.acc-head:hover{background:var(--bg-hover)}.acc-chev{width:10px;font-size:.66rem;color:var(--text-faint);transition:transform .16s ease}.acc-chev.open{transform:rotate(90deg)}.acc-name{font-weight:600;font-size:.8rem}.acc-right{margin-left:auto;display:flex;align-items:center;gap:var(--sp-3)}.acc-size{font-weight:700;font-variant-numeric:tabular-nums;font-size:.78rem;min-width:64px;text-align:right}.acc-body{border-top:1px solid var(--border-subtle);background:var(--bg-subtle);padding:var(--sp-4)}.bar-track{height:4px;border-radius:var(--r-sharp);background:var(--bg-muted);overflow:hidden;flex:none;width:96px}.bar-fill{display:block;height:100%;transition:width .4s ease}.dot{width:6px;height:6px;border-radius:var(--r-circle);flex:none}.metric-banner{margin-top:var(--sp-3);border-radius:var(--r-round);padding:var(--sp-2) var(--sp-3);font-size:.72rem;border:1px solid var(--status-err-border);background:var(--status-err-bg);color:var(--status-err-text)}.metric-foot{border-top:1px solid var(--border-subtle);margin-top:var(--sp-3);padding-top:var(--sp-3);display:grid;gap:var(--sp-1)}.admin-nav.collapsed{width:56px;flex:0 0 56px;padding:var(--sp-4) var(--sp-2);align-items:center}.admin-nav.collapsed .admin-nav-group,.admin-nav.collapsed .nav-label{display:none}.admin-nav.collapsed .admin-nav-link{text-align:center;justify-content:center;padding:.48rem 0;width:40px}.admin-nav-link{display:flex;align-items:center;gap:.55rem}.i{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none;vertical-align:-3px}.i-flip{transform:scaleX(-1)}.age{font:400 13px var(--font-mono);color:var(--text-secondary);font-variant-numeric:tabular-nums;white-space:nowrap}.age-off{color:var(--status-err-text)}th.age-h,td.age-td{text-align:right}.crumb{display:flex;align-items:center;gap:var(--sp-2);font-size:13px;color:var(--text-secondary);white-space:nowrap}.crumb a{color:var(--text-secondary);text-decoration:none}.crumb a:hover{color:var(--text-primary)}.crumb .sep{color:var(--text-faint)}.picker{position:relative;flex:none}.picker-btn{display:flex;align-items:center;gap:var(--sp-2);height:30px;padding:0 var(--sp-2) 0 var(--sp-3);border:1px solid var(--border);border-radius:var(--r-soft);background:var(--bg-surface);color:var(--text-primary);font:600 13px var(--font-ui);cursor:pointer;white-space:nowrap}.picker-btn:hover{background:var(--row-hover)}.picker-btn .i-primary{color:var(--primary)}.picker-btn .i-chev{opacity:.6}.menu{position:absolute;top:36px;left:0;z-index:50;min-width:252px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-round);box-shadow:0 10px 28px -12px #0006;padding:var(--sp-2)}.menu-l{font:600 10px var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);padding:var(--sp-2) var(--sp-3) var(--sp-1)}.mi{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-soft);font-size:14px;color:var(--text-secondary);white-space:nowrap;text-decoration:none}.mi:hover{background:var(--row-hover);color:var(--text-primary)}.mi.on{background:var(--primary-bg);color:var(--primary);font-weight:600}.menu-sep{height:1px;background:var(--border-subtle);margin:var(--sp-2) var(--sp-1)}.mi.danger{color:var(--status-err-text)}.mi.danger:hover{background:var(--status-err-bg)}.mi-act{width:100%;border:0;background:none;cursor:pointer;font:inherit;text-align:left}.mi-act[aria-disabled=true]{opacity:.6;cursor:default}.mi-act[aria-disabled=true]:hover{background:none;color:var(--text-secondary)}.mi-err{padding:var(--sp-1) var(--sp-3);font-size:12px;color:var(--status-err-text)}.bar-tenant{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-4)}.vitals{background:var(--bg-surface);border:1px solid var(--card-edge);border-radius:var(--r-card);box-shadow:var(--card-shadow);margin-bottom:var(--sp-4);overflow:hidden}.vitals-t{text-align:center;padding:var(--sp-6) var(--sp-5) var(--sp-5)}.vitals-t h2{font:600 32px/1 var(--font-display);letter-spacing:-.03em;color:var(--text-primary);margin:0}.vitals-t h2 .pill{vertical-align:middle;margin-left:var(--sp-2)}.kpis{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--border-subtle)}.kpi{padding:var(--sp-5);border-left:1px solid var(--border-subtle);text-align:center}.kpi:first-child{border-left:0}.kpi-k{display:inline-flex;align-items:center;gap:var(--sp-2);font:600 10px var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary)}.kpi-v{font:600 30px/1 var(--font-mono);letter-spacing:-.02em;color:var(--text-primary);margin-top:var(--sp-3);font-variant-numeric:tabular-nums}.kpi-v small{font:400 14px var(--font-ui);color:var(--text-secondary);letter-spacing:0}.kpi-s{margin-top:var(--sp-3);font-size:12px;color:var(--text-secondary)}.kpi-s em{font-style:normal;color:var(--status-warn-text)}.kpi-gagal{font:500 14px var(--font-ui);color:var(--text-secondary)}.tenant-cols{display:grid;grid-template-columns:1fr 340px;gap:var(--sp-4);align-items:start}.dl-k{font:600 10px var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);padding:var(--sp-3) 0 var(--sp-1)}.tenant-cols .user-card dl{grid-template-columns:88px 1fr}.tenant-cols .user-card dd{min-width:0;overflow-wrap:anywhere}.tenant-cols .user-card code{overflow-wrap:anywhere}.dd-id{flex-wrap:wrap}.dd-id{display:flex;align-items:center;gap:var(--sp-2)}@media(max-width:1080px){.kpis{grid-template-columns:repeat(2,1fr)}.kpi:nth-child(3){border-left:0}.kpi:nth-child(n+3){border-top:1px solid var(--border-subtle)}.tenant-cols{grid-template-columns:1fr}.vitals-t h2{font-size:26px}}.nav-icon{flex:none;width:16px;text-align:center;opacity:.85;display:inline-flex;justify-content:center}.nav-toggle{margin-bottom:var(--sp-2);padding:var(--sp-2) var(--sp-2);border-radius:var(--r-soft);cursor:pointer;background:none;border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:.8rem;line-height:1;transition:background .13s,color .13s}.nav-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}@media(max-width:768px){.nav-toggle{display:none}.admin-nav.collapsed{width:auto;flex:none;padding:var(--sp-2) var(--sp-3)}.admin-nav.collapsed .nav-label{display:inline}.admin-nav.collapsed .admin-nav-link{width:auto;padding:.48rem .65rem}}.donut-row{display:flex;gap:var(--sp-4);align-items:center;flex-wrap:wrap}.donut{width:144px;height:144px;flex:none}.donut-legend{flex:1;min-width:200px}.svc-bars{display:flex;gap:var(--sp-1);margin-top:var(--sp-3)}.svc-bar{flex:1;height:4px;border-radius:var(--r-sharp)}.pill-mini{font-size:.62rem;padding:1px 5px;margin-left:6px;vertical-align:middle}.hmi-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);border:1px solid var(--border);background:var(--bg-muted);color:var(--text-heading);font-family:var(--font-ui);font-weight:600;cursor:pointer;position:relative;transition:border-color .15s ease,background .15s ease,opacity .15s ease}.hmi-btn:hover:not(:disabled){border-color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,transparent)}.hmi-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.hmi-btn-rect{border-radius:var(--r-soft)}.hmi-btn-pill{border-radius:var(--r-pill)}.hmi-btn-circle{border-radius:var(--r-circle);aspect-ratio:1;padding:0}.hmi-btn-square{border-radius:var(--r-sharp);aspect-ratio:1;padding:0}.hmi-btn-triangle{border-radius:var(--r-sharp);background:none;border:none;padding:0}.hmi-btn-sm{min-height:28px;padding:.2rem .55rem;font-size:.75rem}.hmi-btn-md{min-height:38px;padding:var(--sp-2) var(--sp-4);font-size:.88rem}.hmi-btn-lg{min-height:52px;padding:var(--sp-3) 1.15rem;font-size:1rem}.hmi-btn-circle.hmi-btn-sm,.hmi-btn-square.hmi-btn-sm{width:28px}.hmi-btn-circle.hmi-btn-md,.hmi-btn-square.hmi-btn-md{width:38px}.hmi-btn-circle.hmi-btn-lg,.hmi-btn-square.hmi-btn-lg{width:52px}.hmi-btn-pending{opacity:.7;cursor:progress;border-style:dashed}.hmi-btn-ok{border-color:var(--status-ok-border);background:var(--status-ok-bg)}.hmi-btn-failed{border-color:var(--status-err-border);background:var(--status-err-bg)}.hmi-btn-timeout{border-color:var(--status-warn-border);background:var(--status-warn-bg)}.hmi-btn-disabled,.hmi-btn-unavailable{cursor:not-allowed}.hmi-btn-disabled{opacity:.5}.hmi-btn-unavailable{opacity:.5;border-style:dotted}.hmi-btn-reason{display:block;margin-top:var(--sp-1);line-height:1.35}.hmi-btn-triangle svg{display:block;transition:transform .15s ease}.hmi-tri-up{transform:rotate(0)}.hmi-tri-right{transform:rotate(90deg)}.hmi-tri-down{transform:rotate(180deg)}.hmi-tri-left{transform:rotate(270deg)}.hmi-btn-triangle:hover:not(:disabled) svg{transform:scale(1.06)}.hmi-btn-triangle.hmi-btn-sm svg{width:22px;height:22px}.hmi-btn-triangle.hmi-btn-md svg{width:32px;height:32px}.hmi-btn-triangle.hmi-btn-lg svg{width:44px;height:44px}.hmi-lamp-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-2);height:100%}.hmi-lamp{display:block;width:44px;height:44px;border:2px solid var(--border);flex:none}.hmi-lamp-circle{border-radius:var(--r-circle)}.hmi-lamp-square{border-radius:var(--r-soft)}.hmi-lamp-unknown{background:repeating-linear-gradient(45deg,var(--bg-muted),var(--bg-muted) 5px,transparent 5px,transparent 10px)}.hmi-lamp-value{font-family:var(--font-mono);font-size:1.05rem;font-weight:600;color:var(--text-heading)}.hmi-signal{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-2);height:100%}.hmi-signal-bars{display:flex;align-items:flex-end;gap:var(--sp-1);height:44px}.hmi-signal-bar{width:9px;background:var(--bg-muted);border:1px solid var(--border-subtle);border-radius:var(--r-sharp)}.hmi-signal-bar-on{background:var(--primary);border-color:var(--primary)}.hmi-signal-value{font-family:var(--font-mono);font-size:.95rem;font-weight:600;color:var(--text-heading)}.hmi-signal-bar-on.hmi-signal-ok{background:var(--status-ok-text);border-color:var(--status-ok-text)}.hmi-signal-bar-on.hmi-signal-warn{background:var(--status-warn-text);border-color:var(--status-warn-text)}.hmi-signal-bar-on.hmi-signal-crit{background:var(--status-err-text);border-color:var(--status-err-text)}.hmi-signal-bar-weak{opacity:.55}.hdr-signal{display:inline-flex;align-items:center;gap:var(--sp-2)}.hdr-signals-more{position:relative}.monitor-signals{height:24px;box-sizing:border-box;width:fit-content;margin-left:auto;margin-right:var(--monitor-exit-slot, 6rem);display:flex;align-items:center;gap:var(--sp-3);padding:0 var(--sp-2);border:1px solid var(--border);border-radius:var(--r-soft);background:var(--bg-surface)}.hdr-signals-more>summary{display:inline-flex;align-items:center;gap:var(--sp-2);cursor:pointer;list-style:none}.hdr-signals-more>summary::-webkit-details-marker{display:none}.hdr-signals-list{position:absolute;right:0;top:calc(100% + .4rem);z-index:20;display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-3) var(--sp-3);white-space:nowrap;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-round);box-shadow:var(--card-shadow)}.hmi-btn-grid{display:grid;gap:.55rem;padding:.2rem}.hmi-btn-wrap{display:flex;flex-direction:column;align-items:stretch;gap:.15rem;min-width:0}.hmi-btn-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hmi-band-toggle{display:flex;align-items:center;gap:var(--sp-2);margin-top:var(--sp-1);cursor:pointer}.hmi-form-btn{border:1px solid var(--border-subtle);border-radius:var(--r-soft);padding:var(--sp-3);margin:var(--sp-2) 0;display:flex;flex-direction:column;gap:var(--sp-1)}.chart-series-swatch{display:inline-block;width:10px;height:10px;border-radius:var(--r-sharp);vertical-align:-1px;border:1px solid var(--border-subtle)}.layer-table{margin:var(--sp-2) 0}.layer-thd,.layer-trw{display:flex;align-items:center}.layer-thd{font-size:.68rem;color:var(--text-faint);padding:var(--sp-1) 0}.layer-trw{font-size:.78rem;color:var(--text-secondary);padding:var(--sp-1) 0}.layer-table .c1{flex:1;min-width:0}.layer-table .c2{width:4rem;text-align:center;flex:none}.layer-table .c3{width:5.4rem;text-align:center;flex:none}.chart-band-chips{display:flex;flex-wrap:wrap;gap:var(--sp-2);padding:var(--sp-2) .8rem;border-bottom:1px solid color-mix(in srgb,var(--border-subtle) 70%,transparent)}.chart-band-chip{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:.68rem;color:var(--text-secondary);white-space:nowrap}.chart-band-chip i{width:10px;height:10px;border-radius:var(--r-sharp);display:block;flex:none}.chart-frame-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(5.5rem,1fr));gap:var(--sp-2);align-items:end;margin-top:var(--sp-1)}.chart-frame-row>label{display:flex;flex-direction:column;gap:.15rem;min-width:0}.chart-frame-row>label.chart-frame-check{flex-direction:row;align-items:center;gap:var(--sp-2);height:1.65rem}.chart-frame-row input[type=color]{padding:0;height:1.65rem;border-radius:var(--r-sharp)}.chart-mode-segs{display:flex;gap:var(--sp-1);margin-top:var(--sp-1)}.chart-mode-seg{flex:1;min-width:0;padding:var(--sp-1) var(--sp-2);font-size:.75rem;border:1px solid var(--border);border-radius:var(--r-sharp);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chart-mode-seg.on{border-color:var(--primary);color:var(--primary);font-weight:600}.chart-band-row{display:grid;grid-template-columns:minmax(0,1fr) 6.2rem 6.2rem 2.1rem 1.4rem;gap:var(--sp-1);align-items:center}.chart-band-row>*{min-width:0}.chart-band-row input[type=time]{padding:0 .2rem}.chart-band-row input[type=color]{padding:0;height:1.6rem;border-radius:var(--r-sharp)}.chart-head-tools{display:inline-flex;align-items:center;gap:.55rem;flex-wrap:nowrap;--chart-head-h: 20px}.chart-head-group{display:inline-flex;align-items:center;gap:var(--sp-2);height:var(--chart-head-h)}.chart-head-group+.chart-head-group{margin-left:.15rem;padding-left:.55rem;border-left:1px solid var(--border-subtle)}.chart-head-actions{gap:var(--sp-1)}.chart-head-readouts .pill,.chart-head-tools .hmi-band-toggle,.chart-head-tools .chart-head-signal{height:var(--chart-head-h);display:inline-flex;align-items:center;margin-top:0}.chart-head-signal{display:inline-flex;align-items:center;gap:var(--sp-1)}.hmi-signal-bars-head{height:13px;gap:2px}.hmi-signal-bars-head .hmi-signal-bar{width:3px}.chart-head-signal-value{font-size:.72rem;font-weight:600}.chart-head-save{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;cursor:pointer;border:1px solid var(--border-subtle);border-radius:var(--r-soft);background:var(--bg-surface);color:var(--text-secondary);transition:color .13s,border-color .13s}.chart-head-save:hover{color:var(--primary);border-color:var(--primary)}.widget-shell-fs{position:fixed;top:14px;right:14px;bottom:14px;left:14px;z-index:60;margin:0;display:flex;flex-direction:column;border-radius:var(--r-round);box-shadow:0 18px 60px #00000073}.widget-shell-fs .widget-body{flex:1;min-height:0}.widget-shell-fs .chart-container{height:100%}.chart-toggles{display:inline-flex;align-items:center;gap:.55rem;flex-wrap:wrap}.chart-toggle-swatch{display:inline-block;width:9px;height:9px;border-radius:var(--r-sharp);border:1px solid var(--border-subtle);margin-right:var(--sp-1);vertical-align:-1px}.widget-shell{container-type:inline-size}@container (max-width: 560px){.chart-head-tools{gap:var(--sp-2)}.chart-head-group+.chart-head-group,.chart-head-group+.chart-head-save{padding-left:var(--sp-2);margin-left:0}}@container (max-width: 430px){.chart-head-signal-value{display:none}}.chart-head-more-wrap{position:relative;display:inline-flex}.chart-head-menu{position:absolute;top:calc(100% + 4px);right:0;z-index:20;display:flex;flex-direction:column;align-items:stretch;gap:.1rem;min-width:138px;padding:var(--sp-1);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-soft);box-shadow:0 10px 28px -12px #0006}.chart-head-menu-item{display:flex;align-items:center;gap:var(--sp-2);padding:.32rem var(--sp-2);border:none;background:none;cursor:pointer;font-size:.78rem;color:var(--text-primary);text-align:left;border-radius:var(--r-sharp);white-space:nowrap}.chart-head-menu-item:hover{background:var(--row-hover)}.chart-head-menu .hmi-band-toggle{font-size:.78rem;gap:var(--sp-2)}.chart-head-zoom{gap:var(--sp-1)}@container (max-width: 370px){.chart-head-tools,.chart-head-group{gap:var(--sp-1)}.chart-head-group+.chart-head-group,.chart-head-group+.chart-head-save{padding-left:var(--sp-1)}.widget-head-title{min-width:5rem}}@container (max-width: 264px){.widget-head{padding-left:var(--sp-3);padding-right:var(--sp-3)}}.an-layout{display:grid;grid-template-columns:1fr 280px;gap:.9rem;align-items:start}@media(max-width:900px){.an-layout{grid-template-columns:1fr}}.an-page .detail-section{margin-bottom:.9rem}.an-chart{width:100%;height:400px}@media(max-width:900px){.an-chart{height:320px}}.an-chart-head{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.an-chart-head h3{margin-right:.15rem}.an-spacer{flex:1}.an-selstate:before{display:none}.an-nav{min-width:1.9rem}.an-chips{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin:var(--sp-2) 0}.an-chip{font-size:.78rem;background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--r-soft);padding:.18rem .55rem;color:var(--text-secondary)}.an-chip b{color:var(--text-primary);font-weight:600}.an-chip-hint{color:var(--primary);border-color:color-mix(in srgb,var(--primary) 40%,transparent)}.an-panel .an-sec{padding:var(--sp-3) 0;border-bottom:1px solid var(--border-subtle)}.an-panel .an-sec:last-child{border-bottom:0}.an-sec h4{font-size:.68rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--text-faint);margin-bottom:var(--sp-2)}.an-gwname{font-size:.7rem;color:var(--text-faint);margin:var(--sp-2) 0 .15rem}.an-zrow{display:flex;align-items:center;gap:var(--sp-2);padding:.22rem .15rem;cursor:pointer;border-radius:var(--r-soft);font-size:.85rem}.an-zrow:hover{background:var(--row-hover)}.an-dot{width:9px;height:9px;border-radius:var(--r-circle);flex:none}.an-zrow .an-role{margin-left:auto;font-size:.72rem;padding:.05rem var(--sp-1);height:auto;min-height:0;max-width:6.6rem}.an-thr-row{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-2)}.an-thr-row input[type=number]{width:5rem;padding:var(--sp-1) var(--sp-2);border:1px solid var(--border);border-radius:var(--r-soft);background:var(--bg-surface);color:var(--text-primary);font-size:.85rem}.an-xbtn{background:none;border:0;color:var(--text-faint);cursor:pointer;font-size:.95rem;padding:.1rem var(--sp-1);border-radius:var(--r-soft)}.an-xbtn:hover{color:var(--status-err-text);background:var(--row-hover)}.an-sp-dash{display:inline-block;width:12px;border-top:2px solid var(--text-faint)}.an-rail{position:relative;height:1.35rem;margin-bottom:.15rem}.an-railchip{position:absolute;top:0;height:1.2rem;display:flex;align-items:center;justify-content:center;gap:2px;overflow:hidden;padding:0 var(--sp-1);border:1px solid var(--border-subtle);border-bottom:0;border-radius:var(--r-soft) var(--r-soft) 0 0;background:var(--bg-subtle);color:var(--text-secondary);font-size:.68rem;line-height:1;cursor:pointer;white-space:nowrap}.an-railchip:hover{background:var(--row-hover);color:var(--text-primary)}.an-railchip.is-active{border-color:var(--primary);color:var(--text-primary)}.an-railnama{overflow:hidden;text-overflow:ellipsis}.an-railcut{color:var(--text-faint);flex:none}.an-table tbody tr.is-sorot{background:var(--row-hover)}.an-req{flex-basis:100%;display:flex;align-items:center;gap:var(--sp-2);margin-top:.15rem;padding-left:var(--sp-2)}.an-req label{font-size:.72rem;color:var(--text-faint)}.an-req input[type=number]{width:4.5rem;padding:var(--sp-1) var(--sp-2);border:1px solid var(--border);border-radius:var(--r-soft);background:var(--bg-surface);color:var(--text-primary);font-size:.8rem}.an-panel .an-thr-row{flex-wrap:wrap}.an-w100{width:100%}.an-err{color:var(--status-err-text);margin-top:var(--sp-2)}.an-stalebar,.an-warnbar{padding:var(--sp-2) var(--sp-3);font-size:.8rem;color:var(--status-warn-text);background:var(--status-warn-bg);border:1px solid var(--status-warn-border);border-radius:var(--r-soft);margin-bottom:var(--sp-2)}.an-stale .an-twrap{opacity:.4;pointer-events:none}.an-twrap{overflow-x:auto}.an-tablewrap.an-stale{opacity:.45}.an-mt1{margin-top:var(--sp-2)}.an-basis{margin-top:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-left:2px solid var(--primary);background:var(--bg-muted);border-radius:var(--r-soft);color:var(--text-secondary);font-size:.78rem}.an-belum td{color:var(--text-secondary)}.an-belum td.an-num:after{content:"";display:inline-block;width:56%;min-width:22px;height:6px;border-radius:var(--r-pill);background:var(--bg-muted);vertical-align:middle}.an-thr-luar{padding:.1rem var(--sp-3);border-radius:var(--r-pill);white-space:nowrap;background:var(--bg-muted);border:1px solid var(--border);color:var(--text-secondary);font-size:.72rem;font-weight:600}.an-table{min-width:980px}.an-table th{position:sticky;top:0}.an-num{font-variant-numeric:tabular-nums;white-space:nowrap}.an-sub{display:block;font-size:.72rem;color:var(--text-secondary);font-weight:400;line-height:1.25;margin-top:1px}.an-table td.an-num{max-width:132px;overflow:hidden;text-overflow:ellipsis}.an-table td,.an-table th{vertical-align:top}.an-thdot{display:inline-block;width:8px;height:8px;border-radius:var(--r-circle);margin-right:var(--sp-1);vertical-align:1px}.an-dev-ok{color:var(--status-ok-text)}.an-dev-under{color:var(--status-warn-text)}.an-warnmark{color:var(--status-warn-text);cursor:help}.an-empty{padding:1.4rem .9rem;text-align:center}.stats-card{display:flex;flex-direction:column;height:100%;gap:var(--sp-1);min-width:0}.stats-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-1) var(--sp-3);flex:1;min-height:0;align-content:center;min-width:0;overflow:hidden}.stats-card-cell{display:flex;flex-direction:column;min-width:0}.stats-card-label{font-family:var(--font-ui);font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;line-height:1.25;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stats-card-value{font-family:var(--font-ui);font-variant-numeric:tabular-nums;font-weight:600;font-size:clamp(.95rem,7cqw,1.5rem);line-height:1.2;color:var(--text-primary);display:flex;align-items:baseline;min-width:0}.stats-card-unit{font-size:.55em;font-weight:600;color:var(--text-secondary);margin-left:.25em}.stats-card-none{color:var(--text-secondary)}.stats-card-caption{font-family:var(--font-ui);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;flex:none;line-height:1.35}.text-widget{height:100%;overflow:auto;min-width:0;font-family:var(--font-ui);color:var(--text-primary)}.text-widget-empty{display:flex;align-items:center;justify-content:center;height:100%;text-align:center}.text-widget .md-p{margin:0 0 var(--sp-2);font-size:13px;line-height:1.45}.text-widget .md-p:last-child{margin-bottom:0}.text-widget .md-list{margin:0 0 var(--sp-2) 0;padding-left:var(--sp-5);font-size:13px;line-height:1.45}.text-widget .md-list li{margin:0 0 2px}.text-widget strong{font-weight:700}.text-widget em{font-style:italic}.text-widget a{color:var(--primary);text-decoration:underline;word-break:break-word}.spacer-widget{width:100%;height:100%;min-height:8px}.incoming-conn{margin-top:var(--sp-6)}.incoming-conn-head{display:flex;align-items:baseline;gap:var(--sp-3);margin-bottom:var(--sp-2);flex-wrap:wrap}.incoming-conn-head h3{margin:0}.incoming-conn-scroll{overflow-x:auto}.key-technical{display:flex;align-items:center;gap:var(--sp-2);margin-top:2px;min-width:0}.key-technical-code{font-family:var(--font-mono);font-size:12px;color:var(--text-secondary);background:var(--bg-muted);border:1px solid var(--border-subtle);border-radius:var(--r-soft);padding:1px 6px;-webkit-user-select:all;user-select:all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.alarm-list{display:flex;flex-direction:column;gap:var(--sp-2);height:100%;overflow:auto;min-width:0;font-family:var(--font-ui)}.alarm-list-section{display:flex;flex-direction:column;gap:var(--sp-1);min-width:0}.alarm-list-head{display:flex;align-items:baseline;gap:var(--sp-2)}.alarm-list-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary)}.alarm-list-empty{margin:0}.alarm-list-capped{margin:var(--sp-1) 0 0}.alarm-list-rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-1)}.alarm-list-row{display:grid;grid-template-columns:auto 1fr auto;gap:var(--sp-2);align-items:center;padding:var(--sp-1) var(--sp-2);border:1px solid var(--border-subtle);border-radius:var(--r-soft);min-width:0}.alarm-list-main{display:flex;flex-direction:column;min-width:0}.alarm-list-device{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.alarm-list-what{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.alarm-list-meta{display:flex;flex-direction:column;align-items:flex-end;gap:1px;white-space:nowrap}.alarm-list-dur{color:var(--text-secondary);font-variant-numeric:tabular-nums}.image-widget{width:100%;height:100%;min-width:0;display:flex}.image-widget-img{width:100%;height:100%;object-fit:contain;display:block}.image-widget-msg{align-items:center;justify-content:center;text-align:center;padding:var(--sp-2)}.asset-field{display:flex;flex-direction:column;gap:var(--sp-2);min-width:0}.asset-field-current{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.asset-field-actions{display:flex;align-items:center;gap:var(--sp-2)}.asset-field-library{display:flex;flex-direction:column;gap:var(--sp-1)}.asset-field-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.asset-field-item{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2)}.asset-field-item.selected{font-weight:600}.uniformity-card{display:flex;flex-direction:column;height:100%;gap:var(--sp-1);justify-content:center;min-width:0}.uniformity-value{font-family:var(--font-ui);font-variant-numeric:tabular-nums;font-weight:600;font-size:clamp(1.4rem,16cqw,2.6rem);line-height:1.1;color:var(--text-primary);display:flex;align-items:baseline;min-width:0}.uniformity-unit{font-size:.45em;font-weight:600;color:var(--text-secondary);margin-left:.25em}.uniformity-none{color:var(--text-secondary)}.uniformity-verdict{display:inline-flex;align-items:center;gap:.3em;font-family:var(--font-ui);font-size:.78rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:none;line-height:1.35}.uniformity-verdict-within{color:var(--status-ok-text)}.uniformity-verdict-over{color:var(--status-warn-text)}.uniformity-verdict-none{color:var(--text-secondary);font-weight:500}.uniformity-icon{font-size:.9em;line-height:1}.uniformity-limit{color:var(--text-secondary);font-weight:500}.uniformity-caption{font-family:var(--font-ui);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;flex:none;line-height:1.35}.versi-senarai{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.versi-baris{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border:1px solid transparent;border-radius:var(--r-round);cursor:pointer;min-width:0}.versi-baris:hover{background:var(--bg-subtle, rgba(127,127,127,.06))}.versi-baris-pilih{border-color:var(--border-subtle);background:var(--bg-subtle, rgba(127,127,127,.08))}.versi-no{font-family:var(--font-ui);font-variant-numeric:tabular-nums;font-weight:700;font-size:.78rem;color:var(--text-secondary);min-width:2.6em}.versi-meta{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.versi-masa{font-family:var(--font-ui);font-size:.82rem;color:var(--text-primary)}.versi-aktor,.versi-nama{font-family:var(--font-ui);font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.versi-semasa{font-family:var(--font-ui);font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--status-ok-text);flex:none}.versi-pulih-btn{font-family:var(--font-ui);font-size:.74rem;flex:none}.versi-kosong{font-family:var(--font-ui);font-size:.82rem}.versi-beza{display:flex;flex-direction:column;gap:var(--sp-2);min-width:0}.versi-beza-kepala{font-family:var(--font-ui);font-size:.72rem;margin:0}.versi-beza-sama{font-family:var(--font-ui);font-size:.82rem;margin:0;color:var(--text-secondary)}.versi-beza-senarai{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}.versi-beza-item{font-family:var(--font-ui);font-size:.8rem;line-height:1.4;min-width:0}.versi-beza-tag{display:inline-block;font-size:.64rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:1px 6px;border-radius:var(--r-round);border:1px solid var(--border-subtle);margin-right:.5em;color:var(--text-secondary)}.versi-beza-tambah .versi-beza-tag{color:var(--status-ok-text);border-color:var(--status-ok-border)}.versi-beza-buang .versi-beza-tag{color:var(--status-err-text);border-color:var(--status-err-border)}.versi-beza-ubah .versi-beza-tag{color:var(--status-warn-text);border-color:var(--status-warn-border)}.versi-beza-nama{font-weight:600;color:var(--text-primary)}.versi-beza-medan{color:var(--text-secondary)}.versi-beza-halaman{font-family:var(--font-ui);font-size:.76rem;margin:0}.versi-sah{display:flex;flex-direction:column;gap:var(--sp-3);min-width:0}.versi-sah-tajuk{font-family:var(--font-ui);font-size:.92rem;margin:0}.versi-sah-nota{font-family:var(--font-ui);font-size:.8rem;margin:0;color:var(--text-secondary)}.versi-sah-butang{display:flex;gap:var(--sp-2);justify-content:flex-end}.an-flagnote{margin-top:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-left:3px solid var(--status-warn-text);background:var(--bg-muted);color:var(--text-secondary);font-size:.78rem;line-height:1.5}.an-reshead{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);flex-wrap:wrap}.an-unisel{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap;margin-bottom:var(--sp-2)}.decode-diag .decode-raw{margin-top:var(--sp-3);max-height:240px;overflow:auto;white-space:pre-wrap;word-break:break-all;font-size:.8rem;background:var(--bg-muted);border:1px solid var(--border-subtle);border-radius:var(--r-round);padding:var(--sp-3)}.decode-result{margin-top:var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-3)}.decode-src{border:1px solid var(--border-subtle);border-radius:var(--r-round);padding:var(--sp-3)}.decode-src-head{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-2)}.decode-src-table td:first-child{width:46%}.decode-chips{display:inline-flex;flex-wrap:wrap;gap:var(--sp-1)}.decode-chip{font-size:.78rem;padding:1px 6px;border-radius:var(--r-round);border:1px solid transparent}.decode-chip.ok{background:var(--status-ok-bg);color:var(--status-ok-text);border-color:var(--status-ok-border)}.decode-chip.miss{background:var(--status-warn-bg);color:var(--status-warn-text);border-color:var(--status-warn-border)}.decode-chip.drop{background:var(--bg-muted);color:var(--text-secondary);border-color:var(--border-subtle)}.react-grid-item:has(.widget-drag-handle) .spacer-widget{outline:1px dashed var(--border);outline-offset:-1px;border-radius:var(--r-round);background:repeating-linear-gradient(45deg,transparent 0 8px,color-mix(in srgb,var(--text-faint) 12%,transparent) 8px 9px);display:flex;align-items:center;justify-content:center}.react-grid-item:has(.widget-drag-handle) .spacer-widget:before{content:"Spacer";font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);background:var(--bg-surface);padding:2px 8px;border-radius:var(--r-round)}.boundary-page{margin:var(--sp-4) auto;max-width:560px;padding:var(--sp-4) var(--sp-5);border:1px solid var(--status-err-border);border-left:4px solid var(--status-err-text);border-radius:var(--r-round);background:var(--bg-surface)}.boundary-page h3{margin:0 0 var(--sp-2);color:var(--status-err-text)}.boundary-msg{display:block;margin:var(--sp-2) 0 var(--sp-3);padding:var(--sp-2) var(--sp-3);font-size:.8rem;white-space:pre-wrap;word-break:break-word;border-radius:var(--r-round);background:var(--status-err-bg);color:var(--status-err-text)}.boundary-widget{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-2);height:100%;box-sizing:border-box;padding:var(--sp-2) var(--sp-3);overflow:auto}.boundary-widget .boundary-title{font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--status-err-text)}.boundary-widget .boundary-msg{margin:0}.settings-card-wide{max-width:760px}.sessions-panel{display:flex;flex-direction:column;gap:var(--sp-3)}.sessions-actions{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.sessions-current{margin-left:var(--sp-1)}.sessions-foot{margin:0}.sessions-panel .grid{width:100%}@media(max-width:860px){.sessions-panel{overflow-x:auto}.sessions-panel .grid{min-width:620px}}@media(min-width:861px){.sessions-panel .grid{width:calc(100% + 4.5rem);margin-inline:-2.25rem}}.channels-panel{display:flex;flex-direction:column;gap:var(--sp-3)}.channels-foot{display:flex;align-items:center;gap:var(--sp-2);min-height:1rem}.channels-panel .grid{width:100%}@media(min-width:861px){.channels-panel .grid{width:calc(100% + 4.5rem);margin-inline:-2.25rem}}@media(max-width:860px){.channels-panel{overflow-x:auto}.channels-panel .grid{min-width:620px}}.channels-panel .grid{table-layout:fixed}.channels-panel .grid th:nth-child(1),.channels-panel .grid td:nth-child(1){width:16.7%}.channels-panel .grid th:nth-child(2),.channels-panel .grid td:nth-child(2){width:23.9%}.channels-panel .grid th:nth-child(3),.channels-panel .grid td:nth-child(3){width:16.7%}.channels-panel .grid th:nth-child(4),.channels-panel .grid td:nth-child(4){width:16.4%}.channels-panel .grid th:nth-child(5),.channels-panel .grid td:nth-child(5){width:26.3%}.channels-note{white-space:normal;text-align:right}.channels-action{text-align:right}.pill-acc{background:var(--primary-bg);color:var(--primary);border-color:transparent}.pill-acc:before{display:none}.account-kv{display:grid;grid-template-columns:120px minmax(0,1fr);gap:var(--sp-2) var(--sp-4);margin:0;align-items:baseline}.account-kv dt{color:var(--text-secondary);font-size:.82rem}.account-kv dd{margin:0;min-width:0;overflow-wrap:anywhere}.account-role-note{display:block;margin-top:var(--sp-1)}@media(max-width:520px){.account-kv{grid-template-columns:1fr;gap:var(--sp-1) 0}.account-kv dd{margin-bottom:var(--sp-2)}}.tickerwrap{padding:14px 18px}.ticker{display:flex;align-items:center;gap:12px;height:34px;border-radius:var(--r-soft);background:var(--bg-chrome);color:var(--text-chrome);padding:0 12px;overflow:hidden;font-size:12.5px}.ticker-warn{background:#7a3d0a}.ticker-maint{background:#3a3f4a}.tk-label{flex:none;font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;padding:2px 7px;border-radius:var(--r-sharp);background:#ffffff24}.tk-track{flex:1;min-width:0;overflow:hidden;white-space:nowrap}.tk-track span{display:inline-block;padding-left:100%;animation:tk 18s linear infinite}@keyframes tk{0%{transform:translate(0)}to{transform:translate(-100%)}}.ticker:hover .tk-track span{animation-play-state:paused}.tk-until{flex:none;font-family:var(--font-mono);font-size:10.5px;color:var(--text-chrome-muted)}@media(prefers-reduced-motion:reduce){.tk-track span{animation:none;padding-left:0}.tk-track{overflow:hidden;text-overflow:ellipsis}}.an-form{display:flex;flex-direction:column;gap:14px;padding:var(--sp-3)}.an-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}@media(max-width:860px){.an-grid{grid-template-columns:1fr}}.an-chk{display:flex;align-items:center;gap:var(--sp-2);font-size:.85rem}.an-chips{display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-3);margin-top:var(--sp-1)}.an-actions{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.an-msg{max-width:420px}.an-period{white-space:nowrap}.ap-wrap{display:flex;flex-direction:column;gap:var(--sp-5)}.ap-banner{display:flex;gap:var(--sp-2);padding:var(--sp-3);border:1px solid var(--border-subtle);border-radius:var(--r-soft);background:var(--bg-muted);color:var(--text-secondary);font-size:12.5px;line-height:1.45}.ap-tajuk{font-size:13px;font-weight:600}.ap-nota{margin:2px 0 var(--sp-3)}.ap-presets{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--sp-2)}.ap-preset{display:flex;flex-direction:column;gap:var(--sp-1);padding:var(--sp-2);text-align:left;cursor:pointer;border:1px solid var(--border-subtle);border-radius:var(--r-soft);background:var(--bg-surface);color:var(--text-primary)}.ap-preset:hover{background:var(--bg-hover)}.ap-preset.on{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-bg)}.ap-preset:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.ap-nm{font-size:12px;font-weight:600}.ap-sw{display:flex;overflow:hidden;border:1px solid var(--border-subtle);border-radius:var(--r-sharp)}.ap-sw i{flex:1}.ap-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);flex-wrap:wrap;padding-top:var(--sp-3);border-top:1px solid var(--border-subtle)}.ap-btns{display:flex;gap:var(--sp-2)}@media(max-width:1100px){.ap-presets{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:859px){.ap-presets{grid-template-columns:repeat(2,minmax(0,1fr))}}.ticker.hdr-ticker{flex:1;min-width:160px;height:32px;background:#ffffff14;border:1px solid var(--border-chrome);color:var(--text-chrome)}.ticker.hdr-ticker .tk-label{background:var(--primary);color:#fff}.tk-x{background:none;border:0;color:var(--text-chrome-muted);font-size:11px;padding:0 2px;cursor:pointer;line-height:1}.tk-x:hover{color:var(--text-chrome)}.ac-bell-dot{position:absolute;top:6px;right:6px;width:6px;height:6px;border-radius:var(--r-circle);background:var(--status-err-text)}.ac-hdr .ac-ipop .ac-ib{position:relative}.belum-dibina{max-width:560px}.belum-dibina p{margin:0 0 var(--sp-3);line-height:1.5}.belum-dibina p:last-child{margin-bottom:0}@media(max-width:859px){.ticker.hdr-ticker{display:none}}.crumbs{display:flex;align-items:center;gap:var(--sp-2);font-size:12.5px;color:var(--text-faint)}.crumb-root{color:var(--text-secondary)}.secbtn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-primary);font-weight:600;font-size:12.5px;padding:4px 9px;border-radius:var(--r-soft);cursor:pointer}.secbtn:hover{background:var(--bg-hover)}.ac-pop.dashpop{top:30px;left:0;width:240px}.ac-pop.dashpop .row{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;background:none;cursor:pointer;text-align:left}.ac-pop.dashpop .row.on{background:var(--primary-bg);color:var(--primary);font-weight:600}.an-chip-tolak{color:var(--status-warn-text);border-color:color-mix(in srgb,var(--status-warn-text) 45%,transparent);background:color-mix(in srgb,var(--status-warn-text) 10%,transparent)}.config-panel-unknown{padding:var(--sp-4);color:var(--status-warn-text);background:var(--status-warn-bg);border:1px dashed var(--status-warn-border);border-radius:var(--r-round);display:flex;flex-direction:column;gap:var(--sp-3);align-items:flex-start}.an-ov{margin:6px 0 0;position:relative}.an-ov-svg{width:100%;height:56px;display:block;cursor:default;touch-action:pan-y}.an-ov-frame{fill:color-mix(in srgb,var(--text-primary) 3%,transparent);stroke:var(--border-subtle)}.an-ov-day{stroke:var(--border-subtle);stroke-dasharray:2 3}.an-ov-labels{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.an-ov-daylabel{position:absolute;bottom:1px;transform:translate(-1px);color:var(--text-faint);font-size:9px;line-height:1;white-space:nowrap}.an-ov-range{position:absolute;top:1px;right:calc(1.6% + 2px);color:var(--text-secondary);font-size:9px;line-height:1;white-space:nowrap}.an-ov-win{fill:color-mix(in srgb,var(--primary) 25%,transparent)}.an-ov-trace{fill:none;stroke-width:1;opacity:.8}.an-ov-dim{fill:color-mix(in srgb,var(--bg-surface) 62%,transparent)}.an-ov-box{fill:color-mix(in srgb,var(--primary) 10%,transparent);stroke:var(--primary);stroke-width:1.2;cursor:grab}.an-ov-box:active{cursor:grabbing}.an-ov-handle{fill:var(--primary);cursor:ew-resize}.an-ov-ralat{position:absolute;top:1px;left:calc((44 / 1000) * 100% + 2px);color:var(--status-warn-text);font-size:9px;line-height:1;white-space:nowrap}.hero-tile{height:100%;border-radius:var(--r-round);display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto 1fr;padding:12px 16px 8px;gap:2px 10px;position:relative;overflow:hidden}.hero-tone-rose{background:linear-gradient(160deg,var(--tone-rose-a) 0%,var(--tone-rose-b) 60%,var(--tone-rose-c) 100%)}.hero-tone-blue{background:linear-gradient(160deg,var(--tone-blue-a) 0%,var(--tone-blue-b) 60%,var(--tone-blue-c) 100%)}.hero-tone-green{background:linear-gradient(160deg,var(--tone-green-a) 0%,var(--tone-green-b) 60%,var(--tone-green-c) 100%)}.hero-tone-amber{background:linear-gradient(160deg,var(--tone-amber-a) 0%,var(--tone-amber-b) 60%,var(--tone-amber-c) 100%)}.hero-tone-neutral{background:linear-gradient(160deg,var(--tone-neutral-a) 0%,var(--tone-neutral-b) 60%,var(--tone-neutral-c) 100%)}.hero-tone-rose .hero-val{color:var(--tone-rose-ink)}.hero-tone-blue .hero-val{color:var(--tone-blue-ink)}.hero-tone-green .hero-val{color:var(--tone-green-ink)}.hero-tone-amber .hero-val{color:var(--tone-amber-ink)}.hero-tone-neutral .hero-val{color:var(--tone-neutral-ink)}.tone-swatches{display:flex;gap:var(--sp-2);flex-wrap:wrap}.tone-swatch{width:34px;height:24px;padding:0;border-radius:var(--r-soft);border:1px solid var(--border);cursor:pointer;background:var(--bg-surface)}.tone-swatch[data-tone=rose]{background:linear-gradient(160deg,var(--tone-rose-a) 0%,var(--tone-rose-b) 60%,var(--tone-rose-c) 100%)}.tone-swatch[data-tone=blue]{background:linear-gradient(160deg,var(--tone-blue-a) 0%,var(--tone-blue-b) 60%,var(--tone-blue-c) 100%)}.tone-swatch[data-tone=green]{background:linear-gradient(160deg,var(--tone-green-a) 0%,var(--tone-green-b) 60%,var(--tone-green-c) 100%)}.tone-swatch[data-tone=amber]{background:linear-gradient(160deg,var(--tone-amber-a) 0%,var(--tone-amber-b) 60%,var(--tone-amber-c) 100%)}.tone-swatch[data-tone=neutral]{background:linear-gradient(160deg,var(--tone-neutral-a) 0%,var(--tone-neutral-b) 60%,var(--tone-neutral-c) 100%)}.tone-swatch.on{outline:2px solid var(--primary);outline-offset:2px;border-color:var(--primary)}.tone-swatch:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.hero-k{grid-column:1 / -1;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--tone-label);font-weight:600}.hero-val{font-size:46px;font-weight:700;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;align-self:end}.hero-val small{font-size:16px;font-weight:600;margin-left:4px}.hero-val .hero-ok{color:var(--status-ok-text)}.hero-val .hero-bad{color:var(--danger)}.hero-val .hero-none{color:var(--tone-label)}.hero-side{align-self:end;text-align:right;font-size:11.5px;color:var(--tone-side)}.hero-side b{display:block;font-size:13px;font-weight:600;color:var(--tone-side-strong)}.hero-side b.hero-ok{color:var(--status-ok-text)}.hero-side b.hero-bad{color:var(--danger)}.hero-pill{font-weight:600}.hero-pill.hero-ok{color:var(--status-ok-text)}.hero-pill.hero-bad{color:var(--danger)}.hero-spark{grid-column:1 / -1;height:26px;margin-top:4px}.hero-spark svg{width:100%;height:100%;display:block}.hero-spark path{fill:none;stroke:var(--tone-spark);stroke-width:1.5}.hero-k,.hero-lbl{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-lbl{grid-column:1 / -1;color:var(--tone-label);font-size:11px}.oven-legend{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-1) var(--sp-3);padding:2px 0 4px}.oven-chip{display:inline-flex;align-items:center;gap:5px;font-size:.68rem;color:var(--text-secondary);white-space:nowrap}.oven-chip i{width:10px;height:8px;border-radius:var(--r-sharp);flex:none}.oven-chip-nodata{color:var(--text-faint);font-style:italic}.oven-params{padding-top:2px;font-variant-numeric:tabular-nums}.oven-state{height:100%;display:flex;flex-direction:column;min-height:0}.oven-state>*{flex:1;min-height:0}.day-replay{height:100%;display:flex;flex-direction:column;min-height:0}.day-replay>*{flex:1;min-height:0}.replay-declare,.replay-warn{padding-top:2px;font-variant-numeric:tabular-nums}.replay-warn{color:var(--status-warn, #b45309)}.coming-soon{display:flex;align-items:center;justify-content:center;min-height:40vh}.coming-soon-big{margin:0;font-size:clamp(1.75rem,6vw,3.5rem);font-weight:800;letter-spacing:.12em;color:var(--text-secondary);text-align:center}body.monitor-mode .ac-shell{height:100vh;height:100dvh}body.monitor-mode .ac-main{padding:0;overflow:hidden;grid-column:1}body.monitor-mode .ac-content{padding:0;max-width:none}body.monitor-mode .viewer-content{padding:0}body.monitor-mode .viewer-page{margin:0}