/* Operational workspaces: common chrome, domain-specific tables, plans and scenes. */
.feature-explorer .ops-story-title{display:block}
.ops-dashboard{padding:22px 26px 14px;min-height:calc(100% - 54px);background:radial-gradient(ellipse at 30% 0,#10425488,transparent 70%);color:#cee3e9;font-family:'Segoe UI',Arial,sans-serif}
.ops-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px!important}.ops-heading>div>small,.ops-story-title>small{font-size:9px;letter-spacing:2px;color:#7bb1c1}.ops-heading h2{margin:7px 0 9px!important;font-weight:650!important;color:#efd39a!important;font-size:clamp(25px,2.5vw,40px)!important}.ops-heading p{font-size:13px!important;color:#a6ccd9!important}.ops-heading>small{font-size:11px;color:#82aebe;white-space:nowrap}.ops-demo{display:inline-block;font-size:9px!important;font-weight:600;letter-spacing:.4px;vertical-align:middle;line-height:1.5;border:1px solid #3693ad;color:#7dd7e9;border-radius:5px;padding:5px 8px;margin-left:12px;white-space:nowrap}
.ops-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.ops-metrics article{padding:15px 18px;display:flex;align-items:center;gap:14px;border:1px solid #2e7186;border-radius:10px;background:linear-gradient(110deg,#16485966,#062431)}.ops-metrics article>svg{width:40px;height:40px;flex:none;color:#d9bf87}.ops-metrics article:nth-child(2)>svg{color:#7bd5c3}.ops-metrics span{display:block;font-size:11px;color:#b5d8e2}.ops-metrics strong{display:block;color:#f1d9a4;font-size:30px;line-height:1.3}.ops-metrics strong>small{font-size:11px;color:#9ec4cd;font-weight:400}
.ops-toolbar{display:flex;gap:9px;align-items:center;margin-bottom:14px;flex-wrap:wrap}.ops-toolbar label{display:flex;align-items:center;border:1px solid #326276;border-radius:6px;background:#082331}.ops-toolbar label svg{width:15px;height:15px;margin-left:9px;color:#79a8ba}.ops-toolbar input{border:0!important;width:235px;background:transparent!important}.ops-toolbar button,.ops-demo-form button{border:1px solid #6f6d58!important;color:#e1c68d!important;background:#1d3a40!important;border-radius:5px;padding:8px 13px;font-size:11px!important}.ops-toolbar>span{font-size:10px;color:#80acba;margin-left:auto}
.ops-dashboard input,.ops-dashboard select{font:inherit;font-size:12px;color:#c9e5ec;border:1px solid #356c80;background:#092b3a;border-radius:5px;padding:8px;min-width:0}.ops-dashboard input[type=range]{padding:0;accent-color:#69d5c6;width:100%}.ops-dashboard input[type=checkbox]{accent-color:#74c9b8;width:15px;height:15px;flex:none}.ops-panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch}.ops-panel{min-width:0;padding:16px;border:1px solid #2a6175;border-radius:10px;background:linear-gradient(125deg,#0a2e3eaa,#062330dd);box-shadow:inset 0 1px #93d7e808}.ops-panel.wide{grid-column:span 2}.ops-panel>header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px!important}.ops-panel>header h3{font-size:15px!important;line-height:1.4!important;font-weight:650!important;color:#d6e9ee!important}.ops-panel>header>button{border:0!important;background:transparent!important;color:#a7c5d1;font-size:16px;padding:0 3px}.ops-panel small,.ops-hint,.ops-unit{font-size:10px!important;line-height:1.6!important;color:#8bb5c4!important}.ops-hint{margin-top:10px!important}.ops-warning{color:#e9b96d!important}.ops-table-wrap{overflow:auto;max-width:100%;scrollbar-width:thin;scrollbar-color:#35697b #061e2a}.ops-panel table{width:100%;border-collapse:separate;border-spacing:0;font-size:11px;line-height:1.5;text-align:left;border:1px solid #25566a;border-radius:6px;overflow:hidden}.ops-panel th{background:#10394a;color:#b9dbe8;font-weight:600;white-space:nowrap}.ops-panel td,.ops-panel th{padding:9px 10px;border-right:1px solid #20506455;border-bottom:1px solid #20506466}.ops-panel tr:nth-child(even) td{background:#16445222}.ops-panel td{color:#bedce5;vertical-align:middle}.ops-panel td:first-child{white-space:nowrap}.ops-panel tr:last-child td{border-bottom:0}.ops-row-link{border:0;background:none;padding:0;color:#95dfed!important;text-decoration:underline;text-underline-offset:3px;font-size:inherit}.ops-pill{display:inline-block;border:1px solid #72928544;background:#216e5c28;border-radius:10px;padding:2px 7px;font-size:10px;white-space:nowrap}.ops-pill.good{color:#75dbbc;border-color:#2b8e7255}.ops-pill.warn{color:#e3c17d;background:#80682520;border-color:#b08b4355}.ops-pill.hold{color:#f1a9a4;background:#9d4d4320;border-color:#a9585366}.ops-table-count{display:block;margin-top:7px}.ops-empty{text-align:center;padding:25px!important}.ops-panel .ops-details{margin:0;display:grid;gap:9px}.ops-details>div{padding-bottom:8px;border-bottom:1px solid #2b536444}.ops-details dt{font-size:10px;color:#8db8c7;margin-bottom:3px}.ops-details dd{font-size:12px;color:#d3e6ec;line-height:1.5;margin:0}.ops-disclaimer{font-size:9px;color:#82a9b8;line-height:1.7;padding-top:12px!important}.ops-disclaimer>span{display:block;color:#668f9f}
.ops-bars{display:flex;flex-direction:column;gap:16px;padding:10px 0}.ops-bars>div{display:grid;grid-template-columns:110px minmax(0,1fr) 75px;align-items:center;gap:12px;font-size:11px}.ops-bar-track{height:13px;border-radius:3px;background:#183e4c;position:relative}.ops-bar-track>i{display:block;height:100%;background:linear-gradient(90deg,#387e82,#75d9c2);border-radius:3px}.ops-bar-track>b{position:absolute;width:2px;height:21px;background:#e2c385;top:-4px}.ops-bars strong{font-size:12px;font-weight:500;text-align:right;color:#d4e9e9}.ops-bars strong small{font-size:10px}.ops-unit{margin-top:12px!important}.ops-chart{display:block;width:100%;height:220px;overflow:visible}.ops-chart text{fill:#9fc1cf;font-size:10px;font-family:inherit}.ops-grid path{stroke:#2c52615c;stroke-dasharray:3 5}.ops-legend{display:flex;gap:18px;flex-wrap:wrap;color:#83b0c1;font-size:9px;margin-top:12px}.ops-legend span:nth-child(2){color:#d4b67d}.ops-legend span:nth-child(3){color:#d09579}.ops-ratio{display:flex;align-items:center;gap:14px}.ops-ratio svg{width:140px;height:140px;flex:none}.ops-ratio text{fill:#e4ce9b;font-size:27px;font-weight:650}.ops-ratio p{font-size:14px;color:#b9dfdf}
.ops-schedule{border:1px solid #285c6d;border-radius:6px;overflow:auto}.ops-schedule-head{display:grid;grid-template-columns:140px repeat(6,minmax(45px,1fr));min-width:550px;background:#123b4b;text-align:center;font-size:10px;padding:9px 0}.ops-schedule-head>b{font-weight:500}.ops-schedule-row{display:grid;grid-template-columns:140px 1fr;min-width:550px;border-top:1px solid #285c6d55;min-height:64px;align-items:center}.ops-schedule-row>b{font-size:11px;padding:10px;font-weight:500}.ops-schedule-row>div{position:relative;height:50px;background:repeating-linear-gradient(90deg,transparent,transparent calc(16.666% - 1px),#32607066 calc(16.666% - 1px),#32607066 16.666%)}.ops-schedule-row button{position:absolute;top:7px;height:36px;border:1px solid #52959b;background:#225957;color:#aee5d5;border-radius:4px;font-size:10px;padding:3px;overflow:hidden}.ops-schedule-row button.draft{background:#13394b;border-style:dashed;color:#9ab9c9}.ops-schedule-row button.warn{background:#62512a;border-color:#af8b45;color:#f0d28d}.ops-schedule-row button.hold{background:#63363d;border-color:#a15b61;color:#f0b1a9}.ops-tree{list-style:none;padding:0;margin:0}.ops-tree li{font-size:12px;color:#c0d9e1;padding:12px 8px 12px calc(10px + var(--depth)*5px);border-bottom:1px solid #3b617344;border-left:2px solid #d2b47c66}.ops-tree li:first-child{color:#ebce97;font-weight:600;background:#28506a33}.ops-miniature{width:100%;height:210px;display:block}.ops-lineage{display:grid;gap:20px;margin:12px 0 16px}.ops-lineage>div{display:flex;align-items:center;gap:8px}.ops-lineage button{flex:1;min-width:0;padding:15px 7px;border:1px solid #347184;background:linear-gradient(145deg,#12465b,#082735);border-radius:7px;color:#cee9ee;display:flex;flex-direction:column;align-items:center;gap:12px;font-size:11px}.ops-lineage svg{width:27px;height:27px;color:#c4aa76}.ops-lineage i{font-style:normal;color:#d8b978}.ops-lineage button.warn{border-style:dashed;color:#d7b97f}.ops-map{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:13px;background:repeating-linear-gradient(25deg,#183f4f33,#183f4f33 1px,transparent 1px,transparent 20px);border:1px solid #30617555;border-radius:8px;min-height:220px}.ops-map button{min-width:0;position:relative;border:1px solid #43848e;background:linear-gradient(140deg,#235264,#0c2d3d);border-radius:5px;padding:12px 6px;display:flex;flex-direction:column;align-items:center;gap:6px;color:#c2e2e8}.ops-map button[aria-pressed=true]{border:2px solid #e0c38b;box-shadow:0 0 15px #b8ccaf33}.ops-map-object svg{width:32px;height:32px;color:#76c7c9;filter:drop-shadow(3px 5px #020e1b55)}.ops-map button>b{font-size:11px}.ops-map button>small{font-size:9px}.ops-map button.hold{border-color:#a15e63}.ops-map button.warn{border-color:#ba9551}.ops-map button.draft{opacity:.7;border-style:dashed}.ops-map.routes{grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;min-height:230px}.ops-map.routes button{border-radius:50%;aspect-ratio:1;justify-content:center;padding:8px}.ops-map.routes .ops-map-object{display:none}.ops-map.floor{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-map.factory button::before{content:'';display:block;width:35px;height:20px;transform:skewY(-10deg);border:1px solid #aac8c8;background:#175064;box-shadow:5px -4px #405f6b}
.ops-timeline{list-style:none;margin:8px 0;padding:0}.ops-timeline li{position:relative;border-left:1px solid #397184;padding:0 0 18px 18px;display:grid;gap:4px}.ops-timeline li::before{content:'';position:absolute;left:-4px;top:2px;width:7px;height:7px;background:#6bc7b8;border:1px solid #0a3140;border-radius:50%}.ops-timeline time{font-size:10px;color:#83aebf}.ops-timeline b{font-size:12px;font-weight:600;color:#cee3eb}.ops-timeline span{font-size:11px;color:#a5cad5}.ops-checklist{display:grid;gap:10px;margin:9px 0}.ops-checklist label{display:flex;align-items:center;gap:9px;font-size:12px;color:#bddce5;line-height:1.5}.ops-check-result,[data-ops-handover-result],[data-ops-dispatch-result],[data-ops-threshold-result]{font-size:11px!important;color:#d5c28d!important;line-height:1.6!important;margin-top:12px!important}.ops-kanban{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;min-height:255px}.ops-kanban>section{padding:9px;border:1px solid #2b5569;border-radius:6px;background:#041f2b88}.ops-kanban h4{font-size:10px!important;color:#e4c98b!important;margin-bottom:12px!important}.ops-kanban h4>span{float:right;color:#8bb6c1}.ops-kanban button{display:flex;flex-direction:column;gap:11px;background:#123c4a;border:1px solid #36677a;border-radius:5px;padding:12px 9px;width:100%;text-align:left;color:#bad8e2}.ops-kanban button>b{font-size:12px;line-height:1.5}.ops-kanban button>span{font-size:10px;color:#85b7c6}.ops-library{display:grid;gap:10px}.ops-library button{display:flex;align-items:center;gap:12px;border:1px solid #305d73;border-radius:7px;background:#0b2b3d;padding:14px 10px;color:#b9dbe8;text-align:left;font-size:12px}.ops-library svg{height:25px;width:25px;color:#8bd9d3}.ops-library b{margin-left:auto;color:#d2ba83}.ops-library [aria-pressed=true]{border-color:#d4ba80;background:#1a4350}.ops-input-label{display:grid;gap:10px;font-size:12px;color:#9bc3d0;margin-bottom:16px}.ops-input-label input[type=number]{max-width:200px}.ops-demo-form{display:grid;grid-template-columns:1fr 1fr;gap:13px}.ops-demo-form label{display:grid;gap:6px;font-size:11px}.ops-demo-form input{width:100%}.ops-demo-form button{grid-column:span 2}.ops-value-split{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:25px 0}.ops-value-split>div{border:1px solid #377082;border-radius:7px;padding:15px 9px;background:#133c4c}.ops-value-split small{display:block}.ops-value-split strong{display:block;font-size:20px;color:#ebd19b;margin-top:8px;white-space:nowrap}.ops-value-strip{height:30px;background:#4d9e9688;border-radius:5px;overflow:hidden}.ops-value-strip>i{display:block;height:100%;background:#d7b57c}
.ops-story-title{padding:25px 28px 12px!important;text-align:center}.ops-story-title h2{font-size:clamp(29px,3vw,46px)!important;color:#f0d8aa!important;margin:10px 0!important;font-weight:600!important}.ops-story-title p{font-size:14px;color:#a4c5d1;margin-bottom:12px!important}.ops-story-title .ops-demo{margin:0}.ops-story{padding:0 20px 18px}.ops-story-art{width:100%;height:clamp(280px,30vw,430px);min-height:280px;background:radial-gradient(ellipse at center,#17465a66,transparent 65%)}.ops-story-art canvas{width:100%;height:100%;display:block}.ops-story-stages{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.ops-story-stages article{position:relative;padding:17px 13px 18px 48px;border:1px solid #38687988;border-radius:8px;background:#0d3040aa}.ops-story-stages article>b{position:absolute;left:13px;top:18px;width:26px;height:26px;border-radius:50%;border:1px solid #c5a76d;text-align:center;line-height:25px;color:#e6c88d;font-size:11px}.ops-story-stages h3{color:#e6d1a7!important;font-size:14px!important;margin-bottom:9px!important}.ops-story-stages p{font-size:11px!important;line-height:1.7!important;color:#a3c3cf!important}.ops-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:0 20px 22px}.ops-benefits article{display:flex;align-items:center;gap:15px;border:1px solid #3d6d7c88;padding:18px;border-radius:9px;background:#11354388}.ops-benefits svg{width:32px;height:32px;flex:none;color:#d8bd82}.ops-benefits h3{font-size:13px!important;color:#cfdfdf!important}.ops-longcopy{max-width:1240px;margin:30px auto;padding:15px 28px 50px}.ops-longcopy>h3{font-size:26px!important;color:#e2cfac!important;margin:0 0 20px!important}.ops-longcopy>div{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-bottom:35px}.ops-longcopy h4{font-size:17px!important;color:#d2e6e9!important;margin:0 0 10px!important}.ops-longcopy p{font-size:14px!important;line-height:1.9!important;margin-bottom:18px!important}.ops-longcopy button{border:1px solid #a28d62;background:#153742;border-radius:6px;padding:12px 17px;color:#e8cf9d}.ops-3d-fallback{text-align:center;padding:50px;color:#a2c2ce}.ops-modal{position:fixed;inset:0;margin:auto;max-width:min(680px,90vw);max-height:84vh;overflow:auto;width:620px;background:#082b3b;color:#c4dfe7;border:1px solid #638d9a;border-radius:13px;padding:25px;box-shadow:0 20px 100px #0009;z-index:100}.ops-modal::backdrop{background:#02101bc7;backdrop-filter:blur(5px)}.ops-modal header{display:flex;align-items:center;justify-content:space-between;position:static;inset:auto;width:auto;margin:0 0 20px;padding:0}.ops-modal h3{font-size:20px;color:#e6d09b;margin:0}.ops-modal header button{background:none;border:0;color:#d2e9ed;font-size:27px;cursor:pointer}.ops-modal .ops-details{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ops-modal footer{font-size:10px;color:#7ca8b8;position:static;margin-top:20px;line-height:1.7}
@media(max-width:900px){.ops-dashboard{padding:18px 14px}.ops-heading{align-items:flex-start;flex-direction:column}.ops-heading h2{font-size:26px!important}.ops-heading p{font-size:12px!important}.ops-demo{margin-left:0;font-size:8px!important}.ops-heading h2 .ops-demo{display:table;margin-top:10px}.ops-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.ops-metrics article{padding:13px 10px;gap:8px}.ops-metrics article>svg{width:29px;height:29px}.ops-metrics strong{font-size:23px}.ops-metrics span{font-size:10px}.ops-toolbar>span{margin-left:0;width:100%}.ops-panels{grid-template-columns:1fr}.ops-panel.wide{grid-column:auto}.ops-panel table{min-width:570px}.ops-panel{padding:13px}.ops-panel>header h3{font-size:15px!important}.ops-map.routes{grid-template-columns:repeat(3,1fr);gap:8px}.ops-kanban{grid-template-columns:1fr 1fr}.ops-bars>div{grid-template-columns:90px 1fr 65px;gap:7px}.ops-value-split{grid-template-columns:1fr 1fr}.ops-chart{height:210px}.ops-lineage>div{flex-wrap:wrap}.ops-lineage button{min-width:95px}.ops-miniature{height:230px}.ops-story-art{height:280px;min-height:280px}.ops-story-stages{grid-template-columns:1fr 1fr}.ops-story-stages article{padding:15px 11px 15px 41px}.ops-story-stages h3{font-size:13px!important}.ops-benefits{grid-template-columns:1fr}.ops-longcopy>div{grid-template-columns:1fr}.ops-story-title{padding:22px 16px 5px!important}.ops-story-title h2{font-size:29px!important}.ops-longcopy{padding:15px 18px 35px}.ops-modal .ops-details{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.ops-dashboard *,.ops-story *{scroll-behavior:auto!important;transition:none!important}}