.native-charts{display:grid;gap:12px}.native-chart-card,.native-donut-card{border:1px solid #2d3034;background:linear-gradient(120deg,#121416,#131214);border-radius:22px;padding:16px;color:#eee}.native-chart-card h2,.native-donut-card h2{font-size:14px;font-weight:600;display:flex;align-items:center;gap:12px;margin:0 0 16px}.native-production h2 svg,.native-production .native-chart-total strong{color:#21b85b}.native-reject h2 svg,.native-reject .native-chart-total strong{color:#ff453a}.native-chart-caption{font-size:12px;color:#a6a6aa;letter-spacing:.7px;margin:0 8px 4px}.native-chart-total{margin:0 8px 3px}.native-chart-total strong{font-size:31px;font-weight:600;letter-spacing:-1px}.native-chart-total span{color:#a6a6aa;font-size:16px}.native-chart-period{font-size:12px;font-weight:500;color:#a6a6aa;margin:0 8px 12px}.native-chart-plot{height:210px;margin:0 6px}.native-chart-plot svg{width:100%;height:100%;overflow:visible}.native-chart-plot line{stroke:#252629;stroke-width:1}.native-chart-plot text{fill:#aaa;font-size:10px}.native-bucket-target{fill:transparent;cursor:pointer}.native-bar{cursor:pointer}.native-bar.selected{stroke:#f5f5f7;stroke-width:2}.native-chart-axis{display:flex;justify-content:space-between;color:#aaa;font-size:11px;padding:2px 26px 0 8px}.native-trend{display:flex;gap:26px;align-items:center;padding:14px 16px;margin-top:14px;border:1px solid #37373a;background:#242426;border-radius:13px;color:#b0b0b5;font-size:11px;min-height:44px}.native-trend strong{font-weight:500}.native-trend>span:last-child{margin-left:auto;text-align:right}.native-chart-inspection{font-size:12px;color:#aaa;padding:0 4px}.native-chart-inspection summary{min-height:44px;cursor:pointer;align-content:center}.native-chart-inspection .chart-inspect{padding:12px 0}.native-donut-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.native-donut-card h2{font-size:15px}.native-donut-card h2 svg{color:#a6a6aa}.native-donut-body{display:grid;grid-template-columns:1fr 190px;min-height:215px;gap:8px}.native-donut-legend button{display:flex;gap:8px;background:transparent;border:0;color:#b8b8bd;text-align:left;min-height:44px;padding:4px 0;font-size:12px;width:100%}.native-donut-legend button i{display:block;width:8px;height:8px;border-radius:50%;margin-top:5px;flex-shrink:0}.native-donut-legend small{display:block;color:#aaa;font-size:11px;margin-top:3px}.native-donut-legend p{font-size:12px;color:#aaa}.native-donut-visual svg{width:100%;height:auto;display:block}.native-donut-visual text{font-size:30px;font-weight:650;fill:#f5f5f7;letter-spacing:-1px}.native-donut-visual p{font-size:11px;color:#aaa;text-align:center;margin:0}.native-donut-segment{cursor:pointer}.native-donut-readout{font-size:11px;color:#aaa;min-height:16px;margin:8px 0}.native-states-heading{font-size:14px;color:#a6a6aa;margin:22px 0 12px}.native-state-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 12px}.native-state-tile{border:1px solid #2d3034;background:#1c1c1e;border-radius:22px;padding:16px}.native-state-tile h3{font-size:12px;display:flex;gap:10px;align-items:center;margin:0 0 16px;font-weight:600}.native-state-tile strong{display:block;text-align:center;font-size:25px;font-weight:600;letter-spacing:-.6px}.native-state-section button:focus-visible{outline:2px solid #0a84ff;outline-offset:3px;border-radius:6px}@media(min-width:1500px){.native-chart-plot{height:270px}.native-donut-body{grid-template-columns:1fr 230px;min-height:260px}}@media(max-width:1050px){.native-donut-body{grid-template-columns:1fr 145px}.native-state-tile strong{font-size:21px}}@media(max-width:700px){.native-donut-grid{grid-template-columns:1fr}.native-donut-body{grid-template-columns:1fr 180px}.native-state-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.native-chart-plot{height:175px}.native-chart-card,.native-donut-card{padding:14px}.native-trend{gap:12px;font-size:10px}.native-chart-axis{font-size:10px}}.state-scope-note{font-size:12px;color:#aaa;margin-bottom:14px}.state-machine-durations{margin-top:20px;font-size:13px;color:#b8b8bd}.state-machine-durations summary{color:#50afff}.hw-workspace{color:#eee;font-size:16px;padding:12px 4px 80px}.hw-workspace h2{font-size:16px;font-weight:600;color:#a0a0a7;margin:28px 22px 13px;display:flex;align-items:center;gap:12px}.hw-workspace h3{font-size:15px;margin:12px 0;display:flex;align-items:center;gap:12px}.hw-workspace p{line-height:1.5}.hw-panel,.hw-segment-wrap{background:#1c1c1e;border-radius:28px;padding:16px 24px;margin:14px 0}.hw-segment-wrap{padding:17px 24px}.hw-segments{display:flex;background:#303034;border-radius:20px;padding:2px;gap:0}.hw-workspace .hw-segments button{background:transparent;color:#efeff2;flex:1;border:0;min-height:38px;border-radius:20px;padding:6px 12px;white-space:nowrap;font-size:15px}.hw-workspace .hw-segments button[aria-selected=true],.hw-workspace .hw-segments button[aria-pressed=true]{background:#68686e;color:#fff}.hw-caption{color:#a0a0a7;font-size:14px;margin:8px 22px 18px}.hw-demo-note{font-size:12px;color:#b7b7be;margin:8px 22px}.hw-row{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:56px;border-bottom:1px solid #363638;padding:10px 0}.hw-row:last-child{border-bottom:0}.hw-row small,.hw-channel>small{display:block;color:#a0a0a7;margin-top:4px;font-size:13px}.hw-value{text-align:right;display:flex;align-items:center;justify-content:flex-end;color:#a4a4ac;max-width:65%;gap:8px}.hw-value>svg{color:#32d158;width:20px}.hw-workspace button{background:#39393d;color:#40b1ff;border:0;border-radius:26px;min-height:48px;padding:12px 23px;font:inherit;cursor:pointer}.hw-workspace button:disabled{opacity:.4;cursor:default}.hw-workspace button:focus-visible,.hw-workspace select:focus-visible,.hw-workspace summary:focus-visible{outline:3px solid #64b5ff;outline-offset:4px}.hw-workspace select{background:transparent;border:0;color:#40b1ff;max-width:100%;font:inherit;min-height:44px}.hw-workspace option{background:#242428;color:#eee}.hw-workspace .hw-switch{position:relative;flex:none;min-height:44px;width:74px;height:44px;padding:7px;background:transparent;opacity:1}.hw-switch:before{content:"";position:absolute;top:7px;right:0;bottom:7px;left:0;border-radius:30px;background:#5a5a60}.hw-switch[aria-checked=true]:before{background:#26ce55}.hw-switch span{position:absolute;top:9px;left:3px;border-radius:50%;background:#fff;width:26px;height:26px}.hw-switch[aria-checked=true] span{left:45px}.hw-actions{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0 4px}.hw-workspace .hw-danger{color:#ff555b;background:none}.hw-vertical{align-items:flex-start;flex-direction:column}.hw-inset{background:#252527;border-radius:12px;padding:4px 12px;margin:13px 0}.hw-inset .hw-row{min-height:30px;border:0;font-size:13px;padding:6px 0}.hw-channel{padding:12px 0 24px;border-bottom:1px solid #3a3a3c}.hw-channel:last-child{border:0}.hw-empty{text-align:center;padding:28px 16px 40px;color:#a4a4ab}.hw-empty h3{display:block;font-size:22px;color:#eee}.hw-days{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}.hw-days>span{display:flex;align-items:center;gap:6px;font-size:13px}.hw-badge{color:#32d158;background:#193a23;padding:6px 10px;border-radius:20px;font-size:13px}.hw-workspace summary{cursor:pointer;min-height:44px;padding:12px 0;color:#eee}.hw-camera{margin:20px 0}.hw-camera svg{width:100%;display:block;border-radius:14px;margin-bottom:12px}.hw-feedback{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:#b0b0b7;margin:24px 20px}.hw-feedback svg{flex:none;margin-top:3px}@media(max-width:760px){.hw-workspace{font-size:14px}.hw-panel{padding:12px 16px;border-radius:22px}.hw-segment-wrap{padding:10px;overflow-x:auto}.hw-workspace .hw-segments button{padding:8px 13px;font-size:13px;min-height:44px}.hw-segment-wrap>.hw-segments{min-width:590px}.hw-row{gap:10px}.hw-value{max-width:56%;font-size:13px;overflow-wrap:anywhere}.hw-value select{width:100%;font-size:13px}.hw-caption,.hw-demo-note{margin-left:10px;margin-right:10px}.hw-workspace h2{margin-left:10px}.hw-actions{gap:8px}.hw-workspace button{font-size:14px;padding:10px 16px}.hw-workspace .hw-switch{width:62px;padding:7px}.hw-switch[aria-checked=true] span{left:33px}.hw-days{justify-content:flex-start;gap:12px}.hw-days>span{min-width:90px}.hw-workspace .hw-segments{overflow:visible}.hw-panel>.hw-segments{min-width:0}}@media(prefers-reduced-motion:reduce){.hw-workspace *{transition:none!important;animation:none!important}}.hw-workspace{font-size:14px;padding:0 4px 40px}.hw-workspace h2{font-size:14px;margin:22px 20px 12px}.hw-workspace>h2:first-child{margin-top:0}.hw-workspace h3{font-size:13px}.hw-panel{border-radius:24px;padding:12px 20px}.hw-segment-wrap{border-radius:24px;padding:9px 20px;margin:12px 0}.hw-workspace .hw-segments button{font-size:14px;min-height:44px}.hw-caption{font-size:12px;margin:8px 20px 18px}.hw-row{min-height:49px}.hw-demo-note{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(min-width:1600px){.hw-workspace,.hw-workspace h2{font-size:18px}.hw-workspace h3,.hw-caption{font-size:16px}.hw-workspace .hw-segments button{font-size:18px}.hw-row{min-height:64px}}.ss-root{color:#ededf0;padding:8px 4px 80px;font-size:14px;min-height:70vh}.ss-root button,.ss-root select{font:inherit}.ss-root button{cursor:pointer}.ss-root button:disabled{opacity:.42;cursor:default}.ss-section-title{font-size:14px;font-weight:600;color:#a3a3ab;margin:28px 20px 12px}.ss-section-title:first-child{margin-top:0}.ss-group{border-radius:24px;background:#1c1c1e;padding:0 20px;margin-bottom:28px;overflow:hidden}.ss-form-row{width:100%;min-height:49px;display:flex;align-items:center;justify-content:space-between;gap:18px;text-align:left;background:transparent;border:0;border-bottom:1px solid #38383a;color:inherit;padding:10px 0}.ss-form-row:last-child{border-bottom:0}.ss-form-row>span:first-child{display:flex;align-items:center;gap:8px}.ss-secondary{color:#aaaab2;text-align:right;overflow-wrap:anywhere}.ss-root button.ss-form-row:hover,.ss-list-row:hover{background:#ffffff04}.ss-root button:focus-visible,.ss-root select:focus-visible{outline:3px solid #0a84ff;outline-offset:3px}.ss-list-row{width:100%;min-height:66px;display:flex;align-items:center;gap:18px;text-align:left;border:0;border-bottom:1px solid #303034;background:transparent;color:inherit;padding:12px 8px}.ss-list-row:last-child{border-bottom:0}.ss-list-row>svg{color:#a3a3ab;flex-shrink:0}.ss-row-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:5px}.ss-row-copy strong{font-size:14px;font-weight:600;display:flex;align-items:center;gap:7px}.ss-row-copy small{font-size:12px;color:#a3a3ab;overflow-wrap:anywhere}.ss-spacious-list{margin:34px 20px 28px}.ss-badge{font-size:13px;color:#40d66b;background:#183422;border-radius:18px;padding:5px 11px}.ss-badge-blue{color:#3fa9ff;background:#082334}.ss-toolbar{display:flex;justify-content:flex-end;min-height:44px;margin-top:-12px}.ss-circle{width:44px;height:44px;border:1px solid #34373d;background:#1c2026;color:#f5f5f7;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.ss-building-icon,.ss-machine-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;flex-shrink:0}.ss-building-icon{color:#169aff;background:#173345}.ss-machine-icon{color:#ff9f32;background:#352a1e}.ss-tree-parent strong{color:#169aff}.ss-tree-children{padding-left:46px}.ss-tree-children strong{color:#ff9f32}.ss-footnote{color:#a3a3ab;line-height:1.6;font-size:14px;margin:8px 8px 26px}.ss-footnote svg{vertical-align:middle}.ss-subheader{display:flex;align-items:center;gap:16px;margin:-4px 0 24px}.ss-subheader h2{font-size:15px;text-align:center;flex:1;margin:0}.ss-root select{background:transparent;color:#43aaff;border:0;min-height:44px;max-width:65%;text-align:right}.ss-root option{background:#1c1c1e;color:#eee}.ss-reset{color:#ff696b;padding-left:8px}.ss-version{text-align:center;color:#a3a3ab;font-size:13px;margin:22px}.ss-delete{width:44px;height:44px;border:0;background:transparent;color:#ff696b;display:grid;place-items:center}.ss-notice{font-size:14px;color:#80bdff;margin:16px 8px;min-height:1.5em}.ss-notice:empty{display:none}@media(max-width:600px){.ss-root{padding:8px 0 70px;font-size:14px}.ss-group{padding:0 16px;border-radius:20px}.ss-form-row{gap:12px}.ss-secondary{max-width:60%;font-size:14px}.ss-tree-children{padding-left:18px}.ss-spacious-list{margin-top:20px}.ss-list-row{gap:10px}.ss-row-copy strong{font-size:14px}.ss-row-copy small{font-size:12px}.ss-badge{padding:4px 8px;font-size:12px}.ss-section-title{font-size:16px}.ss-root select{max-width:60%;font-size:14px}}.ss-subheader-connected{justify-content:flex-end;min-height:0;margin:0}.ss-subheader-connected:empty{display:none}.ss-subheader-connected .ss-circle{margin-top:-54px;margin-bottom:10px}.ss-subheader-connected .ss-circle,.ss-toolbar{position:fixed;top:32px;right:16px;z-index:12;margin:0}@media(max-width:650px){.ss-subheader-connected .ss-circle,.ss-toolbar{top:16px;right:12px}}:root{--state-running: #34c759;--state-stopped: #8e8e93;--state-emergency: #ff3b30;--state-fault: #af52de;--state-blocked: #ff9500;--state-starved: #0a84ff;--state-unknown: #8e8e93}.state-running{color:#83dda0;--state-color: var(--state-running)}.state-stopped{color:#c0c0c7;--state-color: var(--state-stopped)}.state-emergency{color:#ff9791;--state-color: var(--state-emergency)}.state-fault{color:#d59af1;--state-color: var(--state-fault)}.state-blocked{color:#ffbf70;--state-color: var(--state-blocked)}.state-starved{color:#80baff;--state-color: var(--state-starved)}.state-unknown{color:#c0c0c7;--state-color: var(--state-unknown)}.state-label>.dot{background:var(--state-color)}.state-fill{fill:var(--state-color)}:root{--space-xs: 4px;--space-s: 8px;--space-m: 12px;--space-l: 16px;--space-section: 24px;--space-major: 32px;--radius-card: 20px;--control-min: 44px;--surface: #1c1c1e;--border: #303033;--muted: #a0a0a6;--blue: #009cff;--orange: #ff9500;--rail: clamp(220px, 17.5vw, 320px);font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;font-size:clamp(14px,1.025vw,18.7px);color:#eeeef0;background:#050607;color-scheme:dark;line-height:1.4;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{color:inherit;min-height:44px;cursor:pointer;border:0;background:none}button:disabled{cursor:default;opacity:.5}a{color:var(--blue)}h1,h2,h3,p{margin:0}h1{font-size:1rem;font-weight:600}h1:focus{outline:none}h2,h3{font-size:1rem;font-weight:600}svg{flex-shrink:0}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #66baff;outline-offset:3px}select,input{min-height:44px;max-width:100%;background:#242426;color:#eee;border:1px solid #48484b;border-radius:10px;padding:8px 12px}summary{cursor:pointer;min-height:44px;padding:12px 0}button:hover:not(:disabled){filter:brightness(1.15)}.demo-shell{min-height:100vh;background:radial-gradient(ellipse at 5% 0%,#0a1218 0,transparent 45%),radial-gradient(ellipse at 100% 100%,#120d17 0,transparent 40%),#050607}.sidebar{position:fixed;inset:32px auto 10px 10px;width:calc(var(--rail) - 10px);background:#111416;border:1px solid #2b343a;border-radius:24px;padding:70px 15px 16px;display:flex;flex-direction:column;z-index:20}.sidebar-collapse{position:absolute;right:12px;top:0}.workspace-label{margin:5px 16px 16px;font-weight:600;font-size:1rem}.sidebar nav{display:grid;gap:0}.nav-button{display:flex;align-items:center;text-align:left;gap:13px;width:100%;padding:9px 16px;border-radius:24px;font-size:1rem;min-height:44px;white-space:nowrap}.nav-button.active{background:#2c2e30;color:#009cff;font-weight:600}.admin-toggle{display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px 16px;color:var(--muted);margin-top:17px;margin-bottom:6px}.sidebar-bottom{margin-top:auto;border-top:1px solid #303033;padding:10px 0 0;font-size:.85rem}.sidebar-bottom strong{display:flex;gap:9px;align-items:center;font-weight:600;font-size:1.05rem}.sidebar-bottom p{font-size:.72rem;color:#a0a0a6;margin-top:7px}.demo-label{display:flex;gap:8px;align-items:center;color:#36aaff;margin-top:6px}.workspace{margin-left:var(--rail);padding:20px 16px 110px}.topbar{height:66px;position:sticky;top:0;z-index:10;background:linear-gradient(#050607f5,#050607e0);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:grid;grid-template-columns:1fr 2fr 1fr;align-items:start;padding:12px 0}.native-title{text-align:center;line-height:1.15;padding:7px 0}.native-title p{font-size:.85rem;color:var(--muted);margin-top:2px}.header-leading{display:flex;gap:8px}.icon-button{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#e5e5e8}.back-button{background:#1c242a;border:1px solid #303e49}.toolbar{justify-self:end;display:flex;gap:7px;border:1px solid #343437;background:#1c1c1ed9;border-radius:30px;padding:0 5px}.toolbar>svg{width:21px}.demo-tag{padding:9px;font-size:.7rem;letter-spacing:1px}.mobile-menu,.menu-backdrop{display:none}main{padding:22px 0 0;max-width:none;margin:0}.period-context{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 25px}.period-context h2,.section-label{color:var(--muted);font-size:1rem;font-weight:600}.period-context p{font-size:.85rem;color:var(--muted);margin-top:7px}.scope-control{display:flex;align-items:center;gap:8px;font-size:.75rem;color:var(--muted)}.scope-control select{font-size:.75rem;background:#161719}.section-label{margin:24px 0 13px}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 12px;margin-bottom:34px}.kpi-card{min-height:92px;padding:14px 16px 12px;background:#1c1c1e;border-radius:22px;border:1px solid #303033;text-align:left}.kpi-label{display:flex;align-items:center;gap:10px;font-size:.85rem;font-weight:600}.kpi-label>span{flex:1}.kpi-label>svg:last-child{color:#a0a0a6}.kpi-card>strong{display:block;text-align:center;font-size:1.7rem;font-weight:600;letter-spacing:-.6px;margin-top:12px;line-height:1.15}.kpi-oee .kpi-label>svg:first-child,.kpi-availability .kpi-label>svg:first-child,.kpi-produced .kpi-label>svg:first-child{color:#24bf56}.kpi-performance .kpi-label>svg:first-child,.kpi-utilization .kpi-label>svg:first-child{color:#00a5e7}.kpi-quality .kpi-label>svg:first-child{color:#af52de}.kpi-unavailable .kpi-label>svg:first-child,.kpi-rejected .kpi-label>svg:first-child{color:#ff453a}.kpi-planned .kpi-label>svg:first-child{color:#3984ff}.range-dock{position:fixed;bottom:10px;left:var(--rail);right:16px;display:flex;justify-content:center;z-index:15;pointer-events:none}.range-control{pointer-events:auto;display:flex;background:#222225e8;border:1px solid #39393e;border-radius:50px;padding:7px;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:0 0 50px #0007;max-width:100%;gap:1px}.range-control button{font-size:1.2rem;padding:10px 17px;border-radius:35px;white-space:nowrap;min-height:46px}.range-control button[aria-pressed=true]{background:#49494d}.page-footer{display:flex;align-items:center;justify-content:space-between;font-size:.72rem;color:var(--muted);margin-top:35px;gap:12px}.text-button{color:#36aaff;text-align:left;display:inline-flex;gap:8px;align-items:center;font-size:.85rem;padding:8px 0}.primary-button{background:#0079cc;color:#fff;border-radius:28px;padding:12px 22px;min-height:46px}.panel{padding:20px;border-radius:24px;background:var(--surface);border:1px solid var(--border)}.notice:empty{display:none}.notice:not(:empty){margin-bottom:15px;padding:12px 15px;border-radius:14px;background:#182f23;color:#b6e7c4;font-size:.85rem}.machine-actions{display:grid;grid-template-columns:1fr 1fr 2fr;gap:12px;margin-bottom:20px}.machine-actions button{background:#1c1c1e;border:1px solid #303033;border-radius:22px;display:flex;align-items:center;gap:10px;padding:17px;color:#39aaff;text-align:left}.machine-actions button:first-child{background:#17232b;flex-direction:column;align-items:start}.machine-actions button:nth-child(2){background:#29271b;flex-direction:column;align-items:start;color:#ead643}.hardware-picker{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px;color:var(--muted)}.hardware-picker select{max-width:75%}.native-segments{display:flex;border:15px solid #1c1c1e;background:#303034;border-radius:28px;margin:12px 0 34px}.native-segments button{flex:1;border-radius:24px;min-height:34px;padding:6px}.native-segments button[aria-pressed=true]{background:#68686e}.events-caption{color:var(--muted);font-size:.8rem;margin:12px 0}.events-group{background:#1c1c1e;border-radius:26px;padding:4px 22px}.event{display:flex;gap:14px;padding:20px 0;border-bottom:1px solid #38383a}.event:last-child{border-bottom:0}.event-mark{padding-top:3px}.event-body{flex:1;min-width:0}.event-title{display:flex;justify-content:space-between;gap:12px}.event-title h3{font-size:.95rem}.event-title>span{font-size:.8rem}.event-body p{font-size:.85rem;color:var(--muted);margin-top:8px}.event-body .event-action{font-weight:600}.event-meta{display:flex;gap:8px;align-items:center}.empty-state{padding:35px 0;color:var(--muted)}.io-list{margin:20px 0}.io-list>div{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.io-list dt{color:var(--muted)}.io-list dd{margin:0;text-align:right}.component-reason{display:block;font-size:.8rem;color:#d3bb96;max-width:250px}.muted{color:var(--muted);font-size:.85rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100px;left:20px;z-index:50;background:#fff;color:#000;padding:15px}.skip-link:focus{top:10px}dialog{width:min(540px,calc(100vw - 30px));max-height:90dvh;border:1px solid #48484b;border-radius:26px;background:#1c1c1e;color:#eee;padding:24px}dialog::backdrop{background:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dialog-heading{display:flex;justify-content:space-between;gap:15px;align-items:center}.eyebrow{font-size:.75rem;color:var(--muted)}.dialog-value{display:block;font-size:2.4rem;margin:16px 0}.unavailable-reason{display:flex;gap:10px;padding:14px;background:#332b1d;color:#f1d4a4;border-radius:15px;margin-top:15px}dialog>.primary-button{width:100%;margin-top:20px}dialog p{font-size:.9rem}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:.8rem}th,td{padding:10px;border-bottom:1px solid #353538;text-align:left}caption{text-align:left;color:var(--muted);padding:10px 0}@media(min-width:1600px){.sidebar{padding-top:94px}.nav-button{min-height:54px}.topbar{height:90px}.workspace{padding-top:27px}.kpi-card{min-height:123px;padding:18px 20px}.kpi-grid{gap:32px 16px}.range-control button{min-height:60px;padding:12px 24px}.period-context{margin-bottom:32px}}@media(max-width:1000px){:root{--rail: 220px}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.range-control button{font-size:.95rem;padding:10px 12px}.period-context{align-items:start;flex-direction:column}.sidebar{padding-left:10px;padding-right:10px}.nav-button{font-size:13px;gap:10px;padding-left:10px}.machine-actions{grid-template-columns:1fr 1fr}.machine-actions button:last-child{grid-column:span 2}}@media(max-width:650px){:root{--rail: 0px;font-size:14px}.workspace{margin:0;padding:8px 12px 110px}.sidebar{display:none;inset:10px auto 10px 10px;width:270px}.menu-open .sidebar{display:flex}.menu-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:19;width:100%}.mobile-menu{display:inline-flex;background:#1c242a}.topbar{grid-template-columns:48px minmax(0,1fr) auto;height:68px;align-items:start;gap:5px;padding-top:8px}.native-title{padding:7px 0}.native-title h1{font-size:14px;overflow-wrap:anywhere}.native-title p{font-size:10px}.toolbar{gap:0;padding:0}.toolbar .icon-button{width:36px}.toolbar svg{width:18px}.header-leading .back-button{display:none}main{padding-top:20px}.kpi-card{padding:12px;min-height:100px;border-radius:20px}.kpi-label{font-size:11px;gap:6px}.kpi-label>svg:first-child{width:17px}.kpi-card>strong{font-size:22px}.kpi-grid{gap:12px}.range-dock{left:7px;right:7px;bottom:8px}.range-control{width:100%;padding:4px;gap:0}.range-control button{font-size:10px;padding:9px 5px;flex:1;min-width:0;min-height:44px}.period-context p{font-size:12px}.scope-control{width:100%;justify-content:space-between}.page-footer{flex-direction:column;align-items:start}.machine-actions button{padding:12px;font-size:12px}.event-title{align-items:start}.native-segments{border-width:10px}.hardware-picker{flex-direction:column;align-items:stretch}.hardware-picker select{max-width:100%;font-size:12px}.sidebar-collapse{display:flex}.toolbar .demo-tag{font-size:10px}.section-label{margin-top:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.kpi-card>strong>small{font-size:.7rem;color:#a0a0a6;font-weight:400;letter-spacing:0;margin-left:3px}.range-control{width:min(648px,100%)}.range-control button{flex:1;padding-left:12px;padding-right:12px}@media(min-width:1600px){.range-control{width:866px}}.footer-compact{display:none}.device-stage{min-height:100dvh;display:grid;place-items:center;padding:20px;background:#242529}.ipad-frame{position:relative;width:min(100%,calc((100dvh - 90px) * 1.333984375 + 44px),1420px);padding:22px;border-radius:44px;background:#080809;border:3px solid #68696c;box-shadow:0 0 0 1px #131314,0 16px 48px #0008,inset 0 0 0 2px #252528}.ipad-camera{position:absolute;width:7px;height:7px;border-radius:50%;background:#121b2b;box-shadow:0 0 0 3px #111;top:8px;left:50%}.ipad-screen{position:relative;aspect-ratio:1366 / 1024;border-radius:23px;overflow:hidden;transform:translateZ(0);background:#07090a}.ipad-screen .demo-shell{height:100%;min-height:0;overflow-y:auto;scrollbar-width:thin}.sidebar-collapsed{--rail: 0px}.sidebar-collapsed .sidebar{display:none}.sidebar-collapsed .workspace{margin-left:0}.sidebar-collapsed .mobile-menu{display:inline-flex}.adaptive-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:4px;padding:0 48px 10px}.adaptive-tabs button{display:flex;align-items:center;gap:7px;border-radius:22px;padding:8px 12px;min-height:44px;background:transparent}.adaptive-tabs button.active{background:#2c2e30;color:#009fff}@media(max-width:650px){.device-stage{padding:7px}.ipad-frame{padding:14px 7px;border-radius:30px;border-width:2px}.ipad-camera{top:4px;width:4px;height:4px}.ipad-screen{aspect-ratio:auto;height:calc(100dvh - 46px);min-height:0;border-radius:18px}.adaptive-tabs{display:none}.sidebar-collapsed.menu-open .sidebar{display:flex}}