@tailwind base;@tailwind components;@tailwind utilities;@font-face{font-display:swap;font-family:ajin-thin;src:url(/static/media/AppleSDGothicNeoT.fcecbefb26f42648e756.ttf)}@font-face{font-display:swap;font-family:ajin-light;src:url(/static/media/AppleSDGothicNeoL.0ed4f3cf8e0a053dbc9c.ttf)}@font-face{font-display:swap;font-family:ajin-medium;src:url(/static/media/AppleSDGothicNeoM.88c00162a2084f97069c.ttf)}@font-face{font-display:swap;font-family:ajin-regular;src:url(/static/media/AppleSDGothicNeoR.d159b4d4ce2ef2592daa.ttf)}@font-face{font-display:swap;font-family:ajin-semiBold;src:url(/static/media/AppleSDGothicNeoSB.24f6918836e50d1e5621.ttf)}@font-face{font-display:swap;font-family:ajin-bold;src:url(/static/media/AppleSDGothicNeoB.4175a777557557f7d294.ttf)}@font-face{font-display:swap;font-family:ajin-extrabold;src:url(/static/media/AppleSDGothicNeoEB.ea6bd07739f11db86707.ttf)}:root{--blue:#00a3a3;--red:#d32f2f;--app-bg:#f0f2f5;--app-card:#fff;--app-text:#333;--app-text-muted:#4a4a4a;--app-text-subtle:#7d7d7d;--app-text-dim:#7d7d7d;--app-border:#e5e5e5;--app-border-strong:#d0d0d0;--app-topbar-bg:#fff;--app-accent:#00b2b2;--app-accent-deep:#009494;--app-accent-light:#45d6d6;--app-nav-border:#e0e0e0;--app-muted-icon:#8a8a8a;--app-hover:#e8fbfb;--app-line-strong:#2c3e50;--app-surface-muted:#e8eaed;--app-surface-subtle:#eceef1;--app-panel-inner:#f7f8fa;--app-bar-track:#dfe3e6;--app-diagram-tint:#e6f8f8;--app-diagram-tint-border:#6cc;--app-scroll-thumb:#c4c8cc;--app-scroll-track:#f0f2f5;--app-shadow:#2c3e500d;--app-shadow-soft:rgba(44,62,80,.035);--app-on-accent:#fff;--app-text-on-brand:#fff;--app-toggle-track:#d5d5d5;--app-toggle-thumb:#fff;--app-diagram-radial:radial-gradient(circle at 35% 30%,#fff 0 48%,#f5f7fa 78%,#eef1f4 100%);--app-info-surface:#e6f8f8;--app-info-text:#006d6d;--app-info-border:#7dd3d3;--app-page-header-bg:#d4f0f0;--app-gauge-rest:#cfd8dc;--app-font-scale:1;--app-image-canvas:#fcfcfc;--app-radius-card:20px;--app-radius-control:14px;--app-viewport-max-width:100%;--app-viewport-side:0px;color-scheme:light;font-size:100%}[data-font=sm]{--app-font-scale:0.92}[data-font=md]{--app-font-scale:1}[data-font=lg]{--app-font-scale:1.32}[data-theme=dark]{--blue:#00b8b8;--app-bg:#1a1f26;--app-card:#242b36;--app-text:#e8eaed;--app-text-muted:#c4cad4;--app-text-subtle:#8b95a8;--app-text-dim:#9aa3b2;--app-border:#343c4a;--app-border-strong:#3d4758;--app-topbar-bg:#222833;--app-accent:#00d2d2;--app-accent-deep:#00b2b2;--app-accent-light:#5ee5e5;--app-nav-border:#2e3540;--app-muted-icon:#8a93a3;--app-hover:#2a323f;--app-line-strong:#c5cdd8;--app-surface-muted:#181d24;--app-surface-subtle:#1e242d;--app-panel-inner:#2a313d;--app-bar-track:#343c4a;--app-diagram-tint:#1a3032;--app-diagram-tint-border:#2a8a8a;--app-scroll-thumb:#4a5568;--app-scroll-track:#1a1f26;--app-shadow:#00000052;--app-shadow-soft:#0003;--app-on-accent:#fff;--app-text-on-brand:#fff;--app-toggle-track:#3d4758;--app-toggle-thumb:#e8eaed;--app-diagram-radial:radial-gradient(circle at 38% 28%,#2c3544 0 45%,#242b36 72%,#1e242d 100%);--app-info-surface:#1a3336;--app-info-text:#7ee8e8;--app-info-border:#2a9d9d;--app-page-header-bg:#1f3d40;--app-gauge-rest:#4a5568;--app-image-canvas:#fcfcfc;color-scheme:dark}[data-theme=dark] .trend-chart,[data-theme=dark] .trend-sensor-chart-plot,[data-theme=dark] .zpv-controls,[data-theme=dark] .zpv-viewport{--app-text:#111;--app-text-muted:#252525;--app-text-subtle:#4b5563;--app-text-dim:#333;--app-line-strong:#111;--app-card:#fff;--app-border:#d8dee9;--app-border-strong:#8896a6;--app-image-canvas:#fcfcfc;--app-panel-inner:#eef1f7;--app-muted-icon:#5c6570;--app-diagram-tint:#e6f8f8;--app-diagram-tint-border:#6cc;--app-bar-track:#e6eaf2;--app-surface-subtle:#f7f7f7;--app-gauge-rest:#b0bec5;--app-accent:#00b2b2;--app-accent-deep:#009494;--app-accent-light:#45d6d6;--app-diagram-radial:radial-gradient(circle at 35% 30%,#fff 0 48%,#f1f1f1 78%,#ededed 100%)}@media (min-width:1024px){:root{--app-viewport-max-width:50vw;--app-viewport-side:calc((100vw - var(--app-viewport-max-width))/2)}body{background-color:#e8eaed;background-color:var(--app-surface-muted)}.App{box-shadow:0 0 0 1px #e5e5e5,0 12px 40px #2c3e500d;box-shadow:0 0 0 1px var(--app-border),0 12px 40px var(--app-shadow);margin-inline:auto;max-width:100%;max-width:var(--app-viewport-max-width)}.app-statusbar,.app-topbar,.bottom-nav,.loading-overlay,.skid-statusbar,.trend-modal-backdrop{left:0!important;left:var(--app-viewport-side)!important;max-width:100%;max-width:var(--app-viewport-max-width);right:auto!important;width:100%!important;width:var(--app-viewport-max-width)!important}.loading-overlay,.trend-modal-backdrop{inset:auto;bottom:0;top:0}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f0f2f5;background-color:var(--app-bg);box-sizing:border-box;color:#333;color:var(--app-text);font-family:ajin-regular,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:16px;font-size:calc(16px*var(--app-font-scale));margin:0;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:#c4c8cc;background:var(--app-scroll-thumb);border-radius:10px;height:30%}::-webkit-scrollbar-track{background:#f0f2f5;background:var(--app-scroll-track);border-radius:10px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}.main-home{background-color:var(--app-bg);font-family:Arial,sans-serif;height:auto;overflow-x:hidden;padding:clamp(8px,2.8vw,12px) clamp(8px,2.8vw,12px) 104px}.main-home.main-home-page{--main-pad:6px;--main-statusbar-h:36px;box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:column;height:100%;max-height:none;min-height:0;min-height:calc(100dvh - 120px - var(--main-statusbar-h) - var(--main-pad)*2);overflow:hidden;padding:var(--main-pad);padding-bottom:calc(var(--main-statusbar-h) + var(--main-pad));width:100%}.main-home-page .main-home-layout{align-items:stretch;flex:1 1;gap:6px;grid-template-columns:minmax(0,2.2fr) minmax(88px,.85fr);min-height:0;overflow:hidden}.main-home-page .main-home-metrics{min-height:0;overflow:hidden}.main-home-page .main-metric-card{min-height:60px;padding:8px 30px 8px 8px}.main-home-page .main-metric-value{font-size:calc(clamp(24px, 7vw, 36px)*var(--app-font-scale));line-height:1.05}.main-home-page .main-metric-value .unit{font-size:calc(clamp(14px, 3.8vw, 18px)*var(--app-font-scale))}.main-home-page .main-metric-label{font-size:calc(10px*var(--app-font-scale));margin-top:3px}.main-home-page .main-metric-level{height:58px;right:6px;top:6px;width:14px}.main-home-page .main-metric-level-target{height:3px}.app-statusbar{background:var(--app-card);border-top:1px solid var(--app-border);bottom:64px;color:var(--app-text);font-size:calc(clamp(11px, 3.2vw, 14px)*var(--app-font-scale));font-weight:900;height:36px;left:0;overflow:hidden;position:fixed;right:0;z-index:49}.app-statusbar-track{animation:app-statusbar-scroll-rtl 22s linear infinite;display:flex;min-width:200%;width:max-content;will-change:transform}.app-statusbar-segment{align-items:center;display:flex;flex-shrink:0;gap:2.5rem;height:36px;padding:0 2.5rem;white-space:nowrap}.app-statusbar-item{white-space:nowrap}@keyframes app-statusbar-scroll-rtl{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@media (prefers-reduced-motion:reduce){.app-statusbar-track{animation:none;box-sizing:border-box;justify-content:space-between;min-width:100%;padding:0 12px;width:100%}.app-statusbar-segment[aria-hidden=true]{display:none}.app-statusbar-segment{flex:1 1;gap:12px;justify-content:space-between;padding:0}}.app-shell{background-color:var(--app-bg);height:100vh;height:calc(var(--vh, 1vh)*100);overflow:hidden}.app-content{-webkit-overflow-scrolling:touch;height:100%;overflow-y:auto}.app-content.has-topbar{padding-top:56px}.app-content.has-bottomnav{padding-bottom:calc(64px + env(safe-area-inset-bottom))}.app-content.has-topbar.has-bottomnav:has(.main-home-page){box-sizing:border-box;display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.app-topbar{align-items:center;background:var(--app-topbar-bg);border-bottom:1px solid var(--app-border);display:grid;grid-template-columns:1fr auto 1fr;height:56px;left:0;padding:8px 12px;position:fixed;right:0;top:0;z-index:100}.app-topbar-brand{align-items:center;background:#0000;border:0;cursor:pointer;display:flex;justify-content:center;justify-self:center;margin:0;max-width:min(200px,52vw);padding:2px 4px}.app-topbar-brand-img{display:block;height:clamp(22px,5.2vmin,30px);max-width:100%;object-fit:contain;object-position:center;width:auto}.app-topbar-brand:focus-visible{border-radius:8px;outline:2px solid var(--app-accent);outline-offset:4px}.app-topbar-actions{display:flex;gap:6px;justify-self:end}.app-topbar-spacer{justify-self:start}.icon-btn{background:var(--app-card);border:1px solid var(--app-border);border-radius:14px;border-radius:var(--app-radius-control,14px);color:var(--app-text);cursor:pointer;display:grid;height:38px;place-items:center;width:38px}.icon-btn:hover{background:var(--app-hover)}.app-topbar-left{align-items:center;display:flex;justify-self:start;min-width:0}.topbar-sensor-btn{align-items:center;background:var(--app-card);border:1.5px solid #00b2b2;border:1.5px solid var(--app-accent,#00b2b2);border-radius:14px;border-radius:var(--app-radius-control,14px);color:#00b2b2;color:var(--app-accent,#00b2b2);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:calc(12px*var(--app-font-scale));font-weight:800;gap:6px;height:38px;max-width:min(140px,38vw);padding:0 10px;transition:background .14s ease,color .14s ease,border-color .14s ease}.topbar-sensor-btn:hover:not(.is-active){background:color-mix(in srgb,#00b2b2 10%,var(--app-card));background:color-mix(in srgb,var(--app-accent,#00b2b2) 10%,var(--app-card))}.topbar-sensor-btn.is-active{background:#00b2b2;background:var(--app-accent,#00b2b2);border-color:#00b2b2;border-color:var(--app-accent,#00b2b2);color:#fff}.topbar-sensor-btn.is-active:hover{background:#009494;background:var(--app-accent-deep,#009494);border-color:#009494;border-color:var(--app-accent-deep,#009494)}.topbar-sensor-btn:focus-visible{outline:2px solid #00b2b2;outline:2px solid var(--app-accent,#00b2b2);outline-offset:2px}.topbar-sensor-bang{background:#00b2b2;background:var(--app-accent,#00b2b2);border-radius:50%;color:#fff;display:grid;flex-shrink:0;font-size:calc(13px*var(--app-font-scale));font-weight:900;height:22px;line-height:1;place-items:center;transition:background .14s ease,color .14s ease;width:22px}.topbar-sensor-btn.is-active .topbar-sensor-bang{background:#fff;color:#00b2b2;color:var(--app-accent,#00b2b2)}.topbar-sensor-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main-home-layout{grid-gap:10px;align-items:stretch;display:grid;gap:10px;grid-template-columns:minmax(0,2fr) minmax(0,1fr);min-width:0}.main-home-metrics{align-self:stretch;display:flex;flex-direction:column;flex-wrap:nowrap;gap:8px;min-width:0;order:2}.main-metric-card{background:var(--app-card);border:1px solid var(--app-border);border-radius:20px;border-radius:var(--app-radius-card,20px);flex:1 1;min-height:0;min-width:0;padding:10px 28px 10px 10px;position:relative}.main-metric-card--gray{background:#e9e9e9}.main-metric-card--gray .main-metric-level{background:#f4f4f4}.main-metric-value{align-items:baseline;color:var(--app-text);display:flex;font-size:calc(clamp(16px, 4.2vw, 22px)*var(--app-font-scale));font-weight:900;gap:4px;line-height:1.1}.main-metric-value .unit{font-weight:700}.main-metric-label,.main-metric-value .unit{color:var(--app-text-muted);font-size:calc(10px*var(--app-font-scale))}.main-metric-label{font-weight:800;line-height:1.25;margin-top:4px;word-break:keep-all}.main-metric-level{background:var(--app-card);border:1px solid var(--app-border-strong);height:44px;overflow:hidden;position:absolute;right:10px;top:10px;width:10px}.main-metric-level-fill{background:linear-gradient(0deg,#ef4444 0,#22c55e 70%);bottom:0;left:0;position:absolute;right:0}.main-metric-level-target{background:#e53935;height:2px;left:-1px;position:absolute;right:-1px;transform:translateY(50%)}.main-home-diagram{display:flex;flex-direction:column;margin-bottom:0;min-height:0;min-width:0;order:1;overflow:hidden}.main-home-page .hp-system-panel,.main-home-page .main-home-diagram{flex:1 1;height:100%;min-height:0}.main-home-page .hp-system-panel{display:flex;flex-direction:column;margin-bottom:0;padding:6px 8px 8px}.main-home-diagram>.main-diagram-zpv{display:flex;flex:1 1;flex-direction:column;min-height:0}.main-home-page .main-diagram-zpv.zpv-root--controls-toolbar,.main-home-page .main-home-diagram>.main-diagram-zpv{flex:1 1;height:100%;min-height:0}.main-home-page .main-diagram-zpv.zpv-root--controls-toolbar .zpv-controls--toolbar{flex-shrink:0}.main-home-page .main-diagram-zpv.zpv-root--controls-toolbar .zpv-viewport{flex:1 1;height:100%;min-height:0}.main-home-diagram .panel-title--no-mb{margin-bottom:0}.main-home-diagram .zpv-controls--toolbar{padding-bottom:6px;padding-top:2px}.main-home-page .main-home-diagram .panel-title--no-mb{flex-shrink:0;font-size:calc(clamp(13px, 3.4vw, 15px)*var(--app-font-scale));line-height:1.2;padding:0 0 2px}.main-home-page .main-home-diagram .zpv-controls--toolbar{flex-shrink:0;padding-bottom:4px;padding-top:0}.main-home-summary{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:10px}.summary-card{background:var(--app-card);border:1px solid var(--app-border);border-radius:20px;border-radius:var(--app-radius-card,20px);min-height:64px;min-width:0;padding:10px}.summary-card.accent .summary-label{color:#d32f2f;text-decoration:underline;text-underline-offset:3px}.summary-value{align-items:baseline;color:var(--app-text);display:flex;font-size:calc(22px*var(--app-font-scale));font-weight:800;gap:6px;justify-content:center;line-height:1.1;white-space:nowrap}.summary-label,.summary-value .unit{color:var(--app-text-muted);font-size:calc(12px*var(--app-font-scale));font-weight:600}.summary-label{margin-top:4px;text-align:center}.panel{background:var(--app-card);border:1px solid var(--app-border);border-radius:20px;border-radius:var(--app-radius-card,20px);margin-bottom:12px;max-width:100%;padding:clamp(10px,2.5vw,12px);width:100%}@media (max-width:520px){.panel.hp-system-panel .panel-title{font-size:calc(14px*var(--app-font-scale));margin-bottom:8px}}.panel-title{color:var(--app-text);font-size:calc(16px*var(--app-font-scale));font-weight:800;margin-bottom:10px}.panel-title-row{align-items:center;display:flex;gap:10px;justify-content:space-between}.panel-title-row .panel-title{margin-bottom:0}.main-diagram-mode{display:inline-flex;flex-shrink:0;gap:6px}.main-diagram-mode__btn{background:#ffffff59;border:1px solid var(--app-border);border-radius:10px;color:var(--app-text);cursor:pointer;font-size:calc(12px*var(--app-font-scale));font-weight:900;height:30px;letter-spacing:.2px;padding:0 10px}.main-diagram-mode__btn.is-active{background:var(--app-accent);border-color:var(--app-accent-deep);color:var(--app-on-accent)}.main-diagram-mode__btn:active{transform:translateY(1px)}.panel-body{border:1px solid var(--app-panel-inner);border-radius:12px;padding:10px}.panel-body--diagram{background:#0000;border:0;overflow:visible;padding:0}.main-diagram-zpv .hp-diagram-viewport{-webkit-overflow-scrolling:touch;border-radius:12px;max-height:min(72vh,720px);max-width:100%;overflow:hidden;overscroll-behavior:contain;width:100%}.main-home-page .main-diagram-zpv .hp-diagram-viewport{flex:1 1;height:100%;max-height:none;min-height:0;position:relative}.main-home-page .main-diagram-stage{display:block;height:720px;height:var(--main-diagram-h,720px);max-width:none;min-height:0;width:420px;width:var(--main-diagram-w,420px)}.main-diagram-stage{display:block;transform-origin:0 0}.main-diagram-zpv .zpv-stage.main-diagram-stage{max-width:none}.main-diagram-zpv .zpv-stage.main-diagram-stage,.main-system-diagram{height:720px;height:var(--main-diagram-h,720px);width:420px;width:var(--main-diagram-w,420px)}.main-system-diagram{background:var(--app-image-canvas);border:1px solid var(--app-border);border-radius:12px;box-sizing:border-box;flex:0 0 auto;flex-shrink:0;overflow:hidden;position:relative}.main-home-page .main-system-diagram{height:720px;height:var(--main-diagram-h,720px);max-height:720px;max-height:var(--main-diagram-h,720px);max-width:420px;max-width:var(--main-diagram-w,420px);min-height:720px;min-height:var(--main-diagram-h,720px);min-width:420px;min-width:var(--main-diagram-w,420px);width:420px;width:var(--main-diagram-w,420px)}.main-system-diagram__wires{height:100%;inset:0;pointer-events:none;position:absolute;width:100%;z-index:0}.main-wire{stroke-width:.75;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.main-wire--blue{stroke:#1976d2}.main-wire--orange{stroke:#ff9800}.main-wire--red{stroke:#e53935;stroke-width:.85}.main-wire--green{stroke:#2e7d32;stroke-width:.95}.main-wire-label{font-size:calc(11px*var(--app-font-scale));font-weight:900;pointer-events:none}.main-wire-label--green{fill:#2e7d32}.main-wire-marker--blue{fill:#1976d2}.main-wire-marker--orange{fill:#ff9800}.main-wire-marker--red{fill:#e53935}.main-wire-marker--green{fill:#2e7d32}.main-system-node--static{cursor:default}.main-system-node--static:disabled{opacity:1}.main-system-diagram__canvas{box-sizing:border-box;height:720px;height:var(--main-diagram-h,720px);inset:0;pointer-events:none;position:absolute;width:420px;width:var(--main-diagram-w,420px);z-index:1}.main-system-node{align-items:center;background:#0000;border:0;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:0;pointer-events:auto;position:absolute;transform:translateX(-50%)}.main-system-node__icon-wrap{display:grid;flex:none;overflow:hidden;place-items:center}.main-system-node__icon-wrap--bundle{display:block;overflow:visible;position:relative}.main-system-node__icon-wrap--bundle .main-system-node__icon{height:auto;max-height:none;max-width:82%;object-fit:contain;position:absolute;top:auto;transform:none;width:82%}.main-system-node__icon-wrap--bundle .main-system-node__icon--layer-0{bottom:16%;filter:brightness(.96);left:0;opacity:.94;width:78%;z-index:1}.main-system-node__icon-wrap--bundle .main-system-node__icon--layer-1{bottom:0;left:30%;z-index:2}.main-system-node--bundle{touch-action:manipulation}.main-system-node__icon{display:block;height:100%;max-height:100%;max-width:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%}.main-system-diagram--3d .main-system-node[data-node-id=hp] .main-system-node__icon{object-position:center bottom}.main-system-diagram--icon .main-system-node[data-node-id=hp] .main-system-node__icon{object-position:center center}.main-system-node__label{color:var(--app-text);font-size:calc(12px*var(--app-font-scale));font-weight:900;line-height:1.25;text-align:center;white-space:nowrap}.system-diagram.mini,.system-diagram.mini .diagram-row{gap:8px}.system-diagram.mini .diagram-box{background-color:var(--app-diagram-tint);border:1px solid var(--app-diagram-tint-border);border-radius:10px;color:var(--app-accent);font-size:12px;min-width:0;padding:8px 10px}.system-diagram.mini .diagram-row:not(.last-row):after{display:none}.cop-list{display:flex;flex-direction:column;gap:14px}.cop-row-head{align-items:baseline;display:flex;justify-content:space-between}.cop-label,.cop-value{color:var(--app-text);font-size:14px;font-weight:800}.cop-row-sub{color:var(--app-text-dim);display:flex;font-size:11px;font-weight:700;justify-content:center;margin-bottom:6px;margin-top:2px}.cop-bar{background:var(--app-bar-track);border-radius:999px;height:8px;overflow:hidden;position:relative}.cop-bar-fill{background:linear-gradient(90deg,var(--app-accent-light) 0,var(--app-accent) 100%);border-radius:999px;height:100%}.cop-bar-target{background:#ff6d00;height:20px;position:absolute;top:-6px;transform:translateX(-1px);width:2px}.sensor-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr 1fr;margin-bottom:12px}.sensor-card{background:var(--app-card);border:1px solid var(--app-border);border-radius:14px;border-radius:var(--app-radius-control,14px);min-height:76px;padding:10px 10px 12px;position:relative}.sensor-dot{background:#22c55e;border:1px solid #0f5a29;border-radius:50%;height:10px;position:absolute;right:6px;top:6px;width:10px}.sensor-value{align-items:baseline;color:var(--app-text);display:flex;font-size:26px;font-weight:900;gap:2px;justify-content:center;line-height:1.1;margin-top:4px}.sensor-value .unit{font-size:12px;font-weight:800}.sensor-label{color:var(--app-text-muted);font-size:12px;font-weight:700;margin-top:6px;text-align:center}.bottom-nav{background:var(--app-card);border-top:1px solid var(--app-border);bottom:0;display:grid;grid-template-columns:repeat(4,1fr);height:64px;left:0;position:fixed;right:0;z-index:50}.nav-item{align-items:center;background:#0000;border:0;color:var(--app-muted-icon);cursor:pointer;display:flex;flex-direction:column;font-size:calc(12px*var(--app-font-scale));font-weight:700;gap:2px;justify-content:center;position:relative}.nav-item svg{font-size:26px}.nav-item.active{color:var(--app-accent)}.nav-item.active:before{background:var(--app-accent);border-radius:999px;content:"";height:3px;position:absolute;top:0;width:48px}.header-menu-homeicon{display:block;height:20px;width:20px}.header-drawer-title{color:var(--app-accent-deep);font-size:18px;font-weight:800;margin:0}@media (max-width:640px){.main-home-layout{gap:6px;grid-template-columns:minmax(0,1fr) minmax(72px,30vw)}.main-home-page .main-home-layout{grid-template-columns:minmax(0,1fr) minmax(68px,28vw)}.main-home-metrics{flex-direction:column;flex-wrap:nowrap}.main-home-page .main-metric-card{flex:1 1;min-height:64px;padding:8px 30px 8px 8px}.main-home-page .main-metric-value{font-size:calc(clamp(20px, 8.2vw, 28px)*var(--app-font-scale))}.main-home-page .main-metric-value .unit{font-size:calc(clamp(12px, 3.4vw, 15px)*var(--app-font-scale))}.main-home-page .main-metric-label{font-size:calc(9px*var(--app-font-scale))}.main-home-page .main-metric-level{height:80%;right:10px;top:14px;width:12px}}@media (max-width:420px){.main-home-summary{gap:5px;grid-template-columns:repeat(3,minmax(0,1fr))}.summary-card{border-radius:10px;min-height:56px;padding:8px 4px}.summary-value{font-size:calc(clamp(15px, 5vw, 18px)*var(--app-font-scale));gap:2px}.summary-value .unit{font-size:calc(clamp(8px, 2.8vw, 10px)*var(--app-font-scale))}.summary-label{font-size:calc(clamp(9px, 2.9vw, 11px)*var(--app-font-scale));line-height:1.15;word-break:keep-all}.sensor-grid{grid-template-columns:1fr 1fr}}.main-page{background-color:var(--app-bg);font-family:Arial,sans-serif;padding:0 20px 20px}.main-title{color:var(--app-text-muted);font-size:2rem;margin-bottom:30px;text-align:center}.heatpump-monitoring{background-color:var(--app-card);border:2px solid var(--app-info-border);border-radius:15px;margin-bottom:30px;padding:25px}.monitoring-title{color:var(--app-info-text);font-size:1.5rem;font-weight:700;margin-bottom:25px;text-align:center}.system-diagram{align-items:center;display:flex;flex-direction:column;gap:20px}.diagram-row{display:flex;gap:20px;justify-content:center;width:100%}.diagram-box{background-color:var(--app-info-surface);border:2px solid var(--app-info-text);border-radius:10px;color:var(--app-info-text);font-weight:700;min-width:100px;padding:15px 20px;text-align:center}.diagram-box,.diagram-row{position:relative}.diagram-row:not(.last-row){margin-bottom:20px}.diagram-row:not(.last-row):after{background-color:var(--app-line-strong);bottom:-20px;content:"";height:20px;left:50%;position:absolute;transform:translateX(-50%);width:2px;z-index:1}.diagram-box:after{display:none}.menu-buttons{display:flex;flex-direction:column;gap:15px;margin:0 auto;max-width:400px}.menu-btn{background-color:var(--app-card);border:2px solid var(--app-info-border);border-radius:10px;color:var(--app-info-text);cursor:pointer;font-size:1.1rem;font-weight:700;padding:18px 25px;text-align:center;transition:all .3s ease}.menu-btn:hover{background-color:var(--app-accent-deep);border-color:var(--app-accent-deep);color:var(--app-on-accent)}@media (min-width:768px){.main-page{padding:40px}.main-title{font-size:2.5rem;margin-bottom:40px}.heatpump-monitoring{border:2px solid var(--app-info-border);margin-bottom:50px;padding:40px}.monitoring-title{font-size:2rem;margin-bottom:40px}.system-diagram{gap:30px}.diagram-row{gap:40px}.diagram-box{font-size:1.1rem;min-width:150px;padding:20px 30px}.menu-buttons{flex-direction:row;flex-wrap:wrap;gap:20px;justify-content:center;max-width:100%}.menu-btn{flex:1 1;font-size:1rem;max-width:200px;min-width:180px;padding:20px 15px}}@media (max-width:768px){.main-container{flex-direction:column;height:100vh;min-height:100vh;padding:0!important}.side-wrap{height:100%;overflow-y:auto;position:relative;width:100%}.mobile-header-inner{display:block}.box-header-blue{align-items:flex-start!important;flex-direction:column!important;gap:10px!important;padding-bottom:1rem!important}.box-header-blue .title{font-size:1.2rem!important;margin-bottom:0!important;width:100%}.main-cards-wrapper{grid-gap:2%!important;display:grid!important;gap:2%!important;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;height:auto!important;margin-bottom:15px;min-height:200px}.main-cards-wrapper .card{border-radius:10px;min-height:100px;padding:3%!important;width:100%!important}.card-header{font-size:.9rem!important}.card-value{font-size:1.6rem!important}.card-percentage{font-size:1.1rem!important}.charts-container{flex-direction:column!important;gap:15px!important;height:auto!important}.charts-container>div{min-height:250px;width:100%!important}.round-box{margin-bottom:15px;padding:16px 12px 12px}.chart-select,.loading-overlay p{font-size:1rem}.round-box{overflow:visible!important;z-index:1}.round-box:has(input:focus){z-index:10}.main-page{padding:15px}.main-title{font-size:1.5rem;margin-bottom:20px}.heatpump-monitoring{border:2px solid var(--app-info-border);margin-bottom:25px;padding:20px}.monitoring-title{font-size:1.3rem;margin-bottom:20px}.diagram-row,.system-diagram{gap:15px}.diagram-box{font-size:.9rem;min-width:80px;padding:12px 15px}.menu-buttons{gap:12px}.menu-btn{font-size:1rem;padding:15px 20px}}@media (max-width:480px){.mobile-header-inner{padding:12px 15px}.mobile-header-inner .mobile-header-title{font-size:1.1rem;margin-left:45px}.main-cards-wrapper{min-height:180px}.main-cards-wrapper .card{min-height:85px;padding:2%!important}.card-header{font-size:.8rem!important}.card-header .card-icon{width:2.2rem!important}.card-value{font-size:1.4rem!important}.card-percentage{font-size:1rem!important}.round-box{margin-bottom:10px;padding:12px 10px 10px}.chart-select{font-size:.9rem}.charts-container>div{min-height:220px}.main-page{padding:10px}.main-title{font-size:1.3rem;margin-bottom:15px}.heatpump-monitoring{border:2px solid var(--app-info-border);margin-bottom:20px;padding:15px}.monitoring-title{font-size:1.1rem;margin-bottom:15px}.diagram-row,.system-diagram{gap:10px}.diagram-box{font-size:.8rem;min-width:70px;padding:10px 12px}.menu-buttons{gap:10px}.menu-btn{font-size:.9rem;padding:12px 15px}}@media (max-width:768px){.main-table td>div[style*=flex][style*=row]{flex-direction:row!important;gap:.5rem!important}.main-table td>div[style*=flex][style*=row] .bill-btn{align-items:center!important;display:flex!important;flex:1 1!important;font-size:10px!important;justify-content:center!important;line-height:1.3!important;min-height:40px!important;min-width:0!important;padding:8px 4px!important;white-space:normal!important}}.main-container{background-color:var(--app-scroll-track);margin:0;padding:0}.side-wrap{height:100%;margin:0;padding:0;width:100%}li{border-bottom:1px solid var(--app-border-strong);cursor:pointer;list-style:none;padding:.2rem;text-align:left}.side-wrap{display:flex;flex-direction:column}.card{border-radius:30px;color:#fff;flex-grow:1;padding:2%}.card-rise{background-image:linear-gradient(180deg,#0e81ff,#65afff)}.card-fall{background-image:linear-gradient(180deg,#080808,#3d3d3d)}.chart-select{cursor:pointer;font-weight:400;transition:all .3s ease;will-change:transform}.chart-select.active{color:#af52de;font-weight:700}.chart-select:hover{transform:scale(1.1)}.bar-chart-menu-icon{background-color:var(--app-surface-subtle);border-radius:10px;cursor:pointer;padding:1%;transition:transform .3s ease,background-color .3s ease;will-change:transform}.bar-chart-menu-icon:hover{background-color:#ccc;transform:scale(1.1)}.foot-btn-icon{border-radius:10px;cursor:pointer;padding:1rem;transition:background-color .3s ease}.foot-btn-icon:hover{background-color:#ccc}.round-box{background:var(--app-card);border:1px solid var(--app-border);border-radius:20px;border-radius:var(--app-radius-card,20px);display:flex;flex-direction:column;padding:32px 24px 24px;width:100%}.flex-col{gap:1.2rem}.box-header-blue{border-bottom:1px solid #000;display:flex;justify-content:space-between;padding-bottom:.4%}.box-header-blue .title{color:var(--app-accent-deep);font-family:ajin-bold;font-size:1.4rem}.box-content{display:flex;justify-content:space-between}.box-content .title{font-family:ajin-bold;font-size:1.2rem}.box-content .sub{color:#ccc;font-family:ajin-medium}.blue-btn{background:linear-gradient(180deg,var(--app-accent-light) 0,var(--app-accent) 100%);color:#fff}.blue-btn,.red-border-btn{align-content:center;border-radius:10px;cursor:pointer;line-height:1;padding:0 2%;text-align:center;transition:all .3s ease;will-change:transform}.red-border-btn{background-color:#fff;border:1px solid #dc3545;color:#dc3545}.red-border-btn:hover{background-color:#dc3545;color:#fff;transform:scale(1.1)}.popup-box{gap:10px;position:absolute;z-index:10}.loading-overlay,.popup-box{display:flex;flex-direction:column}.loading-overlay{align-items:center;background-color:#00000080;color:#fff;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:500}.loading-spinner{animation:spin 1s linear infinite;border:5px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:50px;margin-bottom:20px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-overlay-data{-webkit-text-stroke-width:.5px;align-items:center;background-color:#eee;color:#fff;display:flex;flex-direction:column;font-size:1.5rem;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:500}.loading-spinner-data{-webkit-text-stroke-width:.5px;-webkit-text-stroke-color:#080808;animation:spin 1s linear infinite;border:5px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:50px;margin-bottom:20px;width:50px}input:invalid{border:1px solid red}input:out-of-range{border:1px solid red}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}@keyframes slideIn{0%{width:0}to{width:100%}}.mobile-header-inner{display:none;margin:-10px -5px;position:relative;z-index:10}.mobile-header-inner .mobile-header-title{color:var(--app-text-muted);font-size:1.2rem;font-weight:700;margin-left:60px;text-align:left}.page-header{align-items:center;background-color:var(--app-page-header-bg);border-bottom:1px solid var(--app-border-strong);display:flex;justify-content:space-between;padding:10px}.page-title{color:var(--app-info-text);font-size:1.5rem;font-weight:600;margin:0}.home-icon{color:var(--app-text-muted);cursor:pointer;font-size:24px;transition:all .3s ease}.home-icon:hover{color:var(--app-info-text);transform:scale(1.1)}@media (min-width:768px){.page-header{padding:10px}.page-title{font-size:2rem}}@media (max-width:767px){.page-header{padding:10px}.page-title{font-size:1.3rem}}@media (max-width:480px){.page-header{padding:10px}.page-title{font-size:1.1rem}}.theme-toggle{background:#fff;background:var(--app-card,#fff);border:1px solid #d0d4da;border:1px solid var(--app-border,#d0d4da);border-radius:50%;color:#ffb300;cursor:pointer;display:inline-grid;flex-shrink:0;font-size:20px;height:36px;padding:0;place-items:center;transition:background .15s ease,color .15s ease,border-color .15s ease;width:36px}.theme-toggle:hover{background:#f5f7fa;background:var(--app-surface-subtle,#f5f7fa)}.theme-toggle:active{transform:scale(.96)}.theme-toggle--dark{color:#5ee5e5;color:var(--app-accent-light,#5ee5e5)}.theme-toggle:focus-visible{outline:2px solid #00b2b2;outline:2px solid var(--app-accent,#00b2b2);outline-offset:2px}.App{height:100vh;height:calc(var(--vh, 1vh)*100);margin-inline:auto;max-width:var(--app-viewport-max-width);width:100%}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.main-container{background-color:var(--app-bg);box-sizing:border-box;display:flex;height:100vh;width:100vw}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.flex,.flex-col{display:flex}.flex-col{flex-direction:column}.flex-grow{flex-grow:1}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.align-item-center{align-items:center}button{cursor:pointer}.h-full{height:100%}.w-full{width:100%}.user-page{background:#0000;font-family:Arial,sans-serif;min-height:0;min-height:auto;padding:0}.user-card{align-items:center;background:var(--app-card);border:1px solid var(--app-border);border-radius:20px;border-radius:var(--app-radius-card,20px);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:14px;min-width:0;padding:18px 16px}.user-card-main{flex:1 1;min-width:0}.user-card-title{color:var(--app-text);font-size:calc(22px*var(--app-font-scale));font-weight:900;margin-bottom:6px;min-width:0}.user-card-sub{color:var(--app-text-subtle);font-size:calc(14px*var(--app-font-scale));font-weight:700;line-height:1.4;min-width:0}.user-card-right{align-items:center;background:#0000;border:0;color:var(--app-muted-icon);cursor:pointer;display:flex;font-weight:700;font:inherit;gap:6px;margin:0;min-width:0;padding:0;text-align:right}.user-card-right:focus-visible{border-radius:8px;outline:2px solid var(--app-accent);outline-offset:4px}.user-card-link{font-size:calc(13px*var(--app-font-scale))}.user-account-section{background:var(--app-card);border:1px solid var(--app-border);border-radius:20px;border-radius:var(--app-radius-card,20px);margin-bottom:14px;min-width:0;padding:16px 14px 18px}.user-account-title-row{align-items:center;display:flex;gap:12px;justify-content:space-between;margin:0 0 8px;min-width:0}.user-account-title{color:var(--app-text);font-size:calc(20px*var(--app-font-scale));font-weight:900;margin:0 0 8px}.user-account-title--inline{flex:1 1;margin:0;min-width:0}.user-account-edit-btn{-webkit-tap-highlight-color:transparent;background:var(--app-surface-subtle);border:1px solid var(--app-border-strong);border-radius:14px;border-radius:var(--app-radius-control,14px);color:var(--app-text);cursor:pointer;flex-shrink:0;font-family:inherit;font-size:calc(13px*var(--app-font-scale));font-weight:800;margin:0;padding:8px 14px}.user-account-edit-btn:hover{background:var(--app-hover)}.user-account-edit-btn:focus-visible{outline:2px solid var(--app-accent);outline-offset:2px}.user-account-subtitle{color:var(--app-text);font-size:calc(17px*var(--app-font-scale));font-weight:900;margin:0 0 12px}.user-account-accordion{min-width:0}.user-account-accordion-trigger{align-items:center;background:#0000;border:0;border-bottom:1px solid var(--app-panel-inner);color:inherit;cursor:pointer;display:flex;font:inherit;gap:10px;justify-content:space-between;margin:0;padding:2px 0 12px;text-align:left;width:100%}.user-account-accordion-trigger:focus-visible{border-radius:8px;outline:2px solid var(--app-accent);outline-offset:4px}.user-account-accordion-trigger-text{color:var(--app-text);font-size:calc(17px*var(--app-font-scale));font-weight:900;margin:0}.user-account-accordion-chevron{color:var(--app-muted-icon);flex-shrink:0;transition:transform .2s ease}.user-account-accordion-chevron.is-open{transform:rotate(180deg)}.user-account-accordion-panel{padding-top:12px}.user-account-btn--logout{background:#0000;border:1px solid var(--app-border-strong);color:var(--app-text-subtle);font-weight:800;margin-top:0;width:100%}.user-account-btn--logout:hover{background:var(--app-hover);color:var(--app-text)}.user-account-lead{color:var(--app-text-subtle);font-size:calc(12px*var(--app-font-scale));font-weight:600;line-height:1.45;margin:0 0 14px}.user-account-loading{color:var(--app-text-muted);font-size:calc(14px*var(--app-font-scale));font-weight:700;margin:0}.user-account-info-panel{margin-top:4px;min-width:0}.user-account-info-heading{color:var(--app-text);font-size:calc(13px*var(--app-font-scale));font-weight:800;letter-spacing:-.02em;margin:0 0 10px}.user-account-readonly{display:flex;flex-direction:column;gap:12px;margin:0}.user-account-info-panel .user-account-readonly--rows{gap:0;padding:0}.user-account-info-panel .user-account-readonly-row{align-items:center;border-bottom:1px solid var(--app-panel-inner);display:flex;flex-direction:row;gap:14px;justify-content:space-between;min-height:48px;padding:12px 0}.user-account-info-panel .user-account-readonly--rows .user-account-readonly-row:first-child{padding-top:2px}.user-account-info-panel .user-account-readonly--rows .user-account-readonly-row:last-child{border-bottom:0;padding-bottom:2px}.user-account-info-panel .user-account-readonly-row dd,.user-account-info-panel .user-account-readonly-row dt{margin:0}.user-account-info-panel .user-account-row-label{color:var(--app-text-subtle);flex:0 1 auto;font-size:calc(15px*var(--app-font-scale));font-weight:600;min-width:0}.user-account-info-panel .user-account-row-value{color:var(--app-text);flex:0 1 auto;font-size:calc(15px*var(--app-font-scale));font-weight:600;margin:0;max-width:62%;text-align:right;word-break:break-word}.user-account-password-form{display:flex;flex-direction:column;gap:12px}.user-account-field{display:flex;flex-direction:column;gap:6px;min-width:0}.user-account-label{color:var(--app-text-muted);font-size:calc(13px*var(--app-font-scale));font-weight:800}.user-account-input{background:var(--app-card);border:1px solid var(--app-border-strong);border-radius:14px;border-radius:var(--app-radius-control,14px);box-sizing:border-box;color:var(--app-text);font-size:calc(15px*var(--app-font-scale));font-weight:600;min-height:44px;padding:10px 12px;width:100%}.user-account-input:focus-visible{border-color:var(--app-accent);outline:2px solid var(--app-accent);outline-offset:2px}.user-account-hint{color:var(--app-text-subtle);font-size:calc(11px*var(--app-font-scale));font-weight:600;line-height:1.4;margin:0}.user-account-btn{border:1px solid #0000;border-radius:14px;border-radius:var(--app-radius-control,14px);cursor:pointer;font-size:calc(14px*var(--app-font-scale));font-weight:900;margin-top:4px;min-height:46px;padding:12px 16px}.user-account-btn--primary{background:var(--app-accent);border-color:var(--app-accent-deep);color:var(--app-on-accent)}.user-account-btn--primary:hover:not(:disabled){background:var(--app-accent-deep)}.user-account-btn--primary:disabled{cursor:not-allowed;opacity:.55}.user-account-btn--secondary{background:var(--app-surface-subtle);border-color:var(--app-border-strong);color:var(--app-text);width:100%}.user-account-btn--secondary:hover{background:var(--app-hover)}.user-account-manage-wrap{margin-top:16px}.user-page>.user-account-manage-wrap{margin-bottom:14px}.user-account-manage-link{align-items:center;box-sizing:border-box;display:flex;font-family:inherit;justify-content:center;text-align:center;text-decoration:none;width:100%}.user-list{background:var(--app-card);border:1px solid var(--app-border);border-radius:14px;overflow:hidden}.user-item{align-items:center;background:#0000;border:0;cursor:pointer;display:flex;justify-content:space-between;padding:14px;width:100%}.user-item+.user-item{border-top:1px solid var(--app-panel-inner)}.user-item-left{align-items:center;display:flex;gap:12px}.user-item-left svg{color:var(--app-text-subtle)}.user-item-text .title{color:var(--app-text);font-size:calc(18px*var(--app-font-scale));font-weight:900;text-align:left}.user-item-text .sub{color:var(--app-text-subtle);font-size:calc(13px*var(--app-font-scale));font-weight:700;margin-top:2px;text-align:left}.user-help{background:var(--app-surface-subtle);border:1px solid var(--app-border);border-radius:14px;margin-top:14px;min-width:0;padding:14px 16px}.user-help-head{align-items:center;display:flex;gap:8px;margin-bottom:10px}.user-help-icon{color:var(--app-text-subtle);font-size:22px!important}.user-help-title{color:var(--app-text);font-size:calc(16px*var(--app-font-scale));font-weight:900;margin:0}.user-help-list{color:var(--app-text-subtle);font-size:calc(13px*var(--app-font-scale));font-weight:600;line-height:1.55;margin:0;padding-left:1.15rem}.user-help-list li+li{margin-top:8px}.user-help-list strong{color:var(--app-text);font-weight:800}.user-footer{color:var(--app-muted-icon);font-size:calc(12px*var(--app-font-scale));font-weight:700;margin-top:10px;padding:6px 4px}.user-item--settings{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:1fr auto;padding:14px}.user-item--settings .user-item-right{justify-self:end}.user-setting-row{align-items:center;border-top:1px solid var(--app-panel-inner);display:flex;gap:10px;grid-column:1/-1;justify-content:space-between;padding-top:10px}.user-setting-label{align-items:baseline;color:var(--app-text);display:inline-flex;font-size:calc(14px*var(--app-font-scale));font-weight:900;gap:6px}.user-setting-label-sample{display:inline-block;letter-spacing:-.5px;line-height:1}.user-setting-label-sample--sm{font-size:calc(14px*var(--app-font-scale));opacity:.9}.user-setting-label-sample--lg{font-size:calc(20px*var(--app-font-scale))}.segmented{grid-gap:6px;background:var(--app-surface-subtle);border:1px solid var(--app-border);border-radius:999px;display:grid;gap:6px;grid-template-columns:repeat(3,1fr);min-width:172px;padding:4px}.segmented-btn{background:#0000;border:0;border-radius:999px;color:var(--app-text-subtle);cursor:pointer;display:grid;font-weight:900;padding:8px 10px;place-items:center}.segmented-btn.active{background:var(--app-card);color:var(--app-text)}.font-sample{display:block;letter-spacing:-.5px;line-height:1}.font-sample--sm{font-size:14px}.font-sample--md{font-size:16px}.font-sample--lg{font-size:19px}.skid-page{--skid-tabs-sticky-h:62px;overflow:visible;overflow-x:clip;padding-bottom:104px;padding-top:0;touch-action:pan-y}.skid-top-tabs{grid-gap:8px;background:var(--app-bg);display:grid;gap:8px;grid-template-columns:repeat(5,minmax(0,1fr));margin:0 0 10px;padding:8px 0;position:sticky;top:0;z-index:5}.skid-tab{background:var(--app-surface-subtle);border:1px solid var(--app-border-strong);border-radius:14px;border-radius:var(--app-radius-control,14px);color:var(--app-text);cursor:pointer;font-size:calc(13px*var(--app-font-scale));font-weight:800;height:36px;min-width:0;overflow:hidden;padding:0 6px;text-overflow:ellipsis;white-space:nowrap}.skid-tab.active{background:var(--app-accent);border-color:var(--app-accent-deep);color:var(--app-on-accent)}.hx-wrap,.skid-tower-list{display:flex;flex-direction:column;gap:12px}.hx-top-row{grid-gap:12px;align-items:stretch;display:grid;gap:12px;grid-template-columns:1fr 1fr}.hx-top-card{background:var(--app-card);border:1px solid var(--app-border);border-radius:20px;border-radius:var(--app-radius-card,20px);min-width:0;padding:12px 14px}.hx-top-head{color:var(--app-text);font-size:calc(14px*var(--app-font-scale));font-weight:900;margin-bottom:0}.hx-top-summary{align-items:flex-start;display:flex;flex-direction:column;gap:4px}.hx-top-title-stack{display:flex;flex-direction:column;gap:3px;min-width:0}.hx-top-body{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:1fr auto}.skid-tower-card{background:var(--app-card);border:1px solid var(--app-border);border-radius:20px;border-radius:var(--app-radius-card,20px);overflow:hidden;padding:12px}.hx-tower-svg-wrap{background:var(--app-image-canvas);border-radius:10px;box-sizing:border-box;min-width:0;padding:6px;width:100%}.hx-tower-svg-right-col .hx-tower-svg-num{font-size:25px}.hx-tower-svg-right-col .hx-tower-svg-unit{font-size:16px}.hx-tower-svg{display:block;font-family:system-ui,Segoe UI,sans-serif;height:auto;width:100%}.hx-tower-svg-box{fill:#fff;stroke:var(--app-line-strong);stroke-width:1.5}.hx-tower-svg-box--gray{fill:#e9e9e9}.hx-tower-svg-num{fill:var(--app-text);font-size:23px;font-weight:900}.hx-tower-svg-num--big{font-size:30px}.hx-tower-svg-unit{fill:var(--app-text);font-size:15px;font-weight:800}.hx-tower-svg-title{fill:var(--app-text);font-size:17px;font-weight:900}.hx-tower-svg-line{stroke:var(--app-line-strong);stroke-width:1.5}.hx-tower-svg-sum{fill:var(--app-card);stroke:var(--app-line-strong);stroke-width:1.4}.hx-tower-svg-sum-glyph{fill:var(--app-text);font-size:24px;font-weight:900}.hx-tower-svg-pump-ring{fill:var(--app-card);stroke:var(--app-line-strong);stroke-width:1.4}.hx-tower-svg-pump-tri{fill:none;stroke:var(--app-line-strong);stroke-width:1.25}.hx-tower-svg-marker{fill:var(--app-line-strong)}.hx-tower-svg-line-dot{fill:var(--app-text)}.hx-tower-svg-sum-path,.hx-tower-svg-xvalve-path{fill:var(--app-card);stroke:var(--app-line-strong);stroke-width:1.35}.hx-tower-svg-xvalve-glyph-path{fill:none;stroke:var(--app-text);stroke-width:2;stroke-linecap:round}.hx-tower-svg-sum-glyph-path{fill:none;stroke:var(--app-text);stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}.hx-tower-svg-pump-ring-path{fill:var(--app-card);stroke:var(--app-line-strong);stroke-width:1.25}.hx-tower-svg-pump-tri-path{fill:none;stroke:var(--app-line-strong);stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round}.hx-tower-svg-line-dot-path{fill:var(--app-text);stroke:none}.tower-diagram{grid-gap:10px;align-items:center;background:var(--app-image-canvas);border:1px solid var(--app-border);border-radius:12px;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(0,1fr);min-width:0;padding:10px;position:relative}.tower-diagram--hx{padding-bottom:108px}.tower-title{color:var(--app-text);font-weight:900;position:absolute;right:10px;top:8px}.tower-dew-card{grid-gap:10px;align-items:center;background:var(--app-card);border:1px solid var(--app-border);border-radius:10px;bottom:10px;display:grid;gap:10px;grid-template-columns:1fr auto;left:10px;padding:10px;position:absolute;width:min(320px,62%)}@media (max-width:520px){.tower-dew-card{width:calc(100% - 20px)}}.tower-left,.tower-mid,.tower-right{display:flex;flex-direction:column;gap:8px;min-width:0}.tower-right{align-items:stretch}.tower-diagram.tower-diagram--hx-layout{--hx-right-top-shift:0px;align-items:start;grid-template-columns:minmax(0,1fr) minmax(0,1fr);position:relative}.tower-diagram--hx-layout>.tg-pipe{align-items:stretch;bottom:10px;display:flex;justify-content:center;left:50%;max-width:100px;pointer-events:none;position:absolute;top:10px;transform:translateX(-50%);width:min(96px,20vw);z-index:1}.tower-diagram--hx-layout>.tg-left-stack,.tower-diagram--hx-layout>.tg-mid-right,.tower-diagram--hx-layout>.tg-rest-left,.tower-diagram--hx-layout>.tg-rest-right{position:relative;z-index:2}.tower-diagram--hx-layout>.tg-pipe .pipe{height:100%;max-width:none;min-height:200px;width:100%}.pipe.pipe--hx-schematic{flex:1 1 auto;max-width:92px;min-height:260px;position:relative;width:100%}.hx-schematic-svg{display:block;height:100%;min-height:260px;overflow:visible;width:100%}.hx-schematic-line{stroke:var(--app-line-strong);stroke-width:1.35;fill:none;stroke-linecap:square;stroke-linejoin:miter}.hx-schematic-sum{fill:var(--app-card);stroke:var(--app-line-strong);stroke-width:1.25}.hx-schematic-sum-text{fill:var(--app-text);text-anchor:middle;dominant-baseline:middle;font-family:system-ui,Segoe UI,sans-serif;font-size:15px;font-weight:800}.hx-schematic-pump-ring{fill:var(--app-card);stroke:var(--app-line-strong);stroke-width:1.25}.hx-schematic-pump-tri{fill:none;stroke:var(--app-line-strong);stroke-width:1.15;stroke-linejoin:miter}.hx-schematic-marker{fill:var(--app-line-strong)}.tower-diagram--hx-layout>.tg-left-stack{align-self:start;grid-column:1;grid-row:1/span 2;min-width:0}.tower-hx-left-split{align-items:flex-start;display:flex;flex-direction:row;gap:8px;width:100%}.tower-hx-left-col{flex:1 1;min-width:0}.tower-hx-hotstack{display:flex;flex-direction:column;gap:8px}.tower-hx-hotstack .box{width:100%}.tower-diagram--hx-layout>.tg-mid-right{align-items:stretch;align-self:start;display:flex;flex-direction:column;gap:8px;grid-column:2;grid-row:1/span 2;margin-top:0;margin-top:var(--hx-right-top-shift,0);min-width:0;width:100%}.tower-diagram--hx-layout>.tg-mid-right>.box{width:100%}.tower-diagram--hx-layout>.tg-rest-right>.box:first-child{margin-top:clamp(12px,3vw,22px)}.tower-diagram--hx-layout>.tg-rest-left{grid-column:1;grid-row:3;margin-top:10px}.tower-diagram--hx-layout>.tg-rest-right{display:flex;flex-direction:column;gap:8px;grid-column:3;grid-row:3;margin-top:clamp(10px,2.8vw,22px);min-width:0;width:100%}.tower-diagram--hx-layout>.tg-rest-right .box{width:100%}.tower-left-cols{grid-gap:8px;align-items:start;display:grid;gap:8px;grid-template-columns:1fr 1fr;width:100%}.tower-left-col{display:flex;flex-direction:column;gap:8px;min-width:0}.tower-left-col .box{width:100%}.box{align-items:baseline;background:var(--app-card);border:1px solid var(--app-line-strong);box-sizing:border-box;display:flex;gap:2px;justify-content:center;max-width:100%;min-width:0;padding:8px 10px}.box.big .num{font-size:clamp(16px,5.2vw,24px);font-weight:900}.box.wide{width:100%}.box .num{font-size:clamp(12px,4.2vw,19px)}.box .num,.box .unit{color:var(--app-text);font-weight:900}.box .unit{font-size:12px}.tower-mid{align-items:center}.pipe{height:120px;position:relative;width:84px}.pipe-line{bottom:6px;top:6px;transform:translateX(-1px);width:2px}.pipe-line,.pipe-node{background:var(--app-line-strong);left:50%;position:absolute}.pipe-node{border-radius:50%;height:6px;transform:translateX(-3px);width:6px}.pipe-node.top{top:4px}.pipe-node.mid{top:50%;transform:translate(-3px,-3px)}.pipe-node.bot{bottom:4px}.pipe-valve{top:34px;transform:translateX(-13px);width:26px}.pipe-fan,.pipe-valve{background:var(--app-surface-subtle);border:1px solid var(--app-line-strong);height:18px;left:50%;position:absolute}.pipe-fan{border-radius:50%;bottom:18px;transform:translateX(-9px);width:18px}.tower-name{color:var(--app-text);font-weight:900;margin-top:10px}.tower-bottom{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-top:10px}.dew{border:1px solid var(--app-line-strong);padding:8px 10px}.dew-value{align-items:baseline;display:flex;font-size:28px;font-weight:900;gap:2px}.dew-value .unit{font-size:12px}.dew-label{font-size:12px;margin-top:2px}.dew-label,.hx-top-dew-title{color:var(--app-text);font-weight:900}.hx-top-dew-title{font-size:calc(11px*var(--app-font-scale));line-height:1.25}.gauge{background:#0000;border:0;display:grid;padding:0;place-items:center}.gauge--plain{margin-top:8px;place-items:stretch}.semi-gauge-wrap{background:var(--app-image-canvas);border:1px solid var(--app-border);border-radius:10px;box-sizing:border-box;display:grid;justify-items:center;padding:7px 10px;width:100%}.semi-gauge-wrap--frameless{background:#0000;border:0;border-radius:0;min-height:0;padding:0}.semi-gauge-wrap--frameless .semi-gauge-canvas{gap:0}.semi-gauge-canvas{grid-gap:5px;display:grid;gap:5px;width:100%}.semi-gauge-sm{min-height:46px;width:100%}.semi-gauge-sm .semi-gauge-canvas{width:100%}.semi-gauge-md{min-height:48px;width:100%}.semi-gauge-md .semi-gauge-canvas{width:100%}.semi-gauge-lg{min-height:50px;width:100%}.semi-gauge-lg .semi-gauge-canvas{width:100%}.semi-gauge-wrap--frameless.semi-gauge-lg,.semi-gauge-wrap--frameless.semi-gauge-md,.semi-gauge-wrap--frameless.semi-gauge-sm{min-height:10px}.semi-gauge-track{background:var(--app-gauge-rest);background:var(--semi-gauge-rest,var(--app-gauge-rest));border:1px solid var(--app-border);border-radius:999px;height:8px;overflow:visible;position:relative}.semi-gauge-fill{background:linear-gradient(90deg,#ef4444,#fdd835 28%,#22c55e 72%);background:linear-gradient(90deg,#ef4444 0,#fdd835 28%,var(--semi-gauge-primary,#22c55e) 72%);border-radius:inherit;inset:0 auto 0 0;position:absolute;width:0;width:var(--semi-gauge-value,0)}.semi-gauge-threshold-marker,.semi-gauge-value-marker{position:absolute;top:50%;transform:translate(-1px,-50%);width:2px;z-index:2}.semi-gauge-value-marker{background:var(--app-accent-deep);background:var(--semi-gauge-marker,var(--app-accent-deep));border-radius:999px;height:18px;left:0;left:var(--semi-gauge-value,0)}.semi-gauge-threshold-marker{background:#111827;border-radius:999px;height:14px;left:70%;left:var(--semi-gauge-threshold,70%);opacity:.45}.semi-gauge-readout{grid-gap:6px;align-items:center;color:var(--app-text-subtle);display:grid;font-size:9px;font-weight:900;gap:6px;grid-template-columns:auto 1fr auto;line-height:1;opacity:.82}.semi-gauge-main-label{color:var(--app-text);font-size:12px;font-weight:950;min-width:0;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.semi-gauge-threshold-label{color:var(--app-text-subtle);font-size:9px;font-weight:900;justify-self:center;line-height:1;opacity:.75}.gauge-arc{--pct:0.8;background:conic-gradient(from 180deg,#2e7d32 calc(var(--pct)*180deg),var(--app-border) 0);border-top-left-radius:82px;border-top-right-radius:82px;height:42px;overflow:hidden;position:relative;width:82px}.gauge-arc:before{background:#f6b300;bottom:0;height:38px;transform:translateX(-50%) rotate(36deg);transform-origin:bottom center;width:2px}.gauge-arc:after,.gauge-arc:before{content:"";left:50%;position:absolute}.gauge-arc:after{background:var(--app-card);border-top-left-radius:64px;border-top-right-radius:64px;bottom:-2px;height:32px;transform:translateX(-50%);width:64px}.gauge-arc .gauge-needle{background:#2f6da8;bottom:0;height:34px;left:50%;position:absolute;transform:translateX(-50%) rotate(calc(-90deg + var(--pct)*180deg));transform-origin:bottom center;width:2px;z-index:2}.gauge-arc .gauge-needle:after{background:#f5a623;border:1px solid #2f6da8;border-radius:50%;bottom:-2px;content:"";height:7px;left:50%;position:absolute;transform:translateX(-50%);width:7px}.gauge-max{font-size:12px;margin-top:4px}.gauge-max,.skid-statusbar{color:var(--app-text);font-weight:900}.skid-statusbar{background:var(--app-card);border-top:1px solid var(--app-border);bottom:64px;font-size:calc(clamp(11px, 3.2vw, 14px)*var(--app-font-scale));height:36px;left:0;overflow:hidden;position:fixed;right:0;z-index:49}.skid-statusbar-track{animation:skid-statusbar-scroll-rtl 22s linear infinite;display:flex;min-width:200%;width:max-content;will-change:transform}.skid-statusbar-segment{align-items:center;display:flex;flex-shrink:0;gap:2.5rem;height:36px;padding:0 2.5rem;white-space:nowrap}.skid-statusbar-item{white-space:nowrap}.skid-statusbar-sep{color:var(--app-text-subtle);flex-shrink:0;font-weight:700;-webkit-user-select:none;user-select:none}@keyframes skid-statusbar-scroll-rtl{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@media (prefers-reduced-motion:reduce){.skid-statusbar-track{animation:none;box-sizing:border-box;justify-content:space-between;min-width:100%;padding:0 12px;width:100%}.skid-statusbar-segment[aria-hidden=true]{display:none}.skid-statusbar-segment{flex:1 1;gap:12px;justify-content:space-between;padding:0}}@media (max-width:420px){.skid-top-tabs{gap:4px;grid-template-columns:repeat(5,minmax(0,1fr))}.skid-tab{font-size:calc(11px*var(--app-font-scale));padding:0 2px}}.ltht-wrap{display:flex;flex-direction:column;gap:12px}.ltht-card{background:var(--app-card);border:1px solid var(--app-border);border-radius:20px;border-radius:var(--app-radius-card,20px);overflow:hidden}.ltht-diagram{background:var(--app-image-canvas);border-bottom:1px solid var(--app-border);overflow:hidden;padding:12px;position:relative}.ltht-svg{aspect-ratio:720/300;display:block;height:auto;max-height:560px;width:100%}.sb-badge{background:var(--app-diagram-radial);border:2px solid #ef5350;border-radius:50%;color:var(--app-text);display:grid;font-size:12px;font-weight:900;height:64px;isolation:isolate;left:14px;letter-spacing:-.2px;line-height:1.05;place-items:center;position:absolute;top:14px;-webkit-user-select:none;user-select:none;width:64px;z-index:2}.sb-badge:after,.sb-badge:before{display:none}.ltht-box{background:var(--app-surface-subtle);border:1px solid var(--app-line-strong);font-size:12px;font-weight:900;padding:8px 10px;position:absolute;text-align:center}.ltht-box.b1{left:22px;top:110px;width:60px}.ltht-box.b2{background:var(--app-diagram-tint);border:2px solid var(--app-accent);border-radius:10px;left:132px;top:76px;width:56px}.ltht-box.b3{display:grid;height:140px;place-items:center;right:22px;top:136px;width:46px}.ltht-box.b4{background:var(--app-surface-subtle);border-radius:50%;display:grid;height:56px;place-items:center;right:28px;top:34px;width:56px}.ltht-metric{background:var(--app-card);border:1px solid var(--app-line-strong);font-size:12px;font-weight:900;padding:6px 10px;position:absolute}.ltht-metric b{font-size:15px}.ltht-metric.m1{left:240px}.ltht-metric.m1,.ltht-metric.m2{text-align:center;top:12px;width:92px}.ltht-metric.m2{left:350px}.ltht-metric.m3{bottom:18px;left:170px;text-align:center;width:120px}.ltht-leader{background:var(--app-line-strong);position:absolute;width:1px}.ltht-leader.l1{height:66px;left:286px;top:62px}.ltht-leader.l2{height:66px;left:396px;top:62px}.ltht-leader.l3{bottom:62px;height:50px;left:230px}.ltht-line{border-radius:999px;height:4px;position:absolute}.ltht-line.red{background:#e53935}.ltht-line.blue{background:#1e88e5}.ltht-line:after{border-bottom:6px solid #0000;border-top:6px solid #0000;content:"";height:0;position:absolute;top:50%;transform:translateY(-50%);width:0}.ltht-line.red.r1{left:176px;right:98px;top:86px}.ltht-line.red.r1:after{border-left:10px solid #e53935;right:-10px}.ltht-line.red.r2{left:176px;right:98px;top:104px}.ltht-line.red.r2:after{border-right:10px solid #e53935;left:-10px}.ltht-line.blue.b1{height:4px;left:82px;right:98px;top:188px}.ltht-line.blue.b1:after{border-left:10px solid #1e88e5;right:-10px}.ltht-line.blue.b2{height:4px;left:82px;right:98px;top:222px}.ltht-line.blue.b2:after{border-right:10px solid #1e88e5;left:-10px}.ltht-branch{border-radius:999px;position:absolute;width:4px}.ltht-branch.blue.br1{background:#1e88e5;height:94px;left:150px;top:132px}.ltht-riser{border-radius:999px;height:4px;position:absolute}.ltht-riser.red.vr1{background:#e53935;height:190px;right:54px;top:86px;width:4px}.ltht-line.red.hp-in1{right:54px;top:138px;transform:translateX(4px);width:44px}.ltht-line.red.hp-in1:after{border-left:10px solid #e53935;right:-10px}.ltht-line.red.hp-in2{right:54px;top:174px;transform:translateX(4px);width:44px}.ltht-line.red.hp-in2:after{border-left:10px solid #e53935;right:-10px}.ltht-tank{background:var(--app-card);border:2px solid var(--app-accent);border-radius:50%;color:#e53935;display:grid;font-size:12px;font-weight:900;height:64px;left:235px;place-items:center;position:absolute;top:162px;width:64px}.ltht-node{background:#777;border-radius:50%;height:8px;position:absolute;width:8px}.ltht-node.n1{left:196px;top:82px}.ltht-node.n2{left:244px;top:184px}.ltht-node.n3{left:312px;top:82px}.ltht-node.n4{left:422px;top:82px}.ltht-node.n5{right:112px;top:82px}.ltht-node.n6{right:58px;top:134px}.ltht-node.n7{right:58px;top:170px}.ltht-valve{background:var(--app-card);border:1px solid var(--app-line-strong);height:18px;position:absolute;transform:rotate(45deg);width:18px}.ltht-valve.v1{left:277px;top:110px}.ltht-valve.v2{left:387px;top:110px}.ltht-valve.v3{left:154px;top:160px}.ltht-pump{background:#22c55e;border:2px solid var(--app-line-strong);border-radius:50%;height:22px;left:328px;position:absolute;top:178px;width:22px}.ltht-pump:after{background:var(--app-line-strong);border-radius:2px;bottom:-10px;content:"";height:6px;left:50%;position:absolute;transform:translateX(-50%);width:18px}.ltht-sensor.green{background:#22c55e;border:2px solid #0f5a29;border-radius:50%;height:18px;position:absolute;right:84px;top:62px;width:18px}.ltht-table .thead,.ltht-table .trow{grid-gap:0;display:grid;gap:0;grid-template-columns:minmax(120px,2fr) minmax(56px,1fr) minmax(56px,1fr) minmax(56px,1fr) minmax(56px,1fr);min-width:520px}.ltht-table .thead{background:var(--app-bar-track);border-bottom:1px solid var(--app-border-strong);border-top:1px solid var(--app-border-strong);color:var(--app-text);font-size:11px;font-size:calc(11px*var(--app-font-scale, 1));font-weight:800}.ltht-table .thead>div,.ltht-table .trow>div{border-right:1px solid var(--app-border-strong);box-sizing:border-box;font-size:12px;font-size:calc(12px*var(--app-font-scale, 1));min-width:0;padding:6px 8px;text-align:center}.ltht-table .thead>div:last-child,.ltht-table .trow>div:last-child{border-right:0}.ltht-table .trow{border-bottom:1px solid var(--app-border);font-weight:700}.ltht-table .trow .sel{font-weight:800;text-align:left;word-break:keep-all}.ltht-table .trow>div.ltht-cell-muted{background:#e9e9e9}.ltht-table-wrap{display:flex;flex-direction:column;gap:10px}.ltht-table-title{font-size:12px;font-size:calc(12px*var(--app-font-scale, 1));font-weight:800;padding:0 2px}.ltht-pump-table .thead,.ltht-pump-table .trow{grid-template-columns:minmax(140px,2.2fr) minmax(64px,1fr) minmax(64px,1fr) minmax(72px,1fr)}.ltht-table{max-width:100%;overflow-x:auto;overflow-y:hidden}.ltht-empty{background:var(--app-card);border-bottom:1px solid var(--app-border);box-sizing:border-box;color:#6b7280;color:var(--app-text-soft,#6b7280);font-size:12px;font-size:calc(12px*var(--app-font-scale, 1));font-weight:600;min-width:520px;padding:10px 12px;text-align:center}.ltht-svg-node{cursor:pointer;transition:filter .12s ease}.ltht-svg-node:hover{filter:brightness(1.06)}.ltht-svg-node.is-active{filter:brightness(1.1)}.ltht-row-num{color:#1e88e5;display:inline-block;font-size:11px;font-size:calc(11px*var(--app-font-scale, 1));font-weight:800;margin-right:4px;min-width:16px;text-align:right}.ltht-bar-card{background:var(--app-card);border:1px solid var(--app-border);border-radius:20px;border-radius:var(--app-radius-card,20px);padding:12px}.bar-title{grid-gap:8px;align-items:baseline;display:grid;font-weight:900;gap:8px;grid-template-columns:1fr auto auto}.bar-title .red{color:#d32f2f}.bar-title .target{color:var(--app-text);font-size:12px}.bar-title .bar-val{justify-self:end}.bar-track{background:var(--app-border);border-radius:999px;height:10px;margin-top:10px;overflow:hidden;position:relative}.bar-fill{background:linear-gradient(90deg,var(--app-accent-light) 0,var(--app-accent) 100%);border-radius:999px;height:100%}.bar-target{background:#ff6d00;height:22px;position:absolute;top:-6px;transform:translateX(-1px);width:2px}.skid-placeholder{background:var(--app-card);border:1px solid var(--app-border);border-radius:20px;border-radius:var(--app-radius-card,20px);padding:18px}.skid-placeholder-title{font-size:16px;font-weight:900;margin-bottom:6px}.skid-placeholder-sub{color:var(--app-text-subtle);font-size:13px;font-weight:700}.hp-wrap{display:flex;flex-direction:column;gap:12px;padding-bottom:112px}.hp-diagram-card{background:var(--app-card);border:1px solid var(--app-border);border-radius:20px;border-radius:var(--app-radius-card,20px);overflow:hidden;padding:12px}.hp-diagram{background:var(--app-image-canvas);border:1px solid var(--app-border-strong);border-radius:10px;padding:8px;position:relative}.hp-svg{aspect-ratio:780/456;display:block;height:auto;width:100%}.hp-v2{background:var(--app-image-canvas);border-radius:16px;overflow:hidden;padding:14px}.hpv2-grid{grid-gap:10px;align-items:stretch;display:grid;gap:10px;grid-template-columns:170px minmax(0,1fr)}.hpv2-scale{transform-origin:left top}.hpv2-left{grid-gap:10px;display:grid;gap:10px;grid-template-rows:1fr auto}.hpv2-machine{background:#e8e8e8;border:3px solid #222;border-radius:16px;padding:8px 6px;position:relative}.hpv2-row{grid-gap:8px;display:grid;gap:8px;margin-bottom:8px}.hpv2-row.mid,.hpv2-row.top{grid-template-columns:1fr 1fr}.hpv2-row.bot{grid-template-columns:1fr;margin-bottom:0}.hpv2-chip{background:#dedede;border:2px solid var(--app-line-strong);border-radius:10px;display:grid;font-size:13px;font-weight:900;min-height:34px;place-items:center;text-align:center}.hpv2-chip.evap{min-height:54px}.hpv2-chip.condenser{min-height:42px}.hpv2-kwh-left{background:var(--app-card);border:2px solid var(--app-line-strong);font-size:clamp(28px,4.8vw,38px);font-weight:900;line-height:1;padding:6px;text-align:center}.hpv2-kwh-left span{font-size:14px;margin-left:6px}.hpv2-right{grid-gap:6px;display:grid;gap:6px;grid-template-rows:auto auto auto auto}.hpv2-bottom-metrics,.hpv2-top-metrics{grid-gap:6px;display:grid;gap:6px;grid-template-columns:1fr 1fr}.hpv2-metric{background:var(--app-card);border:2px solid var(--app-line-strong);font-size:clamp(19px,2.9vw,34px);font-weight:900;line-height:1.05;padding:4px 6px;text-align:center}.hpv2-metric span{font-size:.4em;margin-left:3px}.hpv2-metric.temp{font-size:clamp(22px,3.4vw,40px)}.hpv2-line-row{grid-gap:6px;align-items:center;display:grid;gap:6px;grid-template-columns:1fr minmax(130px,1.4fr) minmax(98px,1fr) 1fr}.hpv2-line{border-radius:999px;height:16px;position:relative}.hpv2-line:after,.hpv2-line:before{border-bottom:13px solid #0000;border-top:13px solid #0000;content:"";height:0;position:absolute;top:50%;transform:translateY(-50%);width:0}.hpv2-line-row.blue .hpv2-line{background:#0666b8}.hpv2-line-row.blue .hpv2-line:before{border-right:12px solid #0666b8;left:-12px}.hpv2-line-row.blue .hpv2-line:after{border-left:12px solid #0666b8;right:-12px}.hpv2-line-row.red .hpv2-line{background:#d50000}.hpv2-line-row.red .hpv2-line:before{border-right:12px solid #d50000;left:-12px}.hpv2-line-row.red .hpv2-line:after{border-left:12px solid #d50000;right:-12px}.hpv2-line .dot{background:var(--app-line-strong);border-radius:50%;height:8px;position:absolute;top:50%;transform:translateY(-50%);width:8px}.hpv2-line .dot.start{left:2px}.hpv2-line .dot.end{right:2px}.hpv2-tag{background:#e3e3e3;border:2px solid var(--app-line-strong);font-size:12px;font-weight:900;padding:8px 6px;text-align:center}.hp-schematic{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:120px minmax(0,1fr) minmax(0,1fr);min-width:0}.hp-stack-box{grid-gap:6px;background:#f3f3f3;border:2px solid var(--app-line-strong);border-radius:10px;display:grid;gap:6px;padding:10px}.hp-stack-box .small{background:var(--app-card);border:1px solid var(--app-line-strong);border-radius:8px;font-size:10px;font-weight:900;padding:6px;text-align:center}.hp-stack-box .small.wide{grid-column:1/-1}.hp-arrows{height:160px;position:relative}.hp-arrows .arrow{border-radius:999px;height:10px;left:10px;position:absolute;right:10px}.hp-arrows .arrow.blue{background:#1565c0;top:52px}.hp-arrows .arrow.red{background:#c62828;top:106px}.hp-arrows .arrow:after,.hp-arrows .arrow:before{border-bottom:10px solid #0000;border-top:10px solid #0000;content:"";height:0;position:absolute;top:50%;transform:translateY(-50%);width:0}.hp-arrows .arrow:before{border-right:10px solid;left:-10px}.hp-arrows .arrow:after{border-left:10px solid;right:-10px}.hp-arrows .arrow.blue{color:#1565c0}.hp-arrows .arrow.red{color:#c62828}.hp-right-row{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(0,1fr);margin-bottom:8px;min-width:0}.hp-right-row.foot,.hp-right-row.top{grid-template-columns:1fr 1fr}.metric-box{background:var(--app-card);border:1px solid var(--app-line-strong);box-sizing:border-box;font-size:clamp(12px,4.2vw,19px);font-weight:900;line-height:1;max-width:100%;min-width:0;padding:8px 10px;text-align:center}.metric-box .unit{margin-left:4px}.metric-box .unit,.side-box{font-size:12px;font-weight:900}.side-box{background:#f5f5f5;border:1px solid var(--app-line-strong);box-sizing:border-box;max-width:100%;min-width:0;padding:10px;text-align:center}.hp-bottom-kwh{display:flex;justify-content:flex-start;margin-top:8px}.hp-gauge-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.hp-gauge-card{background:var(--app-card);border:1px solid var(--app-line-strong);min-width:0;overflow:hidden;padding:10px}.hp-gauge-card--gray{background:#e9e9e9}.hp-gauge-top{align-items:baseline;display:flex;justify-content:space-between;margin-bottom:6px}.hp-gauge-title{font-size:11px;font-weight:900}.hp-gauge-value{font-size:14px;font-weight:900}.hp-gauge-value .unit{font-size:10px;margin-left:2px}.hp-gauge-arc{--pct:0.75;background:conic-gradient(from 180deg,#2e7d32 calc(var(--pct)*180deg),var(--app-gauge-rest) 0);border-top-left-radius:120px;border-top-right-radius:120px;height:60px;margin:0 auto;max-width:120px;overflow:hidden;position:relative;width:100%}.hp-gauge-arc:before{background:#f6b300;bottom:0;content:"";height:52px;left:50%;position:absolute;transform:translateX(-50%) rotate(36deg);transform-origin:bottom center;width:2px;z-index:2}.hp-gauge-arc:after{background:var(--app-card);border-top:1px solid var(--app-line-strong);border-top-left-radius:120px;border-top-right-radius:120px;bottom:-2px;content:"";height:70%;left:50%;position:absolute;transform:translateX(-50%);width:84%}.hp-gauge-arc .gauge-needle{background:#2f6da8;bottom:0;height:48px;left:50%;position:absolute;transform:translateX(-50%) rotate(calc(-90deg + var(--pct)*180deg));transform-origin:bottom center;width:2px;z-index:3}.hp-gauge-arc .gauge-needle:after{background:#f5a623;border:1px solid #2f6da8;border-radius:50%;bottom:-2px;content:"";height:8px;left:50%;position:absolute;transform:translateX(-50%);width:8px}.hp-gauge-arc.yellow{background:conic-gradient(from 180deg,#f9a825 calc(var(--pct)*180deg),var(--app-gauge-rest) 0)}.hp-gauge-arc.red{background:conic-gradient(from 180deg,#d32f2f calc(var(--pct)*180deg),var(--app-gauge-rest) 0)}.hp-gauge-sub{font-size:12px;font-weight:900;margin-top:6px;text-align:center}.sgmvr-wrap{display:flex;flex-direction:column;gap:12px}.sgmvr-gauge-row{grid-gap:10px;align-items:stretch;display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));min-width:0}.sgmvr-gauge-row .hp-gauge-card{min-width:0}.sgmvr-panel{background:var(--app-card);border:1px solid var(--app-border);border-radius:20px;border-radius:var(--app-radius-card,20px);display:flex;flex-direction:column;gap:8px;min-width:0;overflow:hidden;padding:10px}.sgmvr-panel-head{color:var(--app-text);font-size:calc(14px*var(--app-font-scale));font-weight:900;padding:2px 4px 0}.sgmvr-panel-scroll{min-height:0;min-width:0}.sgmvr-panel-scroll .sgmvr-zpv-viewport{background:var(--app-image-canvas);border:1px solid var(--app-border-strong);border-radius:10px}.sgmvr-svg{background:var(--app-image-canvas);border-radius:12px;display:block;height:auto;width:100%}.sgmvr-svg--mvr{aspect-ratio:852/505}.sgmvr-svg--sg{aspect-ratio:852/475}.sgmvr-top{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:minmax(0,140px) minmax(0,1fr) minmax(0,140px);min-width:0}.sgmvr-left-metrics,.sgmvr-right-metrics{display:flex;flex-direction:column;gap:8px}.sgmvr-htskid{background:var(--app-image-canvas);padding:10px}.htskid-title,.sgmvr-htskid{border:1px solid var(--app-line-strong)}.htskid-title{background:#e6e6e6;font-size:12px;font-weight:900;margin:-18px auto 10px;padding:4px 6px;text-align:center;width:140px}.htskid-row{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr 1fr;margin-bottom:10px}.pct-box{background:var(--app-card);border:1px solid var(--app-line-strong);font-size:24px;font-weight:900;line-height:1;padding:6px 8px;text-align:center}.pct-box .unit{font-size:12px;margin-left:4px}.htskid-flow{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:56px 1fr;position:relative}.node-line{background:var(--app-line-strong);height:2px;left:66px;position:absolute;right:66px;top:50%;transform:translateY(-50%)}.sb-box,.sg-box{background:#f3f3f3;font-size:12px;height:36px;place-items:center;width:56px}.blk-box,.sb-box,.sg-box{border:1px solid var(--app-line-strong);display:grid;font-weight:900}.blk-box{background:var(--app-card);height:56px;place-items:center;position:relative;width:70px}.htskid-flow>.blk-box:nth-of-type(3){justify-self:start}.htskid-flow>.blk-box:nth-of-type(4){justify-self:center}.htskid-flow>.blk-box:nth-of-type(5){justify-self:end}.sgmvr-divider{background:#cfcfcf;height:1px;margin:12px 0}.tank-area{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:minmax(0,160px) minmax(0,1fr) minmax(0,160px);min-width:0}.tank,.tank-area{position:relative}.tank{background:var(--app-card);border:2px solid var(--app-line-strong);border-radius:999px;height:170px;margin:0 auto;overflow:hidden;width:150px}.tank-liquid{background:#0ea44b;bottom:0;height:50%;left:0;position:absolute;right:0}.tank-label{background:var(--app-card);border:1px solid var(--app-line-strong);display:grid;font-weight:900;height:56px;left:50%;line-height:1;place-items:center;position:absolute;top:50%;transform:translate(-50%,-50%);width:90px}.tank-label .num{font-size:22px}.tank-label .unit{font-size:12px;margin-top:-6px}.tank-label .lvl{font-size:12px;margin-top:-4px}.tank-left,.tank-right{display:flex;flex-direction:column;gap:8px;min-width:0}.feed-row{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:24px 1fr}.valve-mini{border:2px solid #2e7d32;height:18px;justify-self:center;transform:rotate(45deg);width:18px}.tank-arrow{border-radius:999px;height:10px;position:absolute;top:60%;width:90px}.tank-arrow.red{background:#c62828;left:165px}.tank-arrow.blue{background:#1565c0;right:165px}.tank-arrow:after{border-bottom:10px solid #0000;border-left:10px solid;border-top:10px solid #0000;content:"";height:0;position:absolute;right:-10px;top:50%;transform:translateY(-50%);width:0}.tank-arrow.red{color:#c62828}.tank-arrow.blue{color:#1565c0}.kpi-details,.kpi-wrap{display:flex;flex-direction:column;gap:12px}.kpi-section{background:#0000;border:none;border-radius:0;box-shadow:none;margin:0;padding:0;position:relative}.kpi-section-head{line-height:0;margin:0;padding:0 0 0 8px}.kpi-tab-toggle{align-items:flex-end;background:#0000;border:0;color:inherit;cursor:pointer;display:inline-flex;font:inherit;gap:6px;line-height:0;margin:0;padding:0}.kpi-tab-toggle:focus-visible{border-radius:10px;outline:2px solid var(--app-accent);outline-offset:3px}.kpi-tab-toggle .kpi-tab{pointer-events:none}.kpi-tab-chevron{color:var(--app-text-subtle);font-size:calc(11px*var(--app-font-scale));font-weight:900;line-height:1;opacity:.75;padding:0 4px 8px 0}.kpi-tab{border:2px solid var(--app-line-strong);border-bottom:none;border-radius:10px 10px 0 0;box-shadow:none;display:inline-block;font-weight:900;line-height:1.1;margin:0 0 -2px;min-width:7.5em;padding:4px 12px 6px;text-align:center;vertical-align:bottom;white-space:nowrap;z-index:2}.kpi-section-body,.kpi-tab{background:var(--app-card);position:relative}.kpi-section-body{border:2px solid var(--app-border);border-radius:0 12px 12px 12px;padding:10px;z-index:1}.kpi-section.red .kpi-section-body,.kpi-section.red .kpi-tab{border-color:#ef4444}.kpi-section.green .kpi-section-body,.kpi-section.green .kpi-tab{border-color:#22c55e}.kpi-section.blue .kpi-section-body,.kpi-section.blue .kpi-tab{border-color:#3b82f6}.kpi-section--collapsed .kpi-tab{border-bottom:2px solid;border-radius:10px;margin:0}.kpi-section.red.kpi-section--collapsed .kpi-tab{border-color:#ef4444}.kpi-section.green.kpi-section--collapsed .kpi-tab{border-color:#22c55e}.kpi-section.blue.kpi-section--collapsed .kpi-tab{border-color:#3b82f6}.kpi-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.kpi-gauge-card{background:var(--app-card);border:1px solid var(--app-line-strong);padding:10px}.kpi-gauge-head{align-items:baseline;display:flex;justify-content:space-between}.kpi-gauge-title{font-size:11px;font-weight:900}.kpi-gauge-value{font-size:24px;font-weight:900;line-height:1}.kpi-gauge-value .unit{font-size:11px;margin-left:4px}.kpi-gauge-sub{font-size:12px;font-weight:900;margin-top:2px}.kpi-gauge-body{display:grid;margin-top:6px;place-items:stretch}.kpi-gauge-arc{--pct:0.72;background:conic-gradient(from 180deg,#22c55e calc(var(--pct)*180deg),var(--app-gauge-rest) 0);border-top-left-radius:120px;border-top-right-radius:120px;height:56px;overflow:hidden;position:relative;width:100%}.kpi-gauge-arc:before{background:#f6b300;bottom:0;content:"";height:50px;left:50%;position:absolute;transform:translateX(-50%) rotate(36deg);transform-origin:bottom center;width:2px;z-index:2}.kpi-gauge-arc:after{background:var(--app-card);border-top:1px solid var(--app-line-strong);border-top-left-radius:120px;border-top-right-radius:120px;bottom:-2px;content:"";height:70%;left:50%;position:absolute;transform:translateX(-50%);width:84%}.kpi-gauge-arc .gauge-needle{background:#2f6da8;bottom:0;height:46px;left:50%;position:absolute;transform:translateX(-50%) rotate(calc(-90deg + var(--pct)*180deg));transform-origin:bottom center;width:2px;z-index:3}.kpi-gauge-arc .gauge-needle:after{background:#f5a623;border:1px solid #2f6da8;border-radius:50%;bottom:-2px;content:"";height:8px;left:50%;position:absolute;transform:translateX(-50%);width:8px}.kpi-badge{color:var(--app-text-subtle);font-size:12px;font-weight:900;white-space:nowrap}.kpi-common{background:var(--app-card);border:1px solid var(--app-line-strong);border-radius:20px;border-radius:var(--app-radius-card,20px);box-shadow:0 4px 12px #0000000f;padding:10px;position:sticky;top:var(--skid-tabs-sticky-h);z-index:4}.kpi-common-title{font-weight:900;margin-bottom:8px}.kpi-common-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,auto)}@media (max-width:520px){.hx-top-row{gap:8px}.hx-top-card{padding:10px}.hx-top-body{grid-template-columns:1fr;justify-items:center}.hx-top-head{margin-bottom:8px}.ltht-diagram{overflow:hidden}.hp-schematic{gap:12px;grid-template-columns:1fr}.hp-arrows{height:80px}.hp-right-row,.hp-right-row.foot,.hp-right-row.top{grid-template-columns:1fr}.hpv2-grid{gap:10px;grid-template-columns:170px minmax(0,1fr)}.hpv2-scale{transform:scale(.52);width:100%}.hpv2-line-row{gap:6px;grid-template-columns:minmax(90px,1fr) minmax(86px,1.1fr) minmax(80px,.9fr) minmax(90px,1fr)}.hpv2-kwh-left,.hpv2-metric,.hpv2-metric.temp{font-size:clamp(20px,4.2vw,30px)}.hpv2-tag{font-size:12px;padding:8px 6px}.sgmvr-top,.tank-area{grid-template-columns:1fr}.tank-arrow{display:none}.hp-gauge-grid{gap:6px;grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.hp-gauge-card{padding:6px}.hp-gauge-title{font-size:10px}.hp-gauge-value{font-size:12px}.hp-gauge-value .unit{font-size:9px}.hp-gauge-sub{font-size:11px}.hp-gauge-top{margin-bottom:4px}.sgmvr-gauge-row{gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.kpi-common{padding:8px}.kpi-common-grid{gap:6px}.kpi-common-card{padding:6px 4px}.kpi-common-value{font-size:clamp(14px,3.8vw,22px)}.kpi-common-label{font-size:clamp(9px,2.6vw,12px);line-height:1.15}.kpi-level{height:36px;right:6px;top:6px;width:8px}}@media (max-width:360px){.hp-gauge-grid{gap:8px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.hp-gauge-card{padding:6px}.hp-gauge-title{font-size:10px}.hp-gauge-value{font-size:12px}.hp-gauge-sub{font-size:11px}.sgmvr-panel--mvr .sgmvr-panel-gauges{grid-template-columns:1fr}}.kpi-common-card{background:var(--app-card);border:1px solid var(--app-line-strong);padding:10px;position:relative}.kpi-common-card--gray,.kpi-gauge-card--gray{background:#e9e9e9}.kpi-common-card--gray .kpi-common-value{min-height:22px}.kpi-gauge-card--gray .kpi-gauge-value{min-height:24px}.kpi-common-card--gray .kpi-level{background:#f4f4f4}.kpi-common-value{font-size:22px;font-weight:900;line-height:1}.kpi-common-value .unit{font-size:10px;margin-left:4px}.kpi-common-label{font-size:12px;font-weight:900;margin-top:4px}.kpi-level{background:var(--app-card);border:1px solid var(--app-line-strong);height:44px;overflow:hidden;position:absolute;right:10px;top:10px;width:10px}.kpi-level-fill{background:linear-gradient(0deg,#ef4444 0,#22c55e 70%);bottom:0;left:0;position:absolute;right:0}.zpv-root{--zpv-btn-size:clamp(26px,5vmin,32px);--zpv-col-w:clamp(28px,6vmin,36px);--zpv-pad:clamp(4px,1vw,8px);--zpv-gap:clamp(2px,0.6vmin,6px);--zpv-font:clamp(15px,3.8vmin,19px);--zpv-range-h:clamp(20px,4.5vmin,26px);align-items:stretch;display:flex;flex-direction:row;gap:clamp(4px,1.2vw,10px);max-width:100%;touch-action:manipulation;width:100%}.zpv-root,.zpv-viewport{min-width:0;overscroll-behavior:none}.zpv-viewport{-webkit-overflow-scrolling:touch;flex:1 1;isolation:isolate;overflow:hidden;position:relative}.zpv-viewport:has(.zpv-stage--pannable){cursor:grab}.zpv-viewport:has(.zpv-stage--pannable):active{cursor:grabbing}.zpv-stage{backface-visibility:hidden;-webkit-backface-visibility:hidden;display:block;max-width:100%;transform-origin:0 0;width:100%}.zpv-stage--sized{flex-shrink:0;max-width:none;width:auto}.zpv-viewport--fit{position:relative}.zpv-viewport--fit>.zpv-stage{left:0;margin:0;position:absolute;top:0}.zpv-stage svg{shape-rendering:geometricPrecision;text-rendering:geometricPrecision}.zpv-stage--pannable{cursor:grab;touch-action:none}.zpv-stage--pannable:active{cursor:grabbing}.zpv-stage--pannable .ltht-svg-node,.zpv-stage--pannable [data-zpv-interactive],.zpv-stage--pannable [role=button],.zpv-stage--pannable a,.zpv-stage--pannable button,.zpv-stage--pannable input,.zpv-stage--pannable select,.zpv-stage--pannable textarea{cursor:pointer;touch-action:manipulation}.zpv-controls{align-self:stretch;flex-direction:column;flex-shrink:0;gap:var(--zpv-gap);justify-content:flex-start;max-width:var(--zpv-col-w);min-height:0;min-width:var(--zpv-col-w);overscroll-behavior:none;padding:var(--zpv-pad);touch-action:none;width:var(--zpv-col-w)}.zpv-btn,.zpv-controls{align-items:center;box-sizing:border-box;display:flex}.zpv-btn{-webkit-tap-highlight-color:transparent;background:#f4f4f4;background:var(--app-image-canvas,#f4f4f4);border:1px solid var(--app-border);border-radius:clamp(6px,1.4vmin,9px);color:var(--app-text);cursor:pointer;font-size:var(--zpv-font);font-weight:800;height:var(--zpv-btn-size);justify-content:center;line-height:1;margin:0;min-height:var(--zpv-btn-size);min-width:var(--zpv-btn-size);padding:0;-webkit-user-select:none;user-select:none;width:var(--zpv-btn-size)}.zpv-btn:hover{filter:brightness(1.03)}.zpv-btn:active{transform:scale(.96)}.zpv-slider-rail{align-items:center;container-name:zpv-rail;container-type:size;display:flex;flex:1 1 auto;justify-content:center;min-height:0;position:relative;width:100%}.zpv-slider-rail input[type=range]{accent-color:#0666b8;accent-color:var(--app-accent,#0666b8);box-sizing:border-box;cursor:pointer;height:var(--zpv-range-h);margin:0;padding:0;touch-action:none;transform:rotate(-90deg);transform-origin:center center;width:min(100cqh,70vh)}@supports not (width:1cqh){.zpv-slider-rail input[type=range]{width:min(200px,45vh)}}.zpv-slider-rail input[type=range]:focus-visible{outline:2px solid #0666b8;outline:2px solid var(--app-accent,#0666b8);outline-offset:2px}@media (max-width:360px){.zpv-root{--zpv-btn-size:clamp(24px,7vw,28px);--zpv-col-w:clamp(26px,7.5vw,32px);--zpv-font:clamp(14px,4.5vw,17px)}}@media (max-height:520px){.zpv-root{--zpv-btn-size:clamp(22px,4.2vmin,28px);--zpv-col-w:clamp(26px,5vmin,32px);--zpv-range-h:clamp(18px,3.8vmin,22px)}}.zpv-root--controls-toolbar{align-items:stretch;flex-direction:column}.zpv-root--controls-toolbar .zpv-viewport{flex:1 1 auto;min-width:0;width:100%}.zpv-controls--toolbar{align-items:center;align-self:auto;box-sizing:border-box;flex-direction:row;flex-shrink:0;gap:clamp(6px,2vw,10px);justify-content:center;max-width:none;min-height:auto;min-width:0;padding:4px 0 8px;width:100%}.zpv-controls--toolbar .zpv-slider-rail{flex:1 1 auto;height:var(--zpv-range-h);max-width:min(100%,280px);min-height:var(--zpv-range-h);min-width:0}.zpv-controls--toolbar .zpv-slider-rail input[type=range]{height:var(--zpv-range-h);transform:none;width:100%}.zpv-root--controls-overlay .zpv-viewport{position:relative}.zpv-controls--overlay{align-items:center;align-self:auto;background:color-mix(in srgb,#fcfcfc 88%,#0000);background:color-mix(in srgb,var(--app-image-canvas,#fcfcfc) 88%,#0000);border-top:1px solid var(--app-border);bottom:0;box-sizing:border-box;flex-direction:row;flex-shrink:0;gap:clamp(6px,2vw,10px);justify-content:center;left:0;max-width:none;min-height:auto;min-width:0;padding:clamp(5px,1.2vw,8px) clamp(8px,2vw,12px);pointer-events:auto;position:absolute;right:0;width:100%;z-index:5}.zpv-controls--overlay .zpv-slider-rail{flex:1 1 auto;height:var(--zpv-range-h);max-width:min(100%,240px);min-height:var(--zpv-range-h);min-width:0}.zpv-controls--overlay .zpv-slider-rail input[type=range]{height:var(--zpv-range-h);transform:none;width:100%}@supports not (width:1cqh){.zpv-controls--overlay .zpv-slider-rail input[type=range]{width:100%}}.alarm-page{padding-bottom:84px}.alarm-title{font-size:calc(18px*var(--app-font-scale));margin:8px 2px}.alarm-subtitle,.alarm-title{color:var(--app-text);font-weight:900}.alarm-subtitle{font-size:calc(16px*var(--app-font-scale));margin:12px 2px 8px}.alarm-box{background:var(--app-card);border:1px solid var(--app-border-strong);border-radius:20px;border-radius:var(--app-radius-card,20px);padding:10px}.alarm-scroll{max-height:220px;overflow:auto;padding-right:6px}.alarm-list-empty{color:#6b7280;color:var(--app-text-subtle,#6b7280);font-size:calc(12px*var(--app-font-scale));font-weight:700;padding:16px 10px;text-align:center}.alarm-search{background:var(--app-card);border:1px solid var(--app-border-strong);border-radius:20px;border-radius:var(--app-radius-card,20px);display:flex;flex-direction:column;gap:10px;margin:0 2px 10px;padding:10px}.alarm-search-period{align-items:center;display:flex;flex-wrap:wrap;gap:8px;min-width:0}.alarm-search-label{color:var(--app-text);flex:0 0 auto;font-size:calc(12px*var(--app-font-scale));font-weight:900}.alarm-search-dates{align-items:center;display:flex;flex:1 1 auto;gap:6px;min-width:0}.alarm-search-sep{color:#6b7280;color:var(--app-text-subtle,#6b7280);flex-shrink:0;font-weight:800}.alarm-search-input,.alarm-search-select{background:var(--app-card);border:1px solid var(--app-border-strong);border-radius:6px;box-sizing:border-box;color:var(--app-text);font-size:calc(12px*var(--app-font-scale));font-weight:800;min-width:0;padding:8px 10px}.alarm-search-input{flex:1 1;min-width:120px}.alarm-search-filters{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}.alarm-search-select{width:100%}.alarm-search-btn{background:#0666b8;background:var(--app-accent,#0666b8);border:1px solid #0666b8;border:1px solid var(--app-accent,#0666b8);border-radius:6px;color:#fff;cursor:pointer;font-size:calc(12px*var(--app-font-scale));font-weight:900;padding:8px 16px;white-space:nowrap}.alarm-search-btn:hover{filter:brightness(1.05)}@media (max-width:520px){.alarm-search-filters{grid-template-columns:1fr 1fr}.alarm-search-btn{grid-column:1/-1;width:100%}}.alarm-row{grid-gap:8px;align-items:center;background:var(--app-card);border:1px solid var(--app-border-strong);border-radius:6px;cursor:pointer;display:grid;gap:8px;grid-template-columns:1.2fr .9fr 1.4fr .7fr .6fr;margin-bottom:8px;min-width:0;padding:8px 10px;width:100%}.alarm-row.selected{outline:2px solid var(--app-accent);outline-offset:2px}.alarm-row .cell{color:var(--app-text);font-size:calc(12px*var(--app-font-scale));font-weight:800;min-width:0;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.alarm-selected-row{grid-gap:8px;border:1px solid var(--app-border-strong);border-radius:6px;display:grid;gap:8px;grid-template-columns:1.2fr .9fr 1.4fr .7fr;margin-bottom:10px;min-width:0;padding:8px 10px}.alarm-selected-row .cell{font-size:calc(12px*var(--app-font-scale));font-weight:900;min-width:0;text-align:center}.alarm-memo-area textarea{background:var(--app-card);border:1px solid var(--app-border-strong);border-radius:6px;color:var(--app-text);font-size:calc(13px*var(--app-font-scale));font-weight:800;min-height:150px;outline:none;padding:10px;resize:vertical;width:100%}.alarm-actions{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:1fr auto;margin-top:10px}.alarm-userline{display:flex;flex-wrap:wrap;font-size:calc(12px*var(--app-font-scale));font-weight:900;gap:10px}.alarm-btns{display:flex;gap:8px}.alarm-btns .btn{background:var(--app-card);border:1px solid var(--app-border-strong);border-radius:6px;color:var(--app-text);cursor:pointer;font-weight:900;padding:8px 12px}.alarm-btns .btn:hover{background:var(--app-hover)}.alarm-history{border-top:1px solid var(--app-border-strong);display:flex;flex-direction:column;gap:8px;margin-top:10px;padding-top:8px}.alarm-history-empty{color:#6b7280;color:var(--app-text-subtle,#6b7280);font-size:12px;font-size:calc(12px*var(--app-font-scale, 1));font-weight:700;padding:14px 10px;text-align:center}.alarm-history-row{grid-gap:8px;background:var(--app-card);border:1px solid var(--app-border-strong);border-radius:6px;color:var(--app-text);display:grid;font-size:12px;font-weight:800;gap:8px;grid-template-columns:minmax(0,1.1fr) minmax(0,.8fr) minmax(0,.7fr) minmax(0,1.4fr);min-width:0;padding:8px 10px}.alarm-history-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trend-page{padding-bottom:84px}.trend-swipe-surface{touch-action:pan-y}.trend-top-tabs{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin:10px 0 12px}.trend-top-tab{align-items:center;background:#fff;border:1px solid var(--app-accent);border-radius:12px;color:var(--app-accent);cursor:pointer;display:inline-flex;font-size:calc(13px*var(--app-font-scale));font-weight:900;justify-content:center;margin:0;min-height:44px;padding:10px 8px;transition:background-color .12s ease,color .12s ease}.trend-top-tab:hover{background:#4db6ac14}.trend-top-tab.is-active{background:var(--app-accent);color:#fff}.trend-top-tab.is-active:hover{background:var(--app-accent-deep)}.trend-top-tab:focus-visible{outline:2px solid var(--app-accent);outline-offset:3px}.trend-list,.trend-query{display:flex;flex-direction:column;gap:12px}.trend-query-sensors{margin:0}.trend-sensor-chart-card{touch-action:none}.trend-range-row{grid-gap:10px;align-items:stretch;box-sizing:border-box;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin:10px 0 12px;width:100%}.trend-controls{grid-gap:12px;align-items:start;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);margin:10px 0 12px}.trend-controls .trend-fav-panel,.trend-controls .trend-period-panel{margin:0}.trend-panel-error{background:#fff1f0;border-radius:8px;color:#cf1322;font-size:13px;margin:0 0 10px;padding:10px 12px}.trend-panel-placeholder,.trend-sensor-empty,.trend-sensor-loading{color:#656d76;color:var(--muted,#656d76);font-size:14px;padding:12px 4px}.trend-panel-title{color:#111;color:var(--app-text,#111);font-size:14px;font-size:calc(14px*var(--app-font-scale, 1));font-weight:900;padding:2px 2px 0}@media (max-width:900px){.trend-controls{grid-template-columns:1fr}}.trend-range-row-2{grid-template-columns:repeat(2,1fr)}.trend-range-row-3{grid-template-columns:repeat(3,1fr)}.trend-range-row-full{grid-template-columns:1fr;margin-top:0}.trend-range-period{position:relative}.trend-range-caret{transition:transform .16s ease}.trend-range-period.is-open .trend-range-caret{transform:rotate(180deg)}.trend-period-panel{grid-gap:10px;background:#fff;background:var(--app-card,#fff);border:1px solid #e5e7eb;border:1px solid var(--app-border,#e5e7eb);border-radius:12px;display:grid;gap:10px;margin:0 0 12px;padding:12px}.trend-period-modes{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr)}.trend-period-mode{background:#f3f4f6;background:var(--app-surface-subtle,#f3f4f6);border:1px solid #d0d4da;border:1px solid var(--app-border-strong,#d0d4da);border-radius:10px;color:#111;color:var(--app-text,#111);cursor:pointer;font-size:13px;font-size:calc(13px*var(--app-font-scale, 1));font-weight:900;min-height:38px;padding:8px 0}.trend-period-mode:hover{background:#e9eef6;background:var(--app-bar-track,#e9eef6)}.trend-period-mode.is-active{background:var(--app-accent);border-color:var(--app-accent);color:#fff}.trend-period-avgs{align-items:center;display:flex;flex-wrap:wrap;gap:6px 14px;padding:2px}.trend-period-avgs-label{font-weight:900;margin-right:2px}.trend-period-avg,.trend-period-avgs-label{color:#111;color:var(--app-text,#111);font-size:13px;font-size:calc(13px*var(--app-font-scale, 1))}.trend-period-avg{align-items:center;cursor:pointer;display:inline-flex;font-weight:800;gap:4px;-webkit-user-select:none;user-select:none}.trend-period-avg input[type=radio]{appearance:none;background:#fff;background:var(--app-card,#fff);border:1.5px solid #9ca3af;border:1.5px solid var(--app-border-strong,#9ca3af);border-radius:3px;cursor:pointer;flex:0 0 auto;height:14px;margin:0;position:relative;width:14px}.trend-period-avg input[type=radio]:checked{background:#d32f2f;border-color:#d32f2f}.trend-period-avg.is-active{color:#d32f2f}.trend-period-fromto{grid-gap:8px;align-items:end;display:grid;gap:8px;grid-template-columns:1fr auto 1fr}.trend-period-input-wrap{display:flex;flex-direction:column;gap:4px;min-width:0}.trend-period-input-label{color:#6b7280;color:var(--app-text-soft,#6b7280);font-size:11px;font-size:calc(11px*var(--app-font-scale, 1));font-weight:800;letter-spacing:.04em}.trend-period-input{appearance:auto;background:#fff;background:var(--app-card,#fff);border:1px solid #d0d4da;border:1px solid var(--app-border-strong,#d0d4da);border-radius:10px;box-sizing:border-box;color:#111;color:var(--app-text,#111);font-size:13px;font-size:calc(13px*var(--app-font-scale, 1));font-weight:800;min-height:38px;padding:6px 10px;width:100%}select.trend-period-input{cursor:pointer}.trend-period-input:focus-visible{border-color:var(--app-accent);outline:2px solid var(--app-accent);outline-offset:2px}.trend-period-tilde{align-self:center;color:#6b7280;color:var(--app-text-soft,#6b7280);font-weight:900;padding-bottom:8px}.trend-period-summary{align-items:center;background:#4db6ac14;border-radius:10px;color:var(--app-accent);display:flex;font-size:13px;font-size:calc(13px*var(--app-font-scale, 1));font-weight:900;gap:8px;justify-content:center;margin-top:2px;padding:8px 10px}.trend-period-summary .sep{color:#6b7280;color:var(--app-text-soft,#6b7280)}.trend-period-summary-fixed{flex-wrap:wrap;margin:0 0 12px;row-gap:6px}.trend-period-summary-tag{background:#0000;color:inherit;display:inline;font-size:inherit;font-weight:900;padding:0}.trend-period-summary-sensors{align-items:center;display:inline-flex;flex-wrap:wrap;gap:4px;margin-left:4px}.trend-period-summary-sensor{background:#0000;border:none;color:inherit;display:inline;font-size:inherit;font-weight:800;padding:0}.trend-period-summary-sensor+.trend-period-summary-sensor:before{color:inherit;content:"\00a0\00a0"}.trend-period-summary-placeholder{color:#6b7280;color:var(--app-text-subtle,#6b7280);font-size:12px;font-size:calc(12px*var(--app-font-scale, 1));font-weight:600}.trend-sensor-groups{background:#fff;background:var(--app-card,#fff);border:1px solid #d0d4da;border:1px solid var(--app-border-strong,#d0d4da);border-radius:12px;margin-top:4px;overflow:hidden}.trend-sensor-tabs{background:var(--app-accent);display:grid;grid-template-columns:repeat(5,1fr)}.trend-sensor-tab{background:#0000;border:none;border-right:1px solid #ffffff2e;color:#fff;cursor:pointer;font-size:12px;font-size:calc(12px*var(--app-font-scale, 1));font-weight:900;letter-spacing:.02em;min-height:40px;padding:10px 6px;white-space:nowrap}.trend-sensor-tab:last-child{border-right:none}.trend-sensor-tab:hover{background:#ffffff14}.trend-sensor-tab.is-active{background:#fff;background:var(--app-card,#fff);border-right-color:#0000;color:#111;color:var(--app-text,#111)}.trend-sensor-tab.is-active+.trend-sensor-tab{border-left:0}.trend-sensor-group-list{grid-gap:2px 4px;background:#fff;background:var(--app-card,#fff);display:grid;gap:2px 4px;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;margin:0;padding:12px}.trend-sensor-group-list>li{border-bottom:none;padding:0}.trend-period-actions{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-top:4px}.trend-period-action{align-items:center;border:1px solid var(--app-accent);border-radius:12px;cursor:pointer;display:inline-flex;font-size:13px;font-size:calc(13px*var(--app-font-scale, 1));font-weight:900;justify-content:center;min-height:42px;padding:10px 12px;transition:background-color .12s ease,color .12s ease}.trend-period-action-fav{background:#fff;color:var(--app-accent)}.trend-period-action-fav:hover{background:#4db6ac14}.trend-period-action-search{background:var(--app-accent);color:#fff}.trend-period-action-search:hover{background:var(--app-accent-deep)}.trend-period-action:focus-visible{outline:2px solid var(--app-accent);outline-offset:3px}.trend-period-action[disabled],.trend-period-action[disabled]:hover{background:#e9eef6;background:var(--app-bar-track,#e9eef6);border-color:#d0d4da;border-color:var(--app-border-strong,#d0d4da);color:#6b7280;color:var(--app-text-soft,#6b7280);cursor:not-allowed;opacity:.5}.trend-fav-panel{grid-gap:10px;background:#fff;background:var(--app-card,#fff);border:1px solid #e5e7eb;border:1px solid var(--app-border,#e5e7eb);border-radius:12px;display:grid;gap:10px;margin:0 0 12px;padding:12px}.trend-fav-table{border:1px solid #d0d4da;border:1px solid var(--app-border-strong,#d0d4da);border-radius:10px;box-sizing:border-box;overflow:hidden;width:100%}.trend-fav-empty,.trend-fav-row,.trend-fav-thead{align-items:center;display:grid;grid-template-columns:minmax(140px,2.2fr) minmax(120px,1.4fr) minmax(72px,1fr)}.trend-fav-thead{background:#f3f4f6;background:var(--app-bar-track,#f3f4f6);color:#111;color:var(--app-text,#111);font-size:12px;font-size:calc(12px*var(--app-font-scale, 1));font-weight:900}.trend-fav-thead>div{padding:8px 10px;text-align:center}.trend-fav-row{background:#fff;background:var(--app-card,#fff);color:#111;color:var(--app-text,#111);cursor:pointer;font-size:13px;font-size:calc(13px*var(--app-font-scale, 1));font-weight:700;touch-action:manipulation;transition:background-color .12s ease;-webkit-user-select:none;user-select:none}.trend-fav-row,.trend-fav-row+.trend-fav-row{border-top:1px solid #e5e7eb;border-top:1px solid var(--app-border,#e5e7eb)}.trend-fav-row>div{min-width:0;padding:8px 10px;text-align:center}.trend-fav-row .fav-name{font-weight:800;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.trend-fav-row:hover{background:#4db6ac0f}.trend-fav-row.is-selected{background:#4db6ac1f;color:var(--app-accent)}.trend-fav-row.is-loading-detail{opacity:.65}.trend-fav-empty{border-top:1px solid #e5e7eb;border-top:1px solid var(--app-border,#e5e7eb);grid-template-columns:1fr}.trend-fav-empty .empty-cell{color:#6b7280;color:var(--app-text-soft,#6b7280);font-size:12px;font-size:calc(12px*var(--app-font-scale, 1));font-weight:700;padding:18px 10px;text-align:center}.trend-fav-footer{display:flex;gap:8px;justify-content:flex-end}.trend-fav-footer .trend-period-action{min-width:140px}.trend-modal-sm{max-width:420px}.trend-fav-form{gap:14px}.trend-fav-field{display:flex;flex-direction:column;gap:6px}.trend-fav-field-label{font-weight:900}.trend-fav-field-label,.trend-fav-input{color:#111;color:var(--app-text,#111);font-size:13px;font-size:calc(13px*var(--app-font-scale, 1))}.trend-fav-input{background:#fff;background:var(--app-card,#fff);border:1px solid #d0d4da;border:1px solid var(--app-border-strong,#d0d4da);border-radius:10px;box-sizing:border-box;font-weight:700;min-height:42px;padding:8px 12px;width:100%}.trend-fav-input:focus-visible{border-color:var(--app-accent);outline:2px solid var(--app-accent);outline-offset:2px}.trend-fav-actions{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.trend-sensor-item{align-items:center;color:#111;color:var(--app-text,#111);cursor:pointer;display:inline-flex;font-size:12px;font-size:calc(12px*var(--app-font-scale, 1));gap:7px;padding:5px 4px}.trend-sensor-item input[type=checkbox]{accent-color:var(--app-accent);cursor:pointer;height:12px;width:12px}.trend-sensor-bang{align-items:center;background:var(--app-accent);border-radius:50%;color:#fff;display:inline-flex;flex:0 0 auto;font-size:12px;font-weight:900;height:18px;justify-content:center;line-height:1;width:18px}.trend-range-btn.is-active .trend-sensor-bang,.trend-range-btn[aria-pressed=true] .trend-sensor-bang{background:#fff;color:var(--app-accent)}.trend-modal-backdrop{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1000}.trend-modal{background:#fff;background:var(--app-card,#fff);border:1px solid #e5e7eb;border:1px solid var(--app-border,#e5e7eb);border-radius:20px;border-radius:var(--app-radius-card,20px);color:#111;color:var(--app-text,#111);display:flex;flex-direction:column;max-height:calc(100vh - 32px);max-width:640px;overflow:hidden;width:100%}.trend-modal-sensor{max-height:min(520px,calc(100vh - 104px))}.trend-modal-header{align-items:center;background:linear-gradient(180deg,var(--app-accent-light) 0,var(--app-accent) 100%);color:#fff;display:flex;justify-content:space-between;padding:12px 14px}.trend-modal-title{font-size:15px;font-size:calc(15px*var(--app-font-scale, 1));font-weight:900;margin:0}.trend-modal-close{align-items:center;background:#ffffff29;border:none;border-radius:50%;color:#fff;cursor:pointer;display:inline-flex;height:30px;justify-content:center;padding:0;width:30px}.trend-modal-close:hover{background:#ffffff47}.trend-modal-body{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;overflow:hidden;padding:12px 14px 16px}.trend-modal-sensor .trend-modal-header{padding:8px 12px}.trend-modal-sensor .trend-modal-body{padding:8px 10px 10px}.trend-modal-sensor .trend-modal-close{height:26px;width:26px}.trend-sensor-table{-webkit-overflow-scrolling:touch;border:1px solid #d0d4da;border:1px solid var(--app-border-strong,#d0d4da);border-radius:10px;flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;width:100%}.trend-sensor-empty,.trend-sensor-row,.trend-sensor-thead{display:grid;grid-template-columns:80px minmax(140px,1.4fr) minmax(140px,1.4fr) 64px 70px minmax(120px,1.2fr);min-width:720px}.trend-sensor-thead{background:#f3f4f6;background:var(--app-bar-track,#f3f4f6);color:#111;color:var(--app-text,#111);font-weight:900;position:sticky;top:0;z-index:1}.trend-sensor-thead>div{align-items:center;border-right:1px solid #e5e7eb;border-right:1px solid var(--app-border,#e5e7eb);display:flex;flex-direction:column;font-size:12px;font-size:calc(12px*var(--app-font-scale, 1));gap:2px;justify-content:center;padding:6px 8px;text-align:center}.trend-sensor-th-line2{color:#6b7280;color:var(--app-text-subtle,#6b7280);font-size:11px;font-size:calc(11px*var(--app-font-scale, 1));font-weight:600}.trend-sensor-row>div:last-child,.trend-sensor-thead>div:last-child{border-right:0}.trend-sensor-row{border-top:1px solid #e5e7eb;border-top:1px solid var(--app-border,#e5e7eb)}.trend-sensor-row>div{align-items:center;border-right:1px solid #e5e7eb;border-right:1px solid var(--app-border,#e5e7eb);color:#111;color:var(--app-text,#111);display:flex;font-size:12px;font-size:calc(12px*var(--app-font-scale, 1));justify-content:center;line-height:1.25;padding:7px;text-align:center;word-break:break-word}.trend-sensor-cell-part{background:#f7f8fa;background:var(--app-surface-subtle,#f7f8fa);font-weight:900}.trend-sensor-cell-tag{font-family:Consolas,Menlo,Courier New,monospace;font-weight:700;word-break:break-all}.trend-sensor-row-sep>div{background:#f7f8fa;background:var(--app-surface-subtle,#f7f8fa);color:#6b7280;color:var(--app-text-subtle,#6b7280);font-weight:800;padding:6px 8px}.trend-sensor-empty{grid-template-columns:1fr;min-width:0;min-width:auto}.trend-sensor-empty .empty-cell{color:#6b7280;color:var(--app-text-soft,#6b7280);font-size:12px;font-size:calc(12px*var(--app-font-scale, 1));font-weight:700;padding:18px 10px;text-align:center}.trend-range-btn{align-items:center;background:#fff;border:1px solid var(--app-accent);border-radius:12px;color:var(--app-accent);cursor:pointer;display:inline-flex;font-size:calc(13px*var(--app-font-scale));font-weight:900;gap:6px;justify-content:center;margin:0;min-height:44px;padding:10px 8px;transition:background-color .12s ease,color .12s ease}.trend-range-btn:hover{background:#4db6ac14}.trend-range-btn.is-active,.trend-range-btn[aria-pressed=true]{background:var(--app-accent);color:#fff}.trend-range-btn.is-active:hover,.trend-range-btn[aria-pressed=true]:hover{background:var(--app-accent-deep)}.trend-range-btn:focus-visible{outline:2px solid var(--app-accent);outline-offset:3px}.trend-chart-card{background:#f3f4f6;background:var(--app-bar-track,#f3f4f6);border:1px solid var(--app-border);border-radius:20px;border-radius:var(--app-radius-card,20px);margin-bottom:12px;padding:10px}.trend-chart-title{color:var(--app-text);font-size:calc(14px*var(--app-font-scale));font-weight:900;margin-bottom:6px;text-align:center}.trend-chart{background:var(--app-image-canvas);border-radius:12px;height:120px;width:100%}.trend-chart .line{stroke:var(--app-accent);stroke-width:2;fill:none}.trend-chart .axis{fill:var(--app-text-subtle);font-size:calc(10px*var(--app-font-scale));font-weight:800}.trend-sensor-chart-card .trend-chart-title{padding-left:4px;text-align:left}.trend-sensor-chart-card.is-reorder-mode{outline:2px dashed #8896a6;outline:2px dashed var(--app-border-strong,#8896a6);outline-offset:2px}.trend-sensor-chart-card.is-dragging{opacity:0}.trend-page.is-reordering-sensors{touch-action:none}.trend-reorder-hint{color:#6b7280;color:var(--app-text-subtle,#6b7280);font-size:11px;font-size:calc(11px*var(--app-font-scale, 1));font-weight:800;margin-left:8px}.trend-sensor-chart-card.is-reorder-mode .trend-reorder-hint{color:var(--app-accent);color:var(--app-accent,var(--app-accent))}.trend-drag-ghost{left:0;pointer-events:none;position:fixed;top:0;will-change:transform;z-index:9999}.trend-drag-ghost-inner{background:#f3f4f6;background:var(--app-bar-track,#f3f4f6);border:1px solid var(--app-border-strong);border-radius:20px;border-radius:var(--app-radius-card,20px);height:100%;padding:10px;width:100%}.trend-sensor-chart{grid-gap:0;display:grid;gap:0;grid-template-columns:22px 1fr;grid-template-rows:1fr 22px}.trend-sensor-chart-yaxis{align-items:center;display:flex;grid-column:1;grid-row:1;justify-content:center}.trend-sensor-chart-yaxis-label{color:#6b7280;color:var(--app-text-subtle,#6b7280);font-size:10px;font-size:calc(10px*var(--app-font-scale, 1));font-weight:800;letter-spacing:.05em;text-orientation:upright;writing-mode:vertical-rl}.trend-sensor-chart-plot{border-radius:8px;grid-column:2;grid-row:1;height:110px;overflow:hidden;position:relative}.trend-sensor-chart-badge,.trend-sensor-chart-plot{background:#f3f4f6;background:var(--app-bar-track,#f3f4f6);border:1px solid #d0d4da;border:1px solid var(--app-border-strong,#d0d4da)}.trend-sensor-chart-badge{align-items:center;border-radius:4px;color:#111;color:var(--app-text,#111);display:inline-flex;font-size:11px;font-size:calc(11px*var(--app-font-scale, 1));font-weight:900;justify-content:center;left:8px;min-width:38px;padding:2px 8px;position:absolute;top:6px;z-index:1}.trend-sensor-chart-svg{display:block;height:100%;width:100%}.trend-sensor-chart-svg .grid-dashed{stroke:#d0d4da;stroke:var(--app-border-strong,#d0d4da);stroke-width:1;stroke-dasharray:3 3;fill:none;opacity:.6}.trend-sensor-chart-svg .line{stroke:var(--app-accent);stroke-width:1.5;fill:none;vector-effect:non-scaling-stroke}.trend-sensor-chart-xaxis{color:#6b7280;color:var(--app-text-subtle,#6b7280);display:grid;font-size:10px;font-size:calc(10px*var(--app-font-scale, 1));font-weight:800;grid-column:2;grid-row:2;grid-template-columns:repeat(11,1fr);padding-top:4px}.trend-sensor-chart-xaxis>span{text-align:center}
/*# sourceMappingURL=main.5e10b6e9.css.map*/