@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";:root{color:#0f2744;font-synthesis:none;--primary:#0265dc;--primary-hover:#0152b5;--navy:#0f2744;--surface:#f8fbff;--card:#fff;--border:#e2edfa;--muted:#64748b;--lime:#38bdf8;--green:#0265dc;--ease-spring:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--shadow-subtle:0 1px 3px #0f27440a, 0 4px 12px #0265dc08;--shadow-card:0 1px 3px #0f27440a, 0 4px 16px -2px #0265dc0a;--shadow-hover:0 8px 24px -2px #0265dc1f, 0 2px 6px #0f27440d;--surface-raised:#fff;--surface-soft:#eef5fc;--text:#0f2744;--text-soft:#64748b;--overlay:#0f274485;background:#f8fbff;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{color:#e6edf7;--primary:#38bdf8;--primary-hover:#7dd3fc;--navy:#e6edf7;--surface:#07111f;--card:#0d1b2e;--border:#20334c;--muted:#94a3b8;--surface-raised:#12233a;--surface-soft:#102038;--text:#e6edf7;--text-soft:#9fb0c5;--overlay:#020617bf;--shadow-subtle:0 1px 3px #00000038, 0 12px 30px #00000029;--shadow-card:0 12px 34px #0003;--shadow-hover:0 16px 38px #02061766, 0 0 0 1px #38bdf81f;background:#07111f}html{scroll-behavior:smooth}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#cbdff7 transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbdff7;border-radius:999px;transition:background .2s}:root[data-theme=dark] *{scrollbar-color:#20334c transparent}:root[data-theme=dark] ::-webkit-scrollbar-thumb{background:#20334c}:root[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#334e73}::-webkit-scrollbar-thumb:hover{background:#9ac2f4}button,.btn,.icon-btn,.pill-btn,.segmented button,nav button{transition:transform .18s var(--ease-spring), background-color .18s var(--ease-spring), color .18s var(--ease-spring), box-shadow .18s var(--ease-spring), border-color .18s var(--ease-spring);will-change:transform}button:active:not(:disabled),.btn:active:not(:disabled),.icon-btn:active:not(:disabled){transform:scale(.965)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #0265dc73}50%{box-shadow:0 0 0 6px #0265dc00}}@keyframes pulseCrit{0%,to{box-shadow:0 0 #dc262680}50%{box-shadow:0 0 0 6px #dc262600}}body{color:#0f2744;background:#f8fbff;margin:0}body,.app-shell,.main-shell,.sidebar,.topbar,.card,.modal,button,input,select,textarea{transition:background-color .35s var(--ease-in-out), border-color .35s var(--ease-in-out), color .35s var(--ease-in-out), box-shadow .35s var(--ease-in-out)}.theme-toggle{border:1px solid var(--border);background:var(--surface-soft);color:var(--primary);position:relative;overflow:hidden}.theme-toggle svg{animation:theme-icon-in .34s var(--ease-spring)}@keyframes theme-icon-in{0%{opacity:0;transform:rotate(-35deg)scale(.72)}to{opacity:1;transform:rotate(0)scale(1)}}:root[data-theme=dark] body,:root[data-theme=dark] .app-shell,:root[data-theme=dark] .main-shell{background:var(--surface);color:var(--text)}:root[data-theme=dark] .sidebar,:root[data-theme=dark] .topbar,:root[data-theme=dark] .card,:root[data-theme=dark] .modal,:root[data-theme=dark] .stat-card,:root[data-theme=dark] .settings-card,:root[data-theme=dark] .analytics-chart{background:var(--card);border-color:var(--border);color:var(--text)}:root[data-theme=dark] h1,:root[data-theme=dark] h2,:root[data-theme=dark] h3,:root[data-theme=dark] strong,:root[data-theme=dark] th,:root[data-theme=dark] td,:root[data-theme=dark] .breadcrumb strong{color:var(--text)}:root[data-theme=dark] p,:root[data-theme=dark] small,:root[data-theme=dark] .muted,:root[data-theme=dark] .header-time{color:var(--text-soft)}:root[data-theme=dark] input,:root[data-theme=dark] select,:root[data-theme=dark] textarea,:root[data-theme=dark] .compact-select{background:var(--surface-raised);border-color:var(--border);color:var(--text)}:root[data-theme=dark] .segmented,:root[data-theme=dark] .scene-controls,:root[data-theme=dark] .info-callout,:root[data-theme=dark] .demo-banner{background:var(--surface-soft);border-color:var(--border)}:root[data-theme=dark] .segmented button.active{color:#7dd3fc;background:#1c3656}:root[data-theme=dark] tr,:root[data-theme=dark] .card-header,:root[data-theme=dark] .metric-row{border-color:var(--border)}:root[data-theme=dark] .modal-overlay{background:var(--overlay)}:root[data-theme=dark] .btn.secondary{background:var(--surface-raised);border-color:var(--border);color:var(--text)}:root[data-theme=dark] .segmented,:root[data-theme=dark] .view-subtabs .segmented,:root[data-theme=dark] .cockpit-tabs-bar .segmented{background:var(--surface-soft);border-color:var(--border)}:root[data-theme=dark] .segmented button,:root[data-theme=dark] .view-subtabs .segmented button,:root[data-theme=dark] .cockpit-tabs-bar .segmented button{color:var(--text-soft)}:root[data-theme=dark] .segmented button:hover,:root[data-theme=dark] .view-subtabs .segmented button:hover,:root[data-theme=dark] .cockpit-tabs-bar .segmented button:hover{color:var(--text);background:#ffffff0a}:root[data-theme=dark] .segmented button.active,:root[data-theme=dark] .view-subtabs .segmented button.active,:root[data-theme=dark] .cockpit-tabs-bar .segmented button.active{background:var(--surface-raised);color:#60a5fa;border-color:var(--border-subtle);box-shadow:0 2px 8px #00000059}:root[data-theme=dark] table{color:var(--text)}:root[data-theme=dark] thead{background:var(--surface-soft)}:root[data-theme=dark] th{color:var(--text-soft);border-bottom:1px solid var(--border)}:root[data-theme=dark] td{border-bottom:1px solid var(--border);color:var(--text)}:root[data-theme=dark] td strong{color:var(--text)}:root[data-theme=dark] td small{color:var(--text-muted)}:root[data-theme=dark] tbody tr:hover{background:#ffffff08}:root[data-theme=dark] .badge.NORMAL,:root[data-theme=dark] .badge.ONLINE,:root[data-theme=dark] .badge.COMPLETE,:root[data-theme=dark] .badge.CLEARED,:root[data-theme=dark] .badge.COMPLETED{color:#93c5fd;background:#0265dc2e;border-color:#3b82f659}:root[data-theme=dark] .badge.WARNING,:root[data-theme=dark] .badge.DEGRADED,:root[data-theme=dark] .badge.PARTIAL,:root[data-theme=dark] .badge.REQUESTED,:root[data-theme=dark] .badge.ACTIVE{color:#fbbf24;background:#d977062e;border-color:#f59e0b59}:root[data-theme=dark] .badge.CRITICAL,:root[data-theme=dark] .badge.OFFLINE{color:#fca5a5;background:#dc262633;border-color:#ef444466}:root[data-theme=dark] .badge.SCHEDULED,:root[data-theme=dark] .badge.IN_PROGRESS,:root[data-theme=dark] .badge.ACKNOWLEDGED{color:#7dd3fc;background:#0ea5e92e;border-color:#38bdf859}:root[data-theme=dark] .badge.UNKNOWN{color:#94a3b8;background:#64748b2e;border-color:#94a3b840}:root[data-theme=dark] .search-box{background:var(--surface-raised);border-color:var(--border)}:root[data-theme=dark] .search-box input{color:var(--text);background:0 0}:root[data-theme=dark] .search-box input::placeholder,:root[data-theme=dark] .search-box svg{color:var(--text-muted)}:root[data-theme=dark] .metric-icon{background:var(--surface-soft);border-color:var(--border);color:var(--text-soft)}:root[data-theme=dark] .metric-icon.VIBRATION,:root[data-theme=dark] .metric-icon.TEMPERATURE,:root[data-theme=dark] .metric-icon.PRESSURE,:root[data-theme=dark] .metric-icon.CURRENT,:root[data-theme=dark] .metric-icon.SPEED,:root[data-theme=dark] .metric-icon.FLOW,:root[data-theme=dark] .metric-icon.POWER,:root[data-theme=dark] .metric-icon.TORQUE{color:#93c5fd;background:#0265dc1f;border-color:#3b82f640}:root[data-theme=dark] .attention-item{background:var(--surface-raised);border-color:var(--border)}:root[data-theme=dark] .attention-item:hover{background:var(--surface-soft);border-color:var(--border-subtle)}:root[data-theme=dark] .attention-item strong{color:var(--text)}:root[data-theme=dark] .attention-item span{color:var(--text-muted)}:root[data-theme=dark] .asset-tag{background:var(--surface-raised);border-color:var(--border);color:var(--text)}:root[data-theme=dark] .asset-tag:hover{background:var(--surface-soft);border-color:#3b82f6}:root[data-theme=dark] .asset-tag.selected{color:#bfdbfe;background:#0265dc40;border-color:#3b82f6}:root[data-theme=dark] .area-tab-chip{background:var(--surface-raised);border-color:var(--border);color:var(--text)}:root[data-theme=dark] .area-tab-chip:hover:not(.active){background:var(--surface-soft);color:#60a5fa;border-color:var(--border-subtle)}:root[data-theme=dark] .area-chip-badge{color:var(--text-soft);background:#ffffff1a}:root[data-theme=dark] .live-chip.disconnected{color:#fbbf24;background:#d977062e;border-color:#f59e0b4d}:root[data-theme=dark] .live-chip.demo{color:#93c5fd;background:#0265dc2e;border-color:#3b82f659}:root[data-theme=dark] .empty{border-color:var(--border)}:root[data-theme=dark] .empty p,:root[data-theme=dark] .empty svg{color:var(--text-muted)}:root[data-theme=dark] .floor-map>button{background:var(--surface-raised);border-color:var(--border);color:var(--text)}:root[data-theme=dark] .floor-map>button:hover{background:var(--surface-soft);border-color:#3b82f6}:root[data-theme=dark] .floor-map>button.selected{color:#93c5fd;background:#0265dc38;border-color:#3b82f6}:root[data-theme=dark] .user-card{background:var(--surface-soft);border-color:var(--border)}:root[data-theme=dark] .user-card:hover{background:var(--surface-raised)}@keyframes paramPulseGlow{0%{color:#60a5fa;text-shadow:0 0 10px #60a5fa99;transform:scale(1.08)}50%{color:#93c5fd;text-shadow:0 0 5px #60a5fa4d;transform:scale(1.03)}to{text-shadow:none;transform:scale(1)}}@keyframes metricRowFlash{0%{background-color:#3b82f61f}to{background-color:#0000}}.param-updated{will-change:transform, color;animation:.45s cubic-bezier(.16,1,.3,1) forwards paramPulseGlow}.metric-row.param-row-flash{animation:.55s ease-out forwards metricRowFlash}.metric-value strong{transition:color .25s ease, transform .25s var(--ease-spring);display:inline-block}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button,a,input,select,textarea{outline-offset:4px}button{color:inherit;background:0 0;border:0}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1,h2,h3{color:#0f2744;font-family:Manrope,DM Sans,sans-serif}h2{font-size:15px;font-weight:750}h3{font-size:16px;font-weight:750}small{color:#64748b;font-size:11px}svg{stroke-width:1.7px;flex-shrink:0}code,pre{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}select{cursor:pointer}input,textarea,select{color:#0f2744;background:#fff;border:1px solid #cbdff7;border-radius:7px}textarea{resize:vertical;line-height:1.65}html,body{height:100%;overflow:hidden}.app-shell{background:#f8fbff;height:100vh;max-height:100vh;display:flex;overflow:hidden}.sidebar{color:#64748b;z-index:30;background:#fff;border-right:1px solid #e2edfa;flex-direction:column;width:234px;padding:24px 16px 0;display:flex;position:fixed;top:0;bottom:0;box-shadow:2px 0 8px #0265dc08}.brand{color:#0f2744;letter-spacing:-.8px;border-bottom:1px solid #eef5fc;flex-direction:column;align-items:flex-start;gap:3px;padding:0 8px 14px;font-family:Manrope,sans-serif;font-size:20px;font-weight:800;display:flex}.brand-symbol{color:#0265dc;letter-spacing:-3px;background:#eef5fc;border-radius:10px;place-items:center;width:36px;height:37px;padding-right:4px;font-family:Manrope,sans-serif;font-size:29px;font-weight:800;display:grid}.brand span{letter-spacing:2px;color:#0265dc;margin-top:4px;font-family:DM Sans,sans-serif;font-size:8.5px;font-weight:700;display:block}.workspace-label,.nav-label{letter-spacing:1.4px;color:#94a3b8;margin:24px 12px 10px;font-size:9px;font-weight:700}.workspace{text-align:left;color:#0f2744;background:#f8fbff;border:1px solid #e2edfa;border-radius:9px;align-items:center;gap:9px;width:100%;padding:10px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.workspace:hover{background:#f0f7ff;border-color:#cbdff7}.workspace>svg{color:#64748b;margin-left:auto}.workspace-icon{color:#0265dc;background:#eef5fc;border:1px solid #cbdff7;border-radius:7px;padding:6px;display:flex}.workspace small{color:#64748b;margin-top:3px;font-size:9px;font-weight:400;display:block}nav{flex-direction:column;gap:3px;display:flex}nav button,.sidebar-bottom>button{text-align:left;color:#475569;border-radius:8px;align-items:center;gap:11px;width:100%;padding:11px 12px;font-size:12.5px;font-weight:500;transition:all .16s;display:flex}nav button.active{color:#fff;background:#0265dc;font-weight:700;box-shadow:0 4px 12px #0265dc38}nav button:hover:not(.active),.sidebar-bottom>button:hover{color:#0265dc;background:#f0f7ff}.nav-new{color:#0265dc;background:#eef5fc;border-radius:4px;margin-left:auto;padding:2px 6px;font-size:9px;font-weight:700}.active .nav-new{color:#0265dc;background:#fff}.nav-count{color:#b91c1c;background:#fee2e2;border-radius:5px;margin-left:auto;padding:2px 6px;font-size:10px;font-weight:700}.nav-label.operations{margin:24px 12px 10px}.sidebar-bottom{margin-top:auto;padding-top:25px}.system-status{color:#475569;border-bottom:1px solid #eef5fc;align-items:center;gap:9px;margin-bottom:10px;padding:12px 10px 18px;font-size:10px;display:flex}.system-status>span:nth-child(2){flex:1}.system-status small{color:#94a3b8;margin-top:4px;font-size:9px;display:block}.sidebar-bottom>button{padding:11px 12px;font-size:11px}.sidebar-bottom>button>svg:last-child:not(:first-child){margin-left:auto}.user-card{color:#0f2744;cursor:pointer;background:#f8fbff;border-top:1px solid #eef5fc;align-items:center;gap:9px;margin:16px -16px 0;padding:16px 18px;font-size:11px;display:flex}.user-card>div:nth-child(2){flex:1}.user-card span{color:#64748b;margin-top:3px;font-size:9px;display:block}.avatar{color:#0265dc;background:#eef5fc;border:2px solid #cbdff7;border-radius:50%;place-items:center;width:32px;height:32px;font-size:10px;font-weight:700;display:grid}.main-shell{background:#f8fbff;flex-direction:column;flex:1;min-width:0;height:100vh;max-height:100vh;margin-left:234px;display:flex;overflow:hidden}.topbar{background:#fff;border-bottom:1px solid #e2edfa;flex-shrink:0;justify-content:space-between;align-items:center;height:48px;padding:0 24px;display:flex}.breadcrumb{color:#64748b;align-items:center;gap:13px;font-size:11px;display:flex}.breadcrumb>svg:first-child{color:#94a3b8}.breadcrumb strong{color:#0f2744;font-size:11px;font-weight:700}.topbar-right{align-items:center;gap:19px;display:flex}.live-chip{color:#0265dc;letter-spacing:.7px;background:#eef5e9;border:1px solid #e3eddb;border-radius:5px;align-items:center;gap:6px;padding:5px 7px;font-size:9px;font-weight:650;display:flex}.live-chip span{background:#94a3b8;border-radius:50%;width:5px;height:5px}.live-chip.disconnected{color:#b58840;background:#fff1e0}.live-chip.demo{color:#2e60a5;background:#e9f2ff;border-color:#d2e4ff}.live-chip.demo span{background:#3b82f6}.header-time{color:#64748b;font-size:11px;font-weight:500}.icon-btn{color:#64748b;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:7px;display:inline-flex}.icon-btn:hover{background:#eef2e9}.notification{position:relative}.notification i{background:#df8b63;border:1px solid #fff;border-radius:50%;width:4px;height:4px;position:absolute;top:7px;right:9px}.header-divider{background:#e2edfa;width:1px;height:22px}.avatar.small{color:#0265dc;background:#eef5fc;border:2px solid #cbdff7;width:31px;height:31px;font-size:10px}main{flex-direction:column;flex:1;gap:6px;max-width:100%;min-height:0;margin:0;padding:8px 24px 6px;display:flex;overflow:hidden}.page-heading{flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;margin-bottom:4px;display:flex}.heading-main-wrap{flex-direction:column;gap:2px;display:flex}.title-row{align-items:center;gap:12px;display:flex}.eyebrow{display:none}h1{letter-spacing:-.6px;color:#0f2744;margin:0;font-size:19px;font-weight:800;line-height:1.2}.page-subtitle{color:#64748b;margin:0;font-size:11px;line-height:1.2}.status-capsules{align-items:center;gap:6px;display:inline-flex}.capsule-pill{letter-spacing:-.2px;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #0000;border-radius:980px;align-items:center;gap:6px;height:24px;padding:0 10px;font-family:inherit;font-size:10.5px;font-weight:650;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.capsule-pill.demo{color:#0265dc;background:#eef5fc;border-color:#cbdff7}.capsule-pill.demo:hover{background:#e2edfa;border-color:#0265dc}.capsule-pill.live{color:#0265dc;cursor:default;background:#eef5fc;border-color:#cbdff7}.capsule-dot{background:#0265dc;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse-dot;box-shadow:0 0 6px #0265dc99}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.capsule-pill.warning{color:#b45309;background:#fffbeb;border-color:#fde68a}.capsule-pill.warning:hover{background:#fef3c7;border-color:#f59e0b}.capsule-pill.offline{color:#dc2626;cursor:default;background:#fef2f2;border-color:#fecaca}.page-heading p{color:#64748b;margin:0;font-size:11px}.heading-actions{gap:9px;display:flex}.btn{white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:10px 13px;font-size:11px;font-weight:600;transition:background .16s;display:inline-flex}.btn.primary{color:#fff;background:#0265dc;border:1px solid #0265dc;box-shadow:0 2px 4px #0265dc2e}.btn.primary:hover{background:#0152b5}.btn.secondary{color:#64748b;background:#fff;border:1px solid #dfe5d8}.btn.secondary:hover{background:#f1f5eb}.btn.full{width:100%;margin-top:8px}.small-btn{padding:7px 9px;font-size:10px}.demo-banner{color:#64748b;background:#eef4e7;border:1px solid #eef5fc;border-radius:7px;justify-content:space-between;align-items:center;margin-bottom:21px;padding:10px 13px;font-size:10px;display:flex}.demo-banner>span{align-items:center;gap:8px;display:flex}.demo-banner strong{font-size:10px;font-weight:600}.demo-banner>span>span{color:#94a3b8;border-left:1px solid #e2edfa;margin-left:5px;padding-left:10px}.demo-banner button{align-items:center;gap:7px;font-size:10px;font-weight:500;display:flex}.error-banner{color:#b47940;background:#fff4e8;border:1px solid #f1c7b2;border-radius:7px;align-items:center;gap:9px;margin-bottom:16px;padding:12px;font-size:12px;display:flex}.stats-grid{flex-shrink:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:6px;display:grid}.stats-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card{box-shadow:var(--shadow-card);transition:transform .22s var(--ease-spring), box-shadow .22s var(--ease-spring), border-color .2s ease;background:#fff;border:1px solid #e2edfa;border-radius:9px;flex-direction:column;justify-content:center;min-height:48px;padding:8px 14px;display:flex}.stat-card:hover{box-shadow:var(--shadow-hover);border-color:#cbdff7;transform:translateY(-1px)}.stat-label{color:#64748b;justify-content:space-between;align-items:center;font-size:10px;font-weight:600;line-height:1.1;display:flex}.stat-label>svg{color:#94a3b8;width:14px;height:14px}.stat-card.normal .stat-label>svg{color:#0265dc}.stat-card.warning .stat-label>svg{color:#d97706}.stat-value{color:#0f2744;letter-spacing:-.6px;font-variant-numeric:tabular-nums;align-items:baseline;gap:8px;margin:3px 0 1px;font-family:Manrope,sans-serif;font-size:20px;font-weight:800;line-height:1;display:flex}.stat-value>span{letter-spacing:.5px;color:#64748b;font-size:7.5px;font-weight:600}.stat-card.normal .stat-value{color:#0265dc}.stat-card.warning .stat-value{color:#d97706}.stat-note{color:#64748b;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;font-size:9.5px;line-height:1.2;display:flex;overflow:hidden}.mini-dot{border-radius:50%;width:6px;height:6px;display:inline-block}.mini-dot.WARNING{margin-left:5px}.card{min-width:0;box-shadow:var(--shadow-card);transition:transform .22s var(--ease-spring), box-shadow .22s var(--ease-spring), border-color .2s ease;background:#fff;border:1px solid #e2edfa;border-radius:12px;overflow:hidden}.card:hover{box-shadow:var(--shadow-hover);border-color:#cbdff7}.card-header{border-bottom:1px solid #eef5fc;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;display:flex}.card-title{align-items:center;gap:9px;display:flex}.card-title>svg{color:#0265dc}.card-header h2{color:#0f2744;font-size:13.5px;font-weight:750}.card-header p{color:#64748b;margin-top:5px;font-size:11px}.tiny-badge{letter-spacing:.7px;color:#0265dc;white-space:nowrap;background:#eef5fc;border:1px solid #cbdff7;border-radius:5px;padding:3px 6px;font-size:8px;font-weight:700}.overview-workspace{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex;overflow:hidden}.overview-main{flex:1.25;grid-template-columns:minmax(0,1.25fr) minmax(0,.95fr);gap:10px;min-height:0;margin-bottom:0;display:grid;overflow:hidden}.plant-area-cockpit-bar{box-shadow:var(--shadow-card);background:#fff;border:1px solid #e2edfa;border-radius:9px;flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:12px;margin-bottom:6px;padding:5px 12px;display:flex}.control-label-micro{display:none}.plant-filter-dropdown-wrap{flex-shrink:0}.plant-select-box{align-items:center;display:inline-flex;position:relative}.plant-select-icon{color:#0265dc;pointer-events:none;position:absolute;left:11px}.plant-select-chevron{color:#64748b;pointer-events:none;position:absolute;right:11px}.plant-select-input{appearance:none;color:#0f2744;cursor:pointer;transition:all .2s var(--ease-spring);background:#f8fbff;border:1.5px solid #cbdff7;border-radius:8px;min-width:250px;padding:8px 34px 8px 33px;font-size:12.5px;font-weight:650}.plant-select-input:hover{background:#fff;border-color:#0265dc;box-shadow:0 2px 8px #0265dc1f}.plant-select-input:focus{border-color:#0265dc;outline:none;box-shadow:0 0 0 3px #0265dc2e}.area-tabs-container{flex:1;min-width:0}.area-tabs-scroll{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;align-items:center;gap:6px;padding:2px 2px 4px;display:flex;overflow-x:auto}.area-tab-chip{color:#475569;cursor:pointer;white-space:nowrap;transition:all .2s var(--ease-spring);background:#f1f6fc;border:1px solid #dbe8f8;border-radius:20px;align-items:center;gap:7px;padding:6px 13px;font-size:11.5px;font-weight:600;display:inline-flex}.area-tab-chip:hover:not(.active){color:#0265dc;background:#e5f0fc;border-color:#cbdff7;transform:translateY(-1px)}.area-tab-chip.active{color:#fff;background:#0265dc;border-color:#0265dc;font-weight:700;box-shadow:0 2px 8px #0265dc47}.area-chip-name{display:inline-block}.area-chip-badge{color:#475569;background:#0f274414;border-radius:10px;padding:1px 6px;font-size:9.5px;font-weight:700}.area-tab-chip.active .area-chip-badge{color:#fff;background:#ffffff40}.segmented{background:#f0f6fc;border:1px solid #e2edfa;border-radius:8px;gap:2px;padding:3px;display:flex}.segmented button{color:#64748b;transition:all .18s var(--ease-spring);border-radius:6px;padding:6px 12px;font-size:10.5px;font-weight:600}.segmented button.active{color:#0265dc;background:#fff;font-weight:700;box-shadow:0 2px 8px #0265dc26}.cockpit-tabs-bar,.view-subtabs{margin-bottom:20px}.cockpit-tabs-bar .segmented,.view-subtabs .segmented{background:#eef5fc;border:1px solid #cbdff7;border-radius:9px;padding:4px;display:inline-flex}.cockpit-tabs-bar .segmented button,.view-subtabs .segmented button{color:#475569;transition:all .18s var(--ease-spring);border-radius:7px;align-items:center;gap:8px;padding:8px 16px;font-size:12.5px;font-weight:600;display:inline-flex}.cockpit-tabs-bar .segmented button.active,.view-subtabs .segmented button.active{color:#0265dc;background:#fff;font-weight:700;box-shadow:0 2px 8px #0265dc29}.twin-card,.machine-panel,.trend-card,.attention-card{flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.twin-card .card-header,.machine-panel .card-header,.trend-card .card-header,.attention-card .card-header{flex-shrink:0;padding:8px 14px}.scene-wrap{background:#f0f5fc;border-bottom:1px solid #e2edfa;flex:1;height:100%;min-height:0;position:relative;overflow:hidden}.scene-wrap>div>canvas{touch-action:none}.scene-toolbar{z-index:7;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:15px;left:15px;right:15px}.scene-pill{pointer-events:auto;color:#0f2744;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff0;border:1px solid #cbdff7;border-radius:8px;align-items:center;gap:8px;padding:7px 12px;font-size:11.5px;font-weight:650;display:inline-flex;box-shadow:0 2px 10px #0265dc14}.scene-pill-count{color:#0265dc;background:#eef5fc;border-radius:5px;padding:2px 6px;font-size:10px;font-weight:700}.scene-live{letter-spacing:.5px;color:#0265dc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff0;border:1px solid #cbdff7;border-radius:8px;align-items:center;gap:6px;padding:6px 11px;font-size:9.5px;font-weight:700;display:flex;box-shadow:0 2px 10px #0265dc0f}.scene-live .dot{width:6px;height:6px}.scene-controls{z-index:8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff0;border:1px solid #cbdff7;border-radius:8px;flex-direction:column;padding:4px;display:flex;position:absolute;bottom:36px;right:14px;box-shadow:0 4px 14px #0265dc1a}.scene-controls .icon-btn{color:#475569;border-radius:6px;padding:8px;transition:all .15s}.scene-controls .icon-btn:hover{color:#0265dc;background:#f0f7ff}.scene-caption{color:#64748b;pointer-events:none;align-items:center;gap:5px;font-size:9px;display:flex;position:absolute;bottom:12px;left:14px;right:16px}.scene-caption>span{letter-spacing:.5px;margin-left:auto;font-size:8px}.scene-footer{border-top:1px solid #eef5fc;justify-content:space-between;align-items:center;padding:14px 18px;font-size:10px;display:flex}.legend{color:#64748b;align-items:center;gap:15px;display:flex}.legend>span{align-items:center;gap:6px;display:flex}.legend .dot{width:6px;height:6px}.scene-footer button{color:#0265dc;align-items:center;gap:5px;font-size:10px;font-weight:600;display:flex}.asset-tag{white-space:nowrap;color:#0f2744;transition:all .18s var(--ease-spring);background:#fffffff5;border:1px solid #cbdff7;border-radius:6px;align-items:center;gap:6px;padding:5px 9px;font-size:10px;font-weight:600;display:flex;box-shadow:0 2px 8px #0265dc1a}.asset-tag:hover{border-color:#0265dc;transform:translateY(-1px)}.asset-tag small{color:#64748b;margin-left:5px;font-size:8px}.asset-tag .dot{width:6px;height:6px}.asset-tag.selected{color:#0265dc;background:#eef5fc;border-color:#0265dc;box-shadow:0 0 0 2px #0265dc33}.floor-label{color:#94a3b8;white-space:nowrap;letter-spacing:.6px;font-family:Manrope,sans-serif;font-size:5px;font-weight:700}.hotspot{white-space:nowrap;color:#0f2744;cursor:pointer;transition:all .2s var(--ease-spring);background:#fffffff5;border:1px solid #cbdff7;border-radius:20px;align-items:center;gap:6px;padding:5px 10px;font-size:9.5px;font-weight:650;display:flex;box-shadow:0 4px 12px #0265dc26}.hotspot:hover{color:#0265dc;border-color:#0265dc;transform:scale(1.05);box-shadow:0 6px 18px #0265dc40}.hotspot>span{background:#93c5fd;border:2px solid #0265dc;border-radius:50%;width:6px;height:6px;animation:2s infinite pulseGlow}.hotspot.danger{color:#dc2626;border-color:#fca5a5}.hotspot.danger>span{background:#f87171;border-color:#dc2626;animation:1.5s infinite pulseCrit}:root[data-theme=dark] .hotspot{color:#e6edf7;background:#0f1e34f2;border-color:#20334c;box-shadow:0 4px 12px #00000059}:root[data-theme=dark] .hotspot:hover{color:#38bdf8;border-color:#38bdf8;box-shadow:0 6px 18px #38bdf840}:root[data-theme=dark] .hotspot.danger{color:#f87171;border-color:#7f1d1d}.scene-fallback{flex-direction:column;justify-content:center;height:100%;padding:50px 18px 32px;font-size:12px;display:flex;overflow:auto}.floor-map{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.floor-map>button{background:#fff;border:1px solid #eef5fc;border-radius:7px;flex-direction:column;align-items:center;gap:7px;padding:12px 8px;font-size:10px;display:flex}.floor-map>button.selected{background:#f8fbff;border-color:#94a3b8}.floor-map small{display:block}.machine-panel .card-header{padding:15px 18px}.machine-summary{padding:19px 18px 0}.asset-id{letter-spacing:.7px;color:#64748b;justify-content:space-between;align-items:center;font-size:8px;display:flex}.machine-summary h3{letter-spacing:-.5px;color:#0f2744;margin-top:11px;font-size:18px;font-weight:800}.machine-summary>p{color:#64748b;align-items:center;gap:4px;margin-top:6px;font-size:11px;display:flex}.health-block{align-items:center;gap:17px;padding:21px 0;display:flex}.health-ring{background:conic-gradient(var(--ring) calc(var(--health) * 1%), #e2edfa 0);border-radius:50%;flex-shrink:0;width:82px;height:82px;padding:6px;position:relative;transform:rotate(-60deg)}.health-ring>div{background:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex;transform:rotate(60deg)}.health-ring strong{letter-spacing:-.8px;color:#0f2744;font-family:Manrope,sans-serif;font-size:25px;font-weight:800}.health-ring>div>span{color:#64748b;margin-top:0;font-size:9px}.health-block>div:nth-child(2)>p{color:#64748b;margin:7px 0 5px;font-size:10px}.health-block small{color:#94a3b8;font-size:8px}.badge{white-space:nowrap;color:#64748b;background:#f0f2ed;border:1px solid #e7ece0;border-radius:4px;align-items:center;gap:4px;padding:4px 6px;font-size:8px;font-weight:500;line-height:1.3;display:inline-flex}.dot{background:#a7b1a6;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.badge .dot{width:4px;height:4px}.dot.NORMAL,.dot.ONLINE,.dot.COMPLETE,.mini-dot.NORMAL{background:#94a3b8}.dot.WARNING,.dot.DEGRADED,.dot.PARTIAL,.dot.REQUESTED,.mini-dot.WARNING{background:#d8af6c}.dot.CRITICAL,.dot.OFFLINE,.mini-dot.CRITICAL{background:#d78564}.dot.UNKNOWN,.dot.STALE{background:#a6b1a8}.dot.ACTIVE{background:#d69667}.dot.CLEARED,.dot.COMPLETED{background:#94a3b8}.dot.SCHEDULED,.dot.IN_PROGRESS,.dot.ACKNOWLEDGED{background:#82a6ac}.badge.NORMAL,.badge.ONLINE,.badge.COMPLETE,.badge.CLEARED,.badge.COMPLETED{color:#1e40af;background:#eff6ff;border-color:#bfdbfe}.badge.WARNING,.badge.DEGRADED,.badge.PARTIAL,.badge.REQUESTED,.badge.ACTIVE{color:#b45309;background:#fffbeb;border-color:#f59e0b}.badge.CRITICAL,.badge.OFFLINE{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.badge.SCHEDULED,.badge.IN_PROGRESS,.badge.ACKNOWLEDGED{color:#0369a1;background:#f0f9ff;border-color:#bae6fd}.NORMAL{color:#94a3b8}.WARNING{color:#bd9556}.CRITICAL{color:#ca8161}.UNKNOWN{color:#94a3b8}.operating-row{color:#94a3b8;border-top:1px solid #e9ede3;justify-content:space-between;align-items:center;padding:12px 0;font-size:8px;display:flex}.operating-row>span:first-child{color:#64748b;align-items:center;gap:5px;display:flex}.operating-row .dot{width:4px;height:4px}.component-select{gap:6px;padding:6px 18px 12px;display:flex}.component-select button{color:#94a3b8;border:1px solid #e5eadd;border-radius:4px;padding:5px 9px;font-size:8px}.component-select button.active{color:#64748b;background:#eff4e6;border-color:#e2edfa}.metric-list{padding:0 18px}.metric-row{border-top:1px solid #f0f3eb;align-items:center;gap:9px;padding:11px 0;display:flex}.metric-icon{background:#f2f5ed;border-radius:7px;padding:7px;display:flex}.metric-icon.CRITICAL{background:#faf0e7}.metric-icon.WARNING{background:#faf4e8}.metric-info{flex:1}.metric-info>span{color:#64748b;font-size:10px;display:block}.metric-info small{color:#94a3b8;margin-top:5px;font-size:7px;line-height:1.3;display:block}.metric-value{text-align:right}.metric-value>strong{font-family:Manrope,sans-serif;font-size:15px;font-weight:700}.metric-value>span{color:#cbdff7;margin-top:3px;font-size:8px;display:block}.panel-link{color:#64748b;border-top:1px solid #edf0e5;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:6px;padding:13px;font-size:10px;display:flex}.panel-link:hover{background:#f8faf4}.overview-bottom{flex:.95;grid-template-columns:minmax(0,1.25fr) minmax(0,.95fr);gap:10px;min-height:0;display:grid;overflow:hidden}.overview-bottom .card-header{padding:8px 14px}.compact-select{color:#64748b;background:#fff;border-color:#cbdff7;border-radius:6px;max-width:200px;padding:4px 8px;font-size:9.5px}.trend-content{flex-direction:column;flex:1;justify-content:space-between;min-height:0;padding:6px 14px 4px;display:flex}.chart-meta{color:#94a3b8;justify-content:space-between;align-items:center;margin-bottom:5px;font-size:8px;display:flex}.chart-meta>span{align-items:center;gap:5px;display:flex}.chart-meta .dot{width:5px;height:5px}.line-dash{border-top:1px dashed #c9a56d;width:12px;margin-left:10px;display:inline-block}.chart-foot{color:#cbdff7;justify-content:space-between;align-items:center;margin-top:8px;font-size:7px;display:flex}.counter{color:#94a3b8;background:#f2f5ec;border:1px solid #e7ecdf;border-radius:4px;padding:3px 5px;font-size:9px}.text-btn{color:#94a3b8;align-items:center;gap:5px;font-size:9px;display:flex}.attention-list{flex:1;min-height:0;padding:2px 14px;overflow-y:auto}.attention-item{text-align:left;border-bottom:1px solid #edf0e6;align-items:center;gap:8px;width:100%;padding:7px 0;display:flex}.attention-icon{background:#f7f1e5;border-radius:6px;padding:6px;display:flex}.attention-icon.CRITICAL{background:#fbefe5}.attention-item>div:nth-child(2){flex:1}.attention-item strong{color:#64748b;font-size:11px;font-weight:550}.attention-item>div:nth-child(2)>span{color:#94a3b8;margin-top:2px;font-size:8px;display:block}.attention-item>svg{color:#94a3b8}.insight-note{color:#94a3b8;background:#f8faf3;border:1px solid #edf1e5;border-radius:5px;align-items:flex-start;gap:7px;margin:4px 14px 6px;padding:6px 10px;font-size:8px;line-height:1.4;display:flex}.insight-note svg{margin-top:1px}.page-footer{color:#64748b;border-top:1px solid #e2edfa;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding:4px 0;font-size:9.5px;display:flex}.page-footer>span{align-items:center;gap:6px;display:flex}.page-footer i{background:#cbdff7;border-radius:50%;width:3px;height:3px;margin:0 4px;display:inline-block}.spacing-top{margin-top:20px}.spacing-small{margin-top:6px}.block{margin-top:5px;display:block}table{border-collapse:collapse;text-align:left;width:100%;font-size:11px}thead{background:#f9faf6}th{color:#94a3b8;white-space:nowrap;border-bottom:1px solid #e8eddf;padding:14px 18px;font-size:9px;font-weight:500}td{color:#64748b;vertical-align:middle;border-bottom:1px solid #eef1e8;padding:17px 18px}td strong{color:#64748b;font-size:11px;font-weight:550}td small{color:#94a3b8;font-size:8px}tbody>tr:last-child>td{border-bottom:0}main>section.card{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.table-scroll{flex:1;min-height:0;overflow:auto}.table-scroll table thead th{z-index:5;background:#fff;position:sticky;top:0}.table-asset{white-space:nowrap;align-items:center;gap:10px;display:flex}.table-asset strong{display:block}.table-asset small{margin-top:5px;display:block}.table-icon{color:#94a3b8;background:#f1f5e9;border:1px solid #e6edde;border-radius:8px;flex-shrink:0;padding:10px;display:flex}.list-toolbar{justify-content:space-between;align-items:center;gap:16px;padding:19px 20px;display:flex}.list-toolbar h2{color:#64748b;font-size:13px}.list-toolbar>div{align-items:center;gap:9px;display:flex}.search-box{color:#94a3b8;background:#fff;border:1px solid #e0e7d7;border-radius:6px;align-items:center;gap:7px;padding:7px 10px;display:flex}.search-box input{border:0;outline:none;width:160px;padding:0;font-size:10px}.search-box input::placeholder{color:#94a3b8}.empty{color:#cbdff7;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:13px;min-height:155px;padding:30px 22px;display:flex}.empty p{color:#94a3b8;max-width:350px;font-size:11px;line-height:1.6}.info-callout{color:#64748b;background:#f3f7eb;border:1px solid #eef5fc;border-radius:8px;align-items:flex-start;gap:11px;margin-bottom:20px;padding:16px 18px;font-size:11px;line-height:1.7;display:flex}.info-callout>svg{margin-top:3px}.info-callout strong{color:#64748b;margin-bottom:3px;font-size:12px;display:block}.info-callout p{color:#94a3b8;font-size:11px}.discovery-item{border-bottom:1px solid #edf1e3;align-items:center;gap:13px;padding:18px 20px;display:flex}.discovery-item>div:nth-child(2){flex:1}.discovery-item strong{color:#64748b;font-size:12px;font-weight:600}.discovery-item p{color:#94a3b8;margin-top:5px;font-size:10px}.row-actions{align-items:center;gap:6px;display:flex}.rule-explain{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px;display:grid}.rule-explain .card{padding:23px}.rule-explain h3{color:#64748b;font-size:13px}.rule-explain p{color:#94a3b8;margin-top:10px;font-size:11px;line-height:1.8}.formula{color:#64748b;background:#f3f7ec;border-radius:5px;margin-top:18px;padding:14px;font-family:monospace;font-size:11px}.flow-mini{color:#94a3b8;background:#f4f7ee;border-radius:5px;align-items:center;gap:9px;margin-top:18px;padding:14px;font-size:10px;display:flex}.maintenance-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;display:flex}.tabs{border-bottom:1px solid #eef5fc;gap:7px;display:flex}.tabs>button{white-space:nowrap;color:#94a3b8;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:13px 10px;font-size:10px;display:flex}.tabs>button.active{color:#64748b;border-color:#94a3b8;font-weight:600}.tabs>button>span{background:#eaf0de;border-radius:3px;padding:2px 4px;font-size:8px}.orders-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;display:grid}.order-card{padding:17px}.order-card-head{color:#94a3b8;align-items:center;gap:12px;margin-bottom:12px;font-size:10px;display:flex}.order-card-head>button{margin-left:auto}.priority{color:#bf9d5c;background:#f5ecd9;border:1px solid #ede0bf;border-radius:4px;padding:4px 7px;font-size:10px}.priority.P1{color:#c48a60;background:#faecdf;border-color:#f0dac5}.priority.P3{color:#0265dc;background:#eef5fc;border-color:#cbdff7}.order-card h3{color:#0f2744;font-size:13.5px;font-weight:750;line-height:1.5}.order-card>p{color:#64748b;align-items:center;gap:6px;margin:10px 0 14px;font-size:11px;display:flex}.order-notes{color:#475569;min-height:70px;padding:12px 0;font-size:11px;line-height:1.6}.order-footer{color:#94a3b8;border-top:1px solid #e9efdf;justify-content:space-between;align-items:center;padding-top:12px;font-size:9px;display:flex}.order-footer>span{align-items:center;gap:5px;display:flex}.analytics-grid{flex:1;grid-template-columns:1fr 1fr;min-height:0;display:grid;overflow-y:auto}.analytics-chart{border-bottom:1px solid #e9eedd;border-right:1px solid #e9eedd}.analytics-chart:nth-child(2n){border-right:0}.analytics-chart .card-header{border-bottom:0;padding-bottom:3px}.analytics-chart h3{color:#94a3b8;font-size:12px}.integration-grid{flex:1;grid-template-columns:1.15fr 1fr;gap:16px;min-height:0;padding-right:2px;display:grid;overflow-y:auto}.broker-body{padding:20px}.connection-diagram{justify-content:center;align-items:center;gap:9px;margin:5px 0 25px;display:flex}.connection-diagram>span{color:#94a3b8;background:#f3f7ec;border:1px solid #e7eedc;border-radius:7px;flex-direction:column;align-items:center;gap:7px;padding:13px 16px;display:flex}.connection-diagram>span.active{color:#0265dc;background:#eef5fc;border-color:#cbdff7}.connection-diagram small{font-size:9px}.connection-diagram i{border-top:1px dashed #cbdff7;width:25px}dl{margin:0 0 20px}dl>div{border-bottom:1px solid #edf1e5;justify-content:space-between;gap:15px;padding:12px 0;font-size:10px;display:flex}dt{color:#94a3b8}dd{color:#64748b;text-align:right;margin:0}.ingestion-stats{grid-template-columns:1fr 1fr;gap:23px;padding:24px 22px;display:grid}.ingestion-stats small{font-size:10px}.ingestion-stats strong{margin-top:8px;font-family:Manrope,sans-serif;font-size:27px;display:block}.integration-grid>.card>.info-callout{margin:0 20px 15px}.topic-text{color:#94a3b8;white-space:nowrap;font-size:8px}summary{color:#94a3b8;cursor:pointer;font-size:10px}.code-block{color:#cbdff7;white-space:pre-wrap;word-break:break-word;background:#334155;border:1px solid #334155;border-radius:7px;max-height:300px;padding:15px;font-size:10px;line-height:1.8;overflow:auto}.code-block.mini{max-width:350px;max-height:210px;font-size:9px}.model-controls{flex-wrap:wrap;align-items:center;gap:12px;padding:20px;display:flex}.model-controls>label{cursor:pointer;margin:0;font-size:11px}.model-note{color:#94a3b8;padding:0 20px 20px;font-size:10px;line-height:1.8}.settings-card{padding:22px}.settings-card>h2{color:#94a3b8;margin-bottom:15px;font-size:14px}.settings-card .muted{margin-bottom:20px;line-height:1.8}.check-list{color:#94a3b8;flex-direction:column;gap:12px;margin-bottom:24px;font-size:11px;display:flex}.check-list>span{align-items:center;gap:8px;display:flex}.outbox-row{color:#94a3b8;border-bottom:1px solid #edf2e4;align-items:center;gap:20px;padding:16px 20px;font-size:10px;display:flex}.outbox-row .badge{margin-left:auto}.muted{color:#94a3b8;font-size:11px}.mobile-menu{display:none}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f2744b3;justify-content:center;align-items:center;padding:28px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:#fff;border-radius:14px;width:100%;max-width:520px;max-height:calc(100dvh - 56px);overflow:auto;box-shadow:0 20px 70px #0f274442}.modal.wide{max-width:760px}.modal-head{border-bottom:1px solid #e4eddc;justify-content:space-between;align-items:flex-start;gap:20px;padding:24px 25px 20px;display:flex}.modal-head h2{color:#475569;letter-spacing:-.5px;font-size:19px}.modal-head p{color:#94a3b8;margin-top:7px;font-size:11px;line-height:1.6}.modal-body{padding:22px 25px}.modal-body>label,.modal-body>.form-grid{margin-bottom:17px}label{color:#64748b;font-size:11px;font-weight:500;display:block}label>input:not([type=checkbox]):not([type=file]),label>select,label>textarea{color:#64748b;background:#fcfdf9;border-color:#eef5fc;width:100%;margin-top:7px;padding:10px 11px;font-size:12px;display:block}label input::placeholder,label textarea::placeholder{color:#cbdff7}.form-grid{grid-template-columns:1fr 1fr;gap:17px;display:grid}.modal-actions{border-top:1px solid #e7efde;justify-content:flex-end;align-items:center;gap:10px;margin-top:20px;padding-top:20px;display:flex}.modal-actions>p{margin-right:auto;font-size:10px}.modal-body .info-callout{padding:14px;font-size:10px}.modal-body .info-callout p{font-size:10px}.modal-body .info-callout small{color:#94a3b8;font-size:9px}.modal-body .info-callout strong{font-size:11px}.scenario-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.scenario-grid>button{text-align:left;background:#fafcf6;border:1px solid #eef5fc;border-radius:7px;padding:13px 14px}.scenario-grid>button>span{color:#94a3b8;justify-content:space-between;align-items:center;font-size:11px;font-weight:600;display:flex}.scenario-grid small{color:#94a3b8;margin-top:6px;font-size:9px;line-height:1.7;display:block}.scenario-grid>button.selected{background:#f8fbff;border-color:#94a3b8}.guide-steps{padding:8px 25px 20px}.guide-step{text-align:left;border-bottom:1px solid #edf2e3;align-items:flex-start;gap:13px;width:100%;padding:20px 0;display:flex}.guide-step:last-child{border-bottom:0}.guide-step>b{color:#94a3b8;background:#edf5e2;border-radius:50%;flex-shrink:0;place-items:center;width:26px;height:26px;font-size:12px;display:grid}.guide-step strong{color:#64748b;font-size:12px}.guide-step p{color:#94a3b8;margin-top:6px;font-size:10px;line-height:1.8}.guide-step>svg{color:#94a3b8;flex-shrink:0;margin-top:4px}.wizard-progress{color:#cbdff7;justify-content:space-between;align-items:center;gap:10px;margin:24px 0;display:flex}.wizard-progress>div{align-items:center;gap:6px;font-size:9px;display:flex}.wizard-progress>div>span{color:#cbdff7;border:1px solid #eef5fc;border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.wizard-progress>div.active{color:#94a3b8}.wizard-progress>div.active>span{color:#64748b;background:#eef5fc;border-color:#e2edfa}.success-preview{color:#94a3b8;align-items:center;gap:13px;margin:25px 0;display:flex}.success-preview strong{color:#94a3b8;font-size:13px}.success-preview p{color:#94a3b8;margin-top:6px;font-size:11px}.detail-grid{grid-template-columns:1fr 1fr;gap:20px;margin:24px 0;display:grid}.detail-grid small{color:#94a3b8;font-size:10px;display:block}.detail-grid strong{color:#94a3b8;margin-top:5px;font-size:12px;font-weight:550;line-height:1.7;display:block}.dry-result{color:#94a3b8;background:#f3f9eb;border:1px solid #eef5fc;border-radius:8px;justify-content:space-around;align-items:center;margin-top:19px;padding:23px 15px;display:flex}.dry-result small{color:#cbdff7;margin-bottom:8px;font-size:10px;display:block}.dry-result strong{color:#94a3b8;font-size:19px}.threshold-inputs{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;display:grid}.checkbox-row{flex-wrap:wrap;align-items:center;gap:15px;margin:13px 0 20px;font-size:11px;display:flex}.checkbox-row label{align-items:center;gap:5px;font-size:10px;display:flex}.checkbox-row input{accent-color:#94a3b8}.detail-status{align-items:center;gap:8px;display:flex}.timeline{margin:22px 0}.timeline>div{gap:12px;padding-bottom:22px;display:flex;position:relative}.timeline>div:not(:last-child):before{content:"";background:#eef5fc;width:1px;position:absolute;top:9px;bottom:0;left:4px}.timeline>div>span{z-index:1;background:#e2edfa;border:2px solid #edf5e4;border-radius:50%;width:9px;height:9px;margin-top:3px}.timeline strong{color:#94a3b8;font-size:11px;font-weight:500}.timeline small{color:#cbdff7;margin-top:5px;font-size:9px;display:block}.toast{z-index:130;color:#e2edfa;background:#334155;border:1px solid #475569;border-radius:9px;align-items:center;gap:12px;max-width:calc(100vw - 36px);padding:15px 19px;font-size:12px;animation:.2s toast-in;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 9px 40px #0f274433}.toast>button{color:#cbdff7;margin-left:10px;display:flex}.toast.error{color:#f7dfb8;background:#6d4833;border-color:#b6875c}@keyframes toast-in{0%{opacity:0;bottom:12px}to{opacity:1;bottom:25px}}.loading-page{background:#f8fbff;flex-direction:column;justify-content:center;align-items:center;gap:20px;height:100vh;display:flex}.loading-page .brand-symbol{width:55px;height:55px;font-size:40px}.loading-page h1{text-align:center;color:#0f2744;font-size:24px;font-weight:800}.loading-page h1>span{letter-spacing:1px;color:#0265dc;margin-top:8px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;display:block}.loading-page>p{color:#64748b;font-size:12px}.loading-bar{background:#eef5fc;border-radius:4px;width:140px;height:3px;overflow:hidden}.loading-bar:after{content:"";background:#cbdff7;width:60px;height:3px;animation:1.2s infinite loading;display:block}@keyframes loading{0%{transform:translate(-60px)}to{transform:translate(150px)}}@media (width>=1500px){.overview-main{grid-template-columns:minmax(0,1.25fr) minmax(0,.95fr)}.scene-wrap{height:100%;min-height:0}.metric-info>span{font-size:11px}.metric-info small{font-size:9px}.metric-row{padding:13px 0}.health-block{padding:26px 0}.stat-card{padding:21px}.page-heading p{font-size:12px}.card-header h2{font-size:14px}.asset-tag{font-size:10px}}@media (width<=1150px){.sidebar{width:207px;padding-left:13px;padding-right:13px}.main-shell{margin-left:207px}.brand{padding:0 7px;font-size:20px}.topbar{padding:0 23px}main{padding:25px 23px 0}.overview-main{grid-template-columns:minmax(0,1fr) 270px;gap:16px}.stats-grid{gap:11px}.stat-card{padding:15px 14px}.stat-value>span{font-size:6px}.scene-wrap{height:100%;min-height:0}.legend{gap:9px}.scene-footer{padding:14px 13px}.orders-grid{grid-template-columns:1fr 1fr}.user-card{margin-left:-13px;margin-right:-13px}.list-toolbar{flex-wrap:wrap;align-items:flex-start}.list-toolbar>div{flex-wrap:wrap}.connection-diagram>span{padding:12px}.connection-diagram{gap:5px}.connection-diagram i{width:15px}.page-heading h1{font-size:25px}.heading-actions .btn{padding:9px 10px;font-size:10px}}@media (width<=950px){.sidebar{width:190px}.main-shell{margin-left:190px}main{padding:22px 19px 0}.page-heading{align-items:flex-start}.page-heading p{max-width:330px;line-height:1.7}.heading-actions{flex-direction:column}.overview-main{grid-template-columns:1fr}.machine-panel{grid-template-columns:1fr 1fr;display:grid}.machine-panel>.card-header{grid-column:1/-1}.machine-summary{grid-row:2/5}.metric-list{grid-area:3/2}.component-select{grid-area:2/2;padding-top:20px}.machine-panel .panel-link{grid-area:4/2}.machine-summary h3{font-size:20px}.health-block{padding:23px 0}.health-ring{width:91px;height:91px}.stats-grid{grid-template-columns:1fr 1fr}.overview-bottom{grid-template-columns:1fr}.stats-grid.three{grid-template-columns:repeat(3,1fr)}.integration-grid,.rule-explain{grid-template-columns:1fr}.maintenance-top{flex-wrap:wrap}.tabs{max-width:100%;overflow-x:auto}.header-time{display:none}.topbar-right{gap:12px}.demo-banner>span>span{display:none}.analytics-grid{grid-template-columns:1fr}.page-footer{flex-wrap:wrap}.eyebrow{font-size:7px}}@media (width<=680px){.sidebar{width:234px;transition:all .2s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-scrim{z-index:25;background:#0f274488;position:fixed;inset:0}.main-shell{margin-left:0}.mobile-menu{display:flex}.topbar{height:58px;padding:0 14px}.breadcrumb{gap:7px;font-size:9px}.breadcrumb strong{font-size:9px}.breadcrumb>svg:first-of-type{display:none}.topbar-right{gap:7px}.topbar .header-divider{display:none}.live-chip{font-size:7px}.topbar .avatar.small{display:none}main{padding:22px 14px 0}.page-heading{margin-bottom:17px;display:block}.page-heading h1{font-size:26px}.page-heading p{max-width:100%;font-size:10px}.heading-actions{flex-direction:row;margin-top:15px}.heading-actions .btn{padding:10px 13px;font-size:10px}.demo-banner{padding:10px;font-size:8px}.demo-banner strong{font-size:9px}.demo-banner button{font-size:8px}.stats-grid{gap:10px;margin-bottom:16px}.stat-card{padding:14px}.stat-label{font-size:10px}.stat-label>svg{width:15px;height:15px}.stat-value{margin-top:15px;font-size:29px}.stat-value>span{font-size:6px}.stat-note{font-size:8px}.overview-main{gap:15px}.scene-wrap{height:365px}.scene-toolbar{left:10px;right:10px}.scene-live{font-size:7px}.scene-pill{font-size:8px}.twin-card .card-header{padding:15px 12px}.card-title{gap:6px}.card-header h2{font-size:11px}.card-header p{font-size:8px}.segmented button{padding:5px 8px;font-size:8px}.tiny-badge{font-size:6px}.legend{gap:8px;font-size:8px}.scene-footer{padding:12px 11px}.scene-footer button{font-size:8px}.asset-tag{padding:4px 6px;font-size:8px}.asset-tag small{display:none}.machine-panel{display:block}.machine-panel .component-select{padding-top:10px}.machine-panel .machine-summary h3{font-size:20px}.machine-panel .health-block{padding:22px 0}.machine-panel .metric-row{padding:13px 0}.metric-info>span{font-size:11px}.metric-info small{font-size:9px}.metric-value strong{font-size:18px}.stats-grid.three,.orders-grid{grid-template-columns:1fr}.discovery-item{flex-wrap:wrap}.discovery-item>div:nth-child(2){min-width:calc(100% - 65px)}.table-scroll table{min-width:650px}.list-toolbar>div{width:100%}.search-box{flex:1}.search-box input{width:100%}.connection-diagram>span{padding:11px 9px}.connection-diagram small{font-size:8px}.connection-diagram svg{width:22px}.modal-backdrop{padding:16px 10px}.modal{max-height:calc(100dvh - 32px)}.modal-head{padding:21px 19px 17px}.modal-head h2{font-size:18px}.modal-head p{font-size:10px}.modal-body{padding:20px 19px}.form-grid{gap:12px}.threshold-inputs{grid-template-columns:1fr 1fr}.scenario-grid{grid-template-columns:1fr 1fr;gap:7px}.scenario-grid>button{padding:11px}.scenario-grid>button>span{font-size:10px}.scenario-grid small{font-size:8px}.modal-actions{flex-wrap:wrap}.wizard-progress{flex-wrap:wrap;gap:5px}.wizard-progress>div{gap:4px;font-size:8px}.wizard-progress>div>span{width:20px;height:20px}.detail-grid{gap:14px}.detail-grid strong{font-size:11px}.floor-map{grid-template-columns:repeat(2,1fr)}.maintenance-top .tabs>button{padding:12px 8px;font-size:9px}.model-controls select{max-width:100%}.model-controls{gap:10px}.page-footer{font-size:7px;line-height:1.8}.toast{min-width:280px;font-size:11px}.topbar .breadcrumb>span,.stat-value>span{display:none}.info-callout{padding:13px}.info-callout p{font-size:10px}.hud-floating-right{width:auto;max-width:calc(100vw - 16px);max-height:48vh;inset:auto 8px 50px}.hud-floating-bottom{max-width:calc(100vw - 16px);bottom:8px;left:8px;right:8px}.hud-dock-cards{grid-template-columns:1fr;max-height:40vh;overflow-y:auto}.floating-hud-top{flex-wrap:wrap;gap:6px}.floating-hud-legend{display:none}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.evidence-box{background:#fbfdf7;border:1px dashed #e2edfa;border-radius:7px;margin:20px 0;padding:14px}.evidence-box h3{color:#64748b;margin-bottom:12px;font-size:12px}.evidence-box>label{cursor:pointer;margin:8px 0;font-size:10px;display:inline-flex}.evidence-box>p{margin-top:4px;font-size:9px}.evidence-link{color:#94a3b8;text-align:left;align-items:center;gap:7px;width:100%;padding:10px 0;font-size:10px;display:flex}.evidence-link>svg:last-child{margin-left:auto}.overview-workspace.immersive{width:100%;height:100%;min-height:0;box-shadow:var(--shadow-card);background:#f0f5fc;border:1px solid #e2edfa;border-radius:12px;flex:1;position:relative;overflow:hidden}.immersive-canvas-layer{z-index:1;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.immersive-canvas-layer>div>canvas{touch-action:none}.glass-capsule{-webkit-backdrop-filter:blur(16px)saturate(180%);background:#ffffffd6;border:1px solid #cbdff7bf;border-radius:980px;box-shadow:0 4px 16px #0f274414}.floating-hud-top{z-index:6;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:10px;left:12px;right:12px}.hud-pill-group,.hud-controls-group{pointer-events:auto;align-items:center;gap:8px;display:flex}.hud-controls-group .segmented.glass-capsule{border-radius:980px;padding:3px}.hud-controls-group .scene-controls.glass-capsule{border-radius:980px;flex-direction:row;padding:2px 4px;position:static;box-shadow:0 4px 16px #0f274414}.hud-controls-group .scene-controls .icon-btn{padding:5px}.floating-hud-legend{z-index:6;pointer-events:auto;align-items:center;gap:8px;transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .25s;display:flex;position:absolute;bottom:12px;left:12px}.floating-hud-legend.dock-open{transform:translateY(-210px)}.floating-hud-legend .legend.glass-capsule{align-items:center;gap:10px;padding:4px 10px;font-size:9px;font-weight:600;display:inline-flex}.floating-hud-legend .scene-caption.glass-capsule{color:#64748b;align-items:center;gap:6px;padding:4px 10px;font-size:9.5px;display:inline-flex;position:static}.floating-hud-legend .scene-caption span:last-child{color:#0265dc;font-size:8.5px;font-weight:700}.immersive-hud-overlay{z-index:10;pointer-events:none;position:absolute;inset:0;overflow:hidden}.hud-floating-right{pointer-events:auto;-webkit-backdrop-filter:blur(24px)saturate(190%);z-index:12;will-change:width, max-height;background:#ffffffeb;border:1px solid #cbdff7e0;border-radius:14px;flex-direction:column;width:380px;max-width:calc(100vw - 24px);max-height:calc(100% - 62px);transition:width .3s cubic-bezier(.16,1,.3,1),max-height .3s cubic-bezier(.16,1,.3,1),box-shadow .25s,border-radius .25s,background .25s;display:flex;position:absolute;top:50px;right:12px;overflow:hidden;box-shadow:0 16px 44px #0f274424}.hud-floating-right:hover{background:#fffffff0;box-shadow:0 16px 42px #0f274429}.hud-floating-right.collapsed{background:#ffffffe6;border-radius:980px;width:auto;max-height:36px;padding:3px 4px;box-shadow:0 4px 16px #0f27441f}.hud-collapsed-pill{cursor:pointer;color:#0f2744;background:0 0;border:none;border-radius:980px;align-items:center;gap:6px;height:28px;padding:0 10px;font-family:inherit;font-size:10px;font-weight:700;display:inline-flex}.hud-collapsed-pill:hover{color:#0265dc}.hud-collapsed-pill .pill-name{letter-spacing:.3px;font-size:10px}.hud-collapsed-pill .pill-health{color:#0265dc;background:#0265dc1a;border-radius:980px;padding:1px 5px;font-size:9px}.hud-header-actions{align-items:center;gap:4px;display:flex}.hud-header-actions .collapse-btn{color:#0265dc}.hud-panel-scrollable{flex:1;min-height:0;padding:0 2px;overflow-y:auto}.hud-panel-scrollable .machine-summary{padding:10px 14px 6px}.hud-panel-scrollable .health-block{margin:6px 0;padding:8px 0}.hud-panel-scrollable .component-select{padding:4px 14px 8px}.hud-panel-scrollable .metric-list{padding:0 14px}.hud-panel-scrollable .metric-row{padding:7px 0}.hud-panel-scrollable .panel-link{padding:9px 14px}.hud-floating-bottom{pointer-events:none;z-index:9;flex-direction:column;gap:8px;max-width:calc(100vw - 424px);transition:right .35s cubic-bezier(.16,1,.3,1),max-width .35s cubic-bezier(.16,1,.3,1),bottom .35s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;bottom:12px;left:12px;right:408px}.hud-floating-bottom.right-collapsed{max-width:calc(100vw - 24px);right:12px}.hud-dock-toggle-bar{pointer-events:auto;justify-content:center;width:100%;display:flex}.dock-toggle-pill{color:#0265dc;-webkit-backdrop-filter:blur(16px)saturate(180%);cursor:pointer;background:#ffffffe6;border:1px solid #cbdff7e6;border-radius:980px;align-items:center;gap:6px;height:26px;padding:0 14px;font-family:inherit;font-size:10.5px;font-weight:700;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 16px #0f27441a}.dock-toggle-pill:hover{background:#fff;border-color:#0265dc;transform:translateY(-1px);box-shadow:0 6px 20px #0265dc29}.hud-dock-cards{pointer-events:auto;grid-template-columns:minmax(0,1.25fr) minmax(0,.95fr);gap:10px;animation:.3s cubic-bezier(.16,1,.3,1) dockSlideUp;display:grid}@keyframes dockSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.hud-trend-dock,.hud-attention-dock{-webkit-backdrop-filter:blur(20px)saturate(180%);background:#ffffffe0;border:1px solid #cbdff7d9;border-radius:12px;flex-direction:column;max-height:200px;transition:background .25s,box-shadow .25s;display:flex;overflow:hidden;box-shadow:0 8px 26px #0f27441a}.hud-trend-dock:hover,.hud-attention-dock:hover{background:#fffffff0;box-shadow:0 12px 32px #0f274424}.hud-trend-dock .card-header,.hud-attention-dock .card-header{padding:6px 12px}.hud-trend-dock .trend-content{padding:4px 12px 6px}.hud-attention-dock .attention-list{max-height:120px;padding:0 12px;overflow-y:auto}.hud-attention-dock .attention-item{padding:5px 0}.hud-attention-dock .insight-note{margin:3px 12px 5px;padding:4px 8px}[data-theme=dark] .overview-workspace.immersive{background:#07111f;border-color:#1e3a5f}[data-theme=dark] .glass-capsule{background:#0f1e34d6;border-color:#1e3a5fd9;box-shadow:0 4px 16px #0006}[data-theme=dark] .hud-floating-right,[data-theme=dark] .hud-trend-dock,[data-theme=dark] .hud-attention-dock,[data-theme=dark] .dock-toggle-pill{background:#0f1e34e0;border-color:#1e3a5fe6;box-shadow:0 12px 36px #00000073}[data-theme=dark] .hud-floating-right:hover,[data-theme=dark] .hud-trend-dock:hover,[data-theme=dark] .hud-attention-dock:hover,[data-theme=dark] .dock-toggle-pill:hover{background:#0f1e34f2;border-color:#3b82f6}.power-toggle-btn{cursor:pointer;border:1px solid #0000;border-radius:980px;align-items:center;gap:4px;height:20px;padding:0 8px;font-family:inherit;font-size:9.5px;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.power-toggle-btn.btn-stop{color:#dc2626;background:#fee2e2b3;border-color:#fca5a599}.power-toggle-btn.btn-stop:hover{background:#fee2e2;border-color:#dc2626;transform:translateY(-1px)}.power-toggle-btn.btn-start{color:#0265dc;background:#e2edfad9;border-color:#cbdff7e6}.power-toggle-btn.btn-start:hover{color:#fff;background:#0265dc;transform:translateY(-1px)}[data-theme=dark] .power-toggle-btn.btn-stop{color:#f87171;background:#7f1d1d66;border-color:#b91c1c80}[data-theme=dark] .power-toggle-btn.btn-start{color:#38bdf8;background:#0e749059;border-color:#0284c780}.spatial-glass-card{-webkit-backdrop-filter:blur(24px)saturate(190%);pointer-events:auto;color:#0f2744;text-align:left;background:#ffffffe6;border:1px solid #cbdff7e6;border-radius:16px;width:310px;padding:12px 14px;font-family:inherit;animation:.25s cubic-bezier(.16,1,.3,1) spatialPop;box-shadow:0 20px 48px #0f274438,0 4px 12px #0f274414}@keyframes spatialPop{0%{opacity:0;transform:scale(.92)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.spatial-card-header{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:8px;display:flex}.spatial-card-title h3{color:#0f2744;margin:2px 0;font-size:13px;font-weight:700;line-height:1.25}.spatial-type-chip{letter-spacing:.5px;color:#0265dc;background:#0265dc1f;border-radius:4px;padding:1px 6px;font-size:8px;font-weight:800;display:inline-block}.spatial-line-badge{color:#64748b;font-size:10px;display:block}.spatial-close-btn{color:#64748b;cursor:pointer;background:#fffc;border:1px solid #cbdff7cc;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;transition:all .2s;display:flex}.spatial-close-btn:hover{color:#fff;background:#0265dc;border-color:#0265dc}.spatial-status-row{align-items:center;gap:6px;margin-bottom:10px;display:flex}.spatial-pill{border-radius:980px;align-items:center;gap:5px;padding:3px 8px;font-size:9.5px;font-weight:700;display:inline-flex}.spatial-pill.op-RUNNING{color:#0265dc;background:#e2edfae6}.spatial-pill.op-STOPPED{color:#64748b;background:#f1f5f9e6}.spatial-pill.sev-NORMAL{color:#0265dc;background:#e2edfae6}.spatial-pill.sev-WARNING{color:#d97706;background:#fef3c7e6}.spatial-pill.sev-CRITICAL{color:#dc2626;background:#fee2e2e6}.spatial-params-section{border-top:1px solid #e2edfacc;margin-bottom:10px;padding-top:8px}.spatial-params-title{color:#475569;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:10px;font-weight:700;display:flex}.spatial-params-title small{color:#94a3b8;font-size:9px;font-weight:500}.spatial-params-grid{grid-template-columns:repeat(2,1fr);gap:5px;max-height:140px;padding-right:2px;display:grid;overflow-y:auto}.spatial-param-cell{background:#f8fafcd9;border:1px solid #e2edfacc;border-radius:8px;flex-direction:column;padding:5px 8px;display:flex}.spatial-param-cell.WARNING{background:#fef3c780;border-color:#f59e0b80}.spatial-param-cell.CRITICAL{background:#fee2e280;border-color:#dc262680}.spatial-param-cell .sp-label{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin-bottom:1px;font-size:8.5px;overflow:hidden}.spatial-param-cell .sp-val-wrap{align-items:baseline;gap:3px;display:flex}.spatial-param-cell .sp-val{color:#0f2744;font-size:12px;font-weight:700}.spatial-param-cell .sp-unit{color:#94a3b8;font-size:9px;font-weight:600}.spatial-card-footer{justify-content:flex-end;display:flex}.spatial-power-btn{cursor:pointer;border:1px solid #0000;border-radius:980px;width:100%;height:26px;font-family:inherit;font-size:10.5px;font-weight:700;transition:all .2s}.spatial-power-btn.btn-off{color:#dc2626;background:#fee2e2cc;border-color:#fca5a599}.spatial-power-btn.btn-off:hover{background:#fee2e2;border-color:#dc2626}.spatial-power-btn.btn-on{color:#0265dc;background:#0265dc1f;border-color:#0265dc4d}.spatial-power-btn.btn-on:hover{color:#fff;background:#0265dc}.spatial-glass-card.dark{color:#f1f5f9;background:#0f1e34eb;border-color:#1e3a5fe6;box-shadow:0 20px 48px #00000080}.spatial-glass-card.dark .spatial-card-title h3{color:#f1f5f9}.spatial-glass-card.dark .spatial-param-cell{background:#0b1728b3;border-color:#1e3a5fb3}.spatial-glass-card.dark .spatial-param-cell .sp-val{color:#f1f5f9}.andon-digital-board{color:#f8fafc;pointer-events:auto;background:#0f172af0;border:1px solid #334155e6;border-radius:8px;width:190px;padding:6px 8px;font-family:inherit;box-shadow:0 8px 24px #0006}.andon-top-row{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.andon-line-code{color:#38bdf8;background:#0265dc33;border-radius:3px;padding:1px 4px;font-size:8px;font-weight:800}.andon-line-title{color:#e2e8f0;font-size:9px;font-weight:700}.andon-status-pill{border-radius:980px;padding:1px 5px;font-size:7.5px;font-weight:800}.andon-status-pill.ok{color:#38bdf8;background:#0265dc4d}.andon-status-pill.warn{color:#fbbf24;background:#f59e0b4d}.andon-status-pill.alert{color:#f87171;background:#dc26264d}.andon-metrics-row{border-top:1px solid #33415580;grid-template-columns:repeat(3,1fr);gap:4px;padding-top:4px;display:grid}.andon-stat{flex-direction:column;align-items:center;display:flex}.andon-stat small{color:#94a3b8;font-size:6.5px;font-weight:700}.andon-stat strong{color:#fff;font-size:10px;font-weight:800}.andon-stat strong.text-danger{color:#f87171}.asset-tag.compact-tag{opacity:.85;border-radius:980px;gap:4px;padding:2px 7px;font-size:9px;box-shadow:0 2px 8px #0f27441f}.asset-tag.compact-tag:hover{opacity:1;transform:scale(1.08)}:root,body,.app-shell,.main-shell,.topbar,.sidebar,.card,.modal,.spatial-glass-card,.hud-floating-right,.hud-floating-bottom,.hud-trend-dock,.hud-attention-dock,.glass-capsule,.dock-toggle-pill,.hud-collapsed-pill,.floating-hud-legend,.segmented,.scene-controls,.table-scroll,table,th,td,input,select,button{transition:background-color .3s cubic-bezier(.16,1,.3,1),border-color .3s cubic-bezier(.16,1,.3,1),color .25s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1)}:root[data-theme=dark] .hud-collapsed-pill{color:#e6edf7}:root[data-theme=dark] .hud-collapsed-pill .pill-health{color:#38bdf8;background:#0265dc40}:root[data-theme=dark] .dock-toggle-pill{color:#38bdf8;background:#0f1e34e6;border-color:#1e3a5fe6;box-shadow:0 4px 16px #00000073}:root[data-theme=dark] .dock-toggle-pill:hover{background:#152947f2;border-color:#38bdf8;box-shadow:0 6px 20px #38bdf840}:root[data-theme=dark] .spatial-glass-card{color:#e6edf7;background:#0f1e34f0;border-color:#1e3a5fe6;box-shadow:0 20px 48px #0000008c}:root[data-theme=dark] .spatial-glass-card .spatial-card-title h3{color:#e6edf7}:root[data-theme=dark] .spatial-glass-card .spatial-line-badge{color:#94a3b8}:root[data-theme=dark] .spatial-glass-card .spatial-close-btn{color:#cbd5e1;background:#1e3a5f99;border-color:#38bdf84d}:root[data-theme=dark] .spatial-glass-card .spatial-close-btn:hover{color:#fff;background:#0265dc}:root[data-theme=dark] .spatial-glass-card .spatial-params-title{color:#94a3b8}:root[data-theme=dark] .spatial-glass-card .spatial-params-title small{color:#64748b}:root[data-theme=dark] .spatial-glass-card .spatial-param-cell{background:#0b1728bf;border-color:#1e3a5fb3}:root[data-theme=dark] .spatial-glass-card .spatial-param-cell .sp-label{color:#94a3b8}:root[data-theme=dark] .spatial-glass-card .spatial-param-cell .sp-val{color:#f1f5f9}:root[data-theme=dark] .spatial-glass-card .spatial-param-cell .sp-unit{color:#64748b}:root[data-theme=dark] .spatial-glass-card .spatial-pill.op-RUNNING{color:#38bdf8;background:#0265dc40}:root[data-theme=dark] .spatial-glass-card .spatial-pill.op-STOPPED{color:#94a3b8;background:#1e293bb3}:root[data-theme=dark] .spatial-glass-card .spatial-pill.sev-NORMAL{color:#38bdf8;background:#0265dc40}:root[data-theme=dark] .spatial-glass-card .spatial-pill.sev-WARNING{color:#fbbf24;background:#d9770640}:root[data-theme=dark] .spatial-glass-card .spatial-pill.sev-CRITICAL{color:#f87171;background:#dc262640}:root[data-theme=dark] .spatial-glass-card .spatial-power-btn.btn-off{color:#f87171;background:#7f1d1d80;border-color:#b91c1c99}:root[data-theme=dark] .spatial-glass-card .spatial-power-btn.btn-on{color:#38bdf8;background:#0265dc40;border-color:#0284c780}:root[data-theme=dark] .recharts-cartesian-grid line{stroke:#1e3a5f!important}:root[data-theme=dark] .recharts-text{fill:#94a3b8!important}:root[data-theme=dark] .recharts-default-tooltip{color:#e6edf7!important;background-color:#0f1e34f2!important;border-color:#20334c!important;border-radius:8px!important;box-shadow:0 8px 24px #0006!important}:root[data-theme=dark] .asset-tag.compact-tag{color:#e6edf7;background:#0f1e34e0;border-color:#1e3a5fe6;box-shadow:0 2px 8px #0006}.compact-cockpit-stats{gap:8px!important;margin-bottom:5px!important}.compact-cockpit-stats .stat-card{border-radius:8px!important;min-height:40px!important;padding:5px 12px!important}.compact-cockpit-stats .stat-label{margin-bottom:1px!important;font-size:9.5px!important}.compact-cockpit-stats .stat-value{font-size:15px!important;font-weight:700!important;line-height:1.1!important}.compact-cockpit-stats .stat-note{margin-top:1px!important;font-size:8.5px!important;line-height:1.1!important}.close-inspection-btn{color:#dc2626!important;background:#fee2e2b3!important;border:1px solid #fca5a599!important;border-radius:6px!important;justify-content:center!important;align-items:center!important;padding:3px!important;display:inline-flex!important}.close-inspection-btn:hover{transform:scale(1.05);background:#fee2e2!important;border-color:#dc2626!important}:root[data-theme=dark] .close-inspection-btn{color:#f87171!important;background:#7f1d1d66!important;border-color:#b91c1c80!important}.plant-overview-hud-card{color:#0f2744;flex-direction:column;padding:0;display:flex}.plant-overview-hud-card .card-header{border-bottom:1px solid #cbdff7b3;padding:10px 14px}.plant-overview-hud-card .card-title h2{margin:0;font-size:13px;font-weight:700}.plant-hud-body{flex-direction:column;gap:10px;padding:12px 14px;display:flex}.plant-hud-hint{color:#64748b;margin:0;font-size:11px;line-height:1.4}.plant-hud-quick-stats{background:#f0f5fcd9;border:1px solid #cbdff7cc;border-radius:8px;grid-template-columns:repeat(3,1fr);gap:6px;padding:8px 10px;display:grid}.quick-stat-item{flex-direction:column;align-items:center;display:flex}.quick-stat-item span{color:#64748b;letter-spacing:.3px;font-size:8px;font-weight:700}.quick-stat-item strong{color:#0f2744;font-size:13px;font-weight:800}.quick-stat-item strong.text-normal{color:#0265dc}.quick-stat-item strong.text-warn{color:#d97706}.plant-hud-line-list{border-top:1px solid #e2edfacc;flex-direction:column;gap:5px;padding-top:8px;display:flex}.line-list-title{color:#64748b;letter-spacing:.5px;font-size:8.5px;font-weight:800}.plant-line-row{background:#f8fafcd9;border-radius:6px;justify-content:space-between;align-items:center;padding:4px 6px;font-size:10.5px;font-weight:600;display:flex}.line-row-left{align-items:center;gap:6px;display:flex}.line-row-count{color:#94a3b8;font-size:9.5px}:root[data-theme=dark] .plant-overview-hud-card{color:#e6edf7}:root[data-theme=dark] .plant-overview-hud-card .card-header{border-color:#1e3a5fb3}:root[data-theme=dark] .plant-hud-hint{color:#94a3b8}:root[data-theme=dark] .plant-hud-quick-stats{background:#0b1728bf;border-color:#1e3a5fb3}:root[data-theme=dark] .quick-stat-item span{color:#94a3b8}:root[data-theme=dark] .quick-stat-item strong{color:#f1f5f9}:root[data-theme=dark] .plant-hud-line-list{border-color:#1e3a5fb3}:root[data-theme=dark] .line-list-title{color:#94a3b8}:root[data-theme=dark] .plant-line-row{color:#e6edf7;background:#0b1728bf}.scene-nav-hint{color:#64748b!important;letter-spacing:.2px!important;white-space:nowrap!important;padding:4px 8px!important;font-size:9.5px!important;font-weight:500!important}:root[data-theme=dark] .scene-nav-hint{color:#94a3b8!important}.hud-dock-toggle-bar{pointer-events:auto!important;justify-content:space-between!important;align-items:center!important;width:100%!important;display:flex!important}.dock-legend-chips{color:#475569!important;align-items:center!important;gap:8px!important;padding:3px 8px!important;font-size:9.5px!important;font-weight:600!important;display:flex!important}.dock-legend-chips span{align-items:center!important;gap:4px!important;display:flex!important}:root[data-theme=dark] .dock-legend-chips{color:#94a3b8!important}.machine-hud-header{border-bottom:1px solid #cbdff7b3!important;padding:8px 12px!important}.machine-hud-header .card-title h2{color:#0f2744!important;letter-spacing:-.2px!important;margin:0!important;font-size:13px!important;font-weight:700!important}.machine-hud-sub{color:#64748b!important;margin-top:1px!important;font-size:9.5px!important;font-weight:500!important;display:block!important}:root[data-theme=dark] .machine-hud-header .card-title h2{color:#f1f5f9!important}:root[data-theme=dark] .machine-hud-sub{color:#94a3b8!important}.compact-inspector{flex-direction:column!important;gap:6px!important;padding:8px 10px!important;display:flex!important;overflow-y:auto!important}.compact-machine-bar{background:#f0f5fccc!important;border:1px solid #cbdff7b3!important;border-radius:6px!important;justify-content:space-between!important;align-items:center!important;padding:4px 8px!important;display:flex!important}.machine-status-chip{color:#334155!important;align-items:center!important;gap:5px!important;font-size:9.5px!important;font-weight:600!important;display:flex!important}.status-time{color:#94a3b8!important;margin-left:2px!important;font-size:8.5px!important}:root[data-theme=dark] .compact-machine-bar{background:#0b1728bf!important;border-color:#1e3a5fb3!important}:root[data-theme=dark] .machine-status-chip{color:#e2e8f0!important}.compact-health-strip{background:#f8fafccc!important;border:1px solid #e2edfacc!important;border-radius:6px!important;justify-content:space-between!important;align-items:center!important;padding:4px 8px!important;display:flex!important}.health-score-pill{color:#64748b!important;align-items:center!important;gap:5px!important;font-size:9.5px!important;display:flex!important}.health-score-pill strong{color:#0f2744!important;font-size:13px!important;font-weight:800!important}.health-severity-tag{letter-spacing:.3px!important;border-radius:4px!important;padding:1px 5px!important;font-size:8.5px!important;font-weight:700!important}.health-severity-tag.NORMAL{color:#1e40af!important;background:#dbeafecc!important}.health-severity-tag.WARNING{color:#b45309!important;background:#fef3c7cc!important}.health-severity-tag.CRITICAL{color:#b91c1c!important;background:#fee2e2cc!important}:root[data-theme=dark] .compact-health-strip{background:#0b1728bf!important;border-color:#1e3a5fb3!important}:root[data-theme=dark] .health-score-pill strong{color:#f1f5f9!important}:root[data-theme=dark] .health-score-pill{color:#94a3b8!important}.compact-component-tabs{background:#f0f5fccc!important;border:1px solid #cbdff799!important;border-radius:6px!important;gap:4px!important;padding:2px!important;display:flex!important}.compact-component-tabs button{color:#64748b!important;cursor:pointer!important;background:0 0!important;border:none!important;border-radius:4px!important;flex:1!important;height:22px!important;font-size:9.5px!important;font-weight:600!important;transition:all .15s!important}.compact-component-tabs button.active{color:#0f2744!important;background:#fff!important;font-weight:700!important;box-shadow:0 1px 3px #00000014!important}:root[data-theme=dark] .compact-component-tabs{background:#0b1728cc!important;border-color:#1e3a5fb3!important}:root[data-theme=dark] .compact-component-tabs button{color:#94a3b8!important}:root[data-theme=dark] .compact-component-tabs button.active{color:#f1f5f9!important;background:#1e3a5fe6!important}.compact-metric-table{flex-direction:column!important;gap:3px!important;display:flex!important}.compact-metric-row{background:#ffffffb3!important;border:1px solid #e2edfab3!important;border-radius:5px!important;justify-content:space-between!important;align-items:center!important;padding:4px 8px!important;transition:background .15s!important;display:flex!important}.compact-metric-row:hover{background:#f0f5fce6!important}.metric-row-label{color:#334155!important;align-items:center!important;gap:5px!important;font-size:10px!important;font-weight:600!important;display:flex!important}.metric-row-val{align-items:baseline!important;gap:3px!important;display:flex!important}.val-num{color:#0f2744!important;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace!important;font-size:11.5px!important;font-weight:700!important}.val-num.WARNING{color:#d97706!important}.val-num.CRITICAL{color:#dc2626!important}.val-unit{color:#64748b!important;font-size:9px!important;font-weight:500!important}:root[data-theme=dark] .compact-metric-row{background:#0f1e3499!important;border-color:#1e3a5f99!important}:root[data-theme=dark] .compact-metric-row:hover{background:#142846cc!important}:root[data-theme=dark] .metric-row-label{color:#cbd5e1!important}:root[data-theme=dark] .val-num{color:#f1f5f9!important}:root[data-theme=dark] .val-unit{color:#94a3b8!important}.compact-analytics-btn{color:#0265dc!important;cursor:pointer!important;text-align:center!important;background:#f0f5fccc!important;border:1px solid #cbdff7cc!important;border-radius:6px!important;width:100%!important;height:26px!important;margin-top:3px!important;font-size:10px!important;font-weight:600!important;transition:all .2s!important;display:block!important}.compact-analytics-btn:hover{background:#e2edfaf2!important;border-color:#0265dc!important}:root[data-theme=dark] .compact-analytics-btn{color:#60a5fa!important;background:#0b1728bf!important;border-color:#1e3a5fb3!important}:root[data-theme=dark] .compact-analytics-btn:hover{background:#142846e6!important;border-color:#60a5fa!important}.asset-tag.active-selected-tag{color:#fff!important;background:#0265dcf2!important;border-color:#38bdf8!important;gap:6px!important;transform:scale(1.08)!important;box-shadow:0 0 16px #38bdf899!important}.inspect-pill-note{letter-spacing:.4px!important;color:#fff!important;background:#38bdf84d!important;border-radius:999px!important;padding:1px 5px!important;font-size:8px!important;font-weight:800!important}.compact-oee-strip{grid-template-columns:repeat(4,1fr)!important;gap:4px!important;display:grid!important}.compact-oee-item{text-align:center!important;background:#f0f5fcbf!important;border:1px solid #cbdff7b3!important;border-radius:6px!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;padding:4px 2px!important;display:flex!important}.compact-oee-item .oee-label{color:#64748b!important;letter-spacing:.3px!important;text-transform:uppercase!important;font-size:7.5px!important;font-weight:700!important}.compact-oee-item .oee-val{color:#0f2744!important;margin-top:1px!important;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace!important;font-size:11px!important;font-weight:800!important}.compact-oee-item.highlight{background:#0265dc14!important;border-color:#0265dc59!important}.compact-oee-item.highlight .oee-val{color:#0265dc!important}:root[data-theme=dark] .compact-oee-item{background:#0b1728bf!important;border-color:#1e3a5fb3!important}:root[data-theme=dark] .compact-oee-item .oee-label{color:#94a3b8!important}:root[data-theme=dark] .compact-oee-item .oee-val{color:#f1f5f9!important}:root[data-theme=dark] .compact-oee-item.highlight{background:#0265dc33!important;border-color:#38bdf866!important}:root[data-theme=dark] .compact-oee-item.highlight .oee-val{color:#38bdf8!important}.inspector-section-label{color:#64748b!important;letter-spacing:.5px!important;text-transform:uppercase!important;justify-content:space-between!important;align-items:center!important;margin-top:4px!important;font-size:8.5px!important;font-weight:800!important;display:flex!important}:root[data-theme=dark] .inspector-section-label{color:#94a3b8!important}.compact-alarm-card{background:#fee2e2cc!important;border:1px solid #fca5a5e6!important;border-radius:6px!important;flex-direction:column!important;gap:4px!important;padding:6px 8px!important;display:flex!important}.compact-alarm-card.WARNING{background:#fef3c7cc!important;border-color:#fcd34de6!important}.compact-alarm-head{color:#991b1b!important;justify-content:space-between!important;align-items:center!important;font-size:9.5px!important;font-weight:700!important;display:flex!important}.compact-alarm-card.WARNING .compact-alarm-head{color:#92400e!important}.compact-alarm-msg{color:#7f1d1d!important;font-size:9px!important;line-height:1.3!important}.compact-alarm-card.WARNING .compact-alarm-msg{color:#78350f!important}.compact-alarm-act-btn{color:#fff!important;cursor:pointer!important;background:#dc2626!important;border:none!important;border-radius:4px!important;align-self:flex-start!important;padding:2px 7px!important;font-size:8.5px!important;font-weight:700!important;transition:opacity .15s!important}.compact-alarm-act-btn:hover{opacity:.88!important}.compact-safe-banner{color:#166534!important;background:#dcfce7bf!important;border:1px solid #bbf7d0d9!important;border-radius:6px!important;align-items:center!important;gap:5px!important;padding:4px 8px!important;font-size:9px!important;font-weight:600!important;display:flex!important}:root[data-theme=dark] .compact-safe-banner{color:#86efac!important;background:#064e3b73!important;border-color:#065f4699!important}.compact-specs-grid{grid-template-columns:1fr 1fr!important;gap:4px!important;display:grid!important}.compact-spec-item{background:#f8fafcb3!important;border:1px solid #e2edfab3!important;border-radius:5px!important;flex-direction:column!important;padding:3px 6px!important;display:flex!important}.compact-spec-item span{color:#64748b!important;text-transform:uppercase!important;font-size:7.5px!important;font-weight:600!important}.compact-spec-item strong{color:#0f2744!important;margin-top:1px!important;font-size:9.5px!important;font-weight:700!important}:root[data-theme=dark] .compact-spec-item{background:#0b1728a6!important;border-color:#1e3a5f99!important}:root[data-theme=dark] .compact-spec-item span{color:#94a3b8!important}:root[data-theme=dark] .compact-spec-item strong{color:#f1f5f9!important}.compact-action-row{gap:4px!important;margin-top:2px!important;display:flex!important}.compact-action-row button{flex:1!important}.brand{text-decoration:none}.brand.brand-digital-twin{flex-direction:row;align-items:center;gap:10px;padding:6px 8px 14px}.brand.brand-digital-twin .dt-logo-row{align-items:center;gap:10px;width:100%;display:flex}.brand.brand-digital-twin .dt-machine-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.brand.brand-digital-twin .dt-brand-texts{flex-direction:column;align-items:flex-start;line-height:1.15;display:flex}.brand.brand-digital-twin .dt-main-title{letter-spacing:-.2px;color:#0f2744;font-family:Manrope,sans-serif;font-size:13.5px;font-weight:800}:root[data-theme=dark] .brand.brand-digital-twin .dt-main-title{color:#f1f5f9}.brand.brand-digital-twin .dt-sub-title{letter-spacing:2.2px;color:#0284c7;margin-top:2px;font-family:DM Sans,sans-serif;font-size:8px;font-weight:800}:root[data-theme=dark] .brand.brand-digital-twin .dt-sub-title{color:#38bdf8}.dt-splash-badge{filter:drop-shadow(0 4px 20px #0284c759);justify-content:center;align-items:center;margin-bottom:16px;display:flex}.logo-selector-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:14px;display:grid}.logo-option-card{cursor:pointer;text-align:left;background:#fff;border:2px solid #e2edfa;border-radius:12px;flex-direction:column;gap:14px;padding:16px;transition:all .2s;display:flex}:root[data-theme=dark] .logo-option-card{background:var(--card);border-color:var(--border)}.logo-option-card:hover{border-color:#93c5fd;transform:translateY(-2px);box-shadow:0 4px 12px #0265dc14}.logo-option-card.selected{background:#f0f7ff;border-color:#0265dc;box-shadow:0 4px 16px #0265dc24}:root[data-theme=dark] .logo-option-card.selected{background:#0265dc26;border-color:#38bdf8}.logo-preview-box{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;flex-direction:column;justify-content:center;align-items:flex-start;min-height:68px;padding:14px 18px;display:flex}:root[data-theme=dark] .logo-preview-box{background:#0f172a99;border-color:#334155}.logo-preview-sub{letter-spacing:2px;color:#0265dc;margin-top:4px;font-family:DM Sans,sans-serif;font-size:8px;font-weight:700;display:block}:root[data-theme=dark] .logo-preview-sub{color:#38bdf8}.logo-card-info{flex-direction:column;gap:6px;display:flex}.logo-card-title{color:#0f172a;justify-content:space-between;align-items:center;font-size:13.5px;font-weight:700;display:flex}:root[data-theme=dark] .logo-card-title{color:#f1f5f9}.badge-active{color:#fff;letter-spacing:.5px;background:#0265dc;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}:root[data-theme=dark] .badge-active{background:#0284c7}