/* Product cockpit, scoped to the two interactive showcases. */
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.dashboard-expanded .workspace{position:fixed;inset:12px;margin:0;z-index:100;overflow:auto;overscroll-behavior:contain}.dashboard-expanded .stage-layout,.dashboard-expanded .world{min-height:420px}.dashboard-expanded .console-bar{position:sticky;top:0;z-index:8}.dashboard-expanded .world-label{z-index:3}@media(max-width:680px){.dashboard-expanded .workspace{inset:5px}.dashboard-expanded .stage-layout,.dashboard-expanded .world{min-height:380px}.console-tools{flex-wrap:wrap}.console-tools label{flex:1}.console-tools select{width:100%}}
body[data-world]{--signal:#9de1bb;--panel:#153c3ce8;--panel-line:#d5efdf24}.rail[data-world]{--signal:#8fdce1;--panel:#143843ec}
body[data-world] .hero-intro{padding-top:30px;padding-bottom:25px}body[data-world] h1{font-size:clamp(42px,4.3vw,66px)}
.workspace{background:#102e32;border:1px solid #547571;color:#eff7ef;box-shadow:0 30px 70px #183c3926;border-radius:22px}.console-bar{background:linear-gradient(115deg,#193d3d,#274b49);border-color:var(--panel-line);padding:17px 22px}.console-title small{color:#bed0c8}.app-symbol{background:#d4dfc7;color:#1e4b43}.console-meta{color:#c2d6ce}.demo-badge{color:#e5efc9;border-color:#caddae50}.console-tools{display:flex;gap:9px;align-items:center}.console-tools button,.console-tools select{border:1px solid #d9ebd62b;color:#e3f0e4;background:#ffffff0c;border-radius:9px;padding:9px 12px;min-height:39px;font:12px Imprima,Arial}.console-tools button[aria-expanded=true]{background:#c4d8b0;color:#183a37}.console-tools select option{color:#183a37;background:#f4f5ed}.alert-count{display:inline-grid;place-items:center;background:#deb77b;color:#213834;border-radius:50%;width:18px;height:18px;margin-left:6px;font-size:10px}.cockpit-strip{display:grid;grid-template-columns:1fr 1fr 1fr 1.1fr;gap:12px;padding:15px;background:#1d3c3d}.metric-tile{border:1px solid #e4f3d826;border-radius:13px;background:linear-gradient(130deg,#dbeed710,#d7eace03);padding:15px 18px;position:relative;min-width:0;overflow:hidden}.metric-tile small{font-size:11px;color:#b9d2c6;display:block}.metric-line{display:flex;align-items:center;gap:14px;justify-content:space-between;margin-top:9px}.metric-line strong{font:32px/1 Imprima,Arial;letter-spacing:-.04em}.metric-line svg{width:86px;height:32px;color:var(--signal);flex-shrink:0}.metric-tile>span{font-size:10px;color:var(--signal);display:block;margin-top:8px}.metric-tile .capacity-ring{width:41px;height:41px;border-radius:50%;background:conic-gradient(var(--signal) 0deg 270deg,#ffffff17 270deg);padding:4px;display:grid;place-items:center}.capacity-ring i{display:grid;place-items:center;border-radius:50%;background:#264a47;width:33px;height:33px;font-size:9px;font-style:normal}.metric-tile.weather-tile{background:#bdccaf15}.weather-top{display:flex;justify-content:space-between;align-items:center}.weather-icon{font-size:26px;color:#ebd4a1}.weather-tile strong{font-size:19px;font-weight:400}.stage-layout{grid-template-columns:minmax(0,1fr) 285px;gap:0;padding:0 15px 15px;background:#1d3c3d;min-height:510px}.world{min-height:510px;border:1px solid #e8f3d850;border-radius:15px 0 0 15px}.world-label{top:20px;left:20px}.world-label strong{font-size:24px;color:#244c45}.world-label small{color:#42665b}.scene-hint{top:auto;bottom:61px;right:18px}.detail-panel{margin:0;padding:20px;background:linear-gradient(145deg,#365650,#23413f);border:1px solid #e2efce38;border-left:0;border-radius:0 15px 15px 0;gap:16px}.panel-kicker{color:#b6cec1}.detail-panel h2{font:27px/1.13 Viaoda;color:#f5f2df}.detail-panel p,.detail-facts dt,.scenario-note{color:#bcd2c7}.detail-facts{font-size:12px}.detail-facts>div{border-color:#e7f3de25}.zone-tabs button{border-color:#d8e9d62b;color:#d5e5d7}.zone-tabs button[aria-pressed=true]{background:#c7dbc2;color:#173f36}.scenario-button{background:#c9dfaf;color:#193c34;font-weight:bold;box-shadow:0 4px 20px #061e221f}.scene-tag{color:#1b443b}.scene-controls button{backdrop-filter:blur(12px)}.dashboard-bottom{display:block;background:#1d3c3d;border-color:var(--panel-line)}.dashboard-bottom>.kpis{display:none}.journey{padding:16px 23px 20px}.journey-heading span:last-child{color:#bed1c5}.steps li{border-color:#7293873b;color:#afc8ba}.steps li.active{border-color:#b5d897;color:#d8ebc7}.steps{gap:12px}.steps li{font-size:11px}.operations-deck{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(275px,1fr);gap:15px;padding:0 15px 15px;background:#1d3c3d}.data-panel,.insight-panel{border:1px solid #e2ecd32b;border-radius:14px;background:linear-gradient(130deg,#36534b88,#162f3099);min-width:0;overflow:hidden}.data-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 18px 14px}.data-heading h3,.insight-heading h3{font:16px Imprima}.data-heading>span{font-size:10px;color:#b8d2c6}.table-tools{padding:0 18px 12px;display:flex;gap:15px;align-items:center;justify-content:space-between}.record-tabs{display:flex;gap:4px}.record-tabs button{border:0;border-radius:7px;background:transparent;color:#b9d4c5;min-height:35px;padding:8px 11px;font:12px Imprima}.record-tabs button[aria-pressed=true]{background:#bdd9c91c;color:#d2f2d6;box-shadow:inset 0 -2px #b5d897}.record-search{position:relative;flex:1;max-width:220px}.record-search input{width:100%;background:#102e2c72;border:1px solid #b3d1bc3d;border-radius:8px;padding:9px 28px 9px 12px;min-height:36px;color:#eaf2e6;font:12px Imprima}.record-search input::placeholder{color:#a8c0b2}.record-search button{position:absolute;right:2px;top:2px;bottom:2px;width:28px;border:0;background:transparent;color:#e8eddd;font-size:20px}.table-scroll{overflow-x:auto}.records{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}.records th{text-align:left;font-size:9px;font-weight:400;color:#9db9ab;letter-spacing:.07em;text-transform:uppercase;background:#ffffff05;padding:12px 18px}.records td{padding:13px 18px;border-top:1px solid #bdd5bf13;color:#c7dbc9}.records tbody tr.selected{background:#adcdb216}.records tbody tr:hover{background:#c4dfba12}.records button{background:transparent;color:#e6f2df;border:0;padding:4px 0;text-align:left;font:12px Imprima;text-decoration:underline;text-underline-offset:4px}.status-pill{padding:5px 8px;background:#95d2ab12;border:1px solid #a1d7b52c;border-radius:20px;color:#bde4b9;font-size:10px}.status-pill.attention{color:#efd29a;border-color:#d5b57544;background:#d2a84b0c}.table-foot{font-size:10px;color:#9fbdaa;padding:13px 18px;border-top:1px solid #c0d4be19;display:flex;justify-content:space-between;gap:15px}.insight-heading{padding:18px 18px 0;display:flex;align-items:center;justify-content:space-between;gap:10px}.period-controls{display:flex;gap:4px}.period-controls button{border:1px solid #d1e3ce23;border-radius:6px;padding:6px 9px;background:transparent;color:#b9cdbc;font:10px Imprima}.period-controls button[aria-pressed=true]{background:#c7dbb6;color:#193b33}.bar-chart{height:100px;display:flex;gap:8px;align-items:end;padding:15px 20px 0}.chart-bar{flex:1;min-width:0;height:var(--height);background:linear-gradient(0deg,#75b99840,#bad5a9);border-radius:4px 4px 0 0;position:relative}.chart-bar:last-child{background:linear-gradient(0deg,#c5c08750,#e6d4a0)}.chart-labels{display:flex;justify-content:space-between;padding:8px 20px 12px;font-size:9px;color:#a8c2b2}.activity-heading{padding:13px 18px 0;border-top:1px solid #c3dcc121;color:#bbd3bd;font-size:10px;letter-spacing:.09em}.activity-log{list-style:none;margin:0;padding:8px 18px 15px}.activity-log li{font-size:11px;color:#d2e0cb;display:flex;gap:9px;line-height:1.4;padding:7px 0}.activity-log li:before{content:'';width:5px;height:5px;background:#b6d394;border-radius:50%;margin-top:5px;flex-shrink:0}.activity-log time{font-size:9px;color:#96b5a4;margin-left:auto;white-space:nowrap}.alert-drawer{padding:17px 22px;background:#3d4c3a;border-bottom:1px solid #d3d6a031;display:flex;align-items:center;justify-content:space-between;gap:15px}.alert-drawer[hidden]{display:none}.alert-drawer strong{font-size:13px;color:#f1ddb0}.alert-drawer p{font-size:12px;line-height:1.5;margin-top:5px;color:#d2d7bd}.alert-drawer button{border:1px solid #d8d4b653;border-radius:8px;padding:10px 14px;background:#e0d9b4;color:#2a4037;white-space:nowrap;font:12px Imprima}.map-pin{position:absolute;z-index:2;transform:translate(-50%,-100%);background:#21473fe8;color:#eef4df;border:1px solid #cadbb858;border-radius:7px;padding:5px 8px;font-size:9px;pointer-events:none;white-space:nowrap;box-shadow:0 5px 14px #143b3a20}.map-pin:before{content:'●';color:#b7dc8c;margin-right:5px}.tour-indicator{position:absolute;left:20px;top:77px;z-index:3;font-size:10px;padding:6px 10px;background:#edf1dbd9;border:1px solid #fff7;border-radius:7px;color:#244e42}.scene-controls button[aria-pressed=true]{background:#255f51;color:#ecf4e1}.scene-tag{z-index:4}.night .world-label strong,.night .world-label small{color:#dbe7d0}.rain .world:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:2;background:linear-gradient(120deg,#a9cad312,transparent);box-shadow:inset 0 0 90px #24444e32}.workspace :focus-visible{outline:2px solid #f1d097;outline-offset:3px}.card-image{height:auto}.rail .metric-tile>span,.rail .metric-line svg{color:#9fdae0}.rail .scenario-button{background:#b5d9d5;color:#1b3c46}.rail .console-bar{background:linear-gradient(115deg,#173b49,#31525a)}.rail .cockpit-strip,.rail .stage-layout,.rail .dashboard-bottom,.rail .operations-deck{background:#1b3842}.rail .detail-panel{background:linear-gradient(145deg,#375961,#233d48)}
@media(min-width:1600px){.stage-layout,.world{min-height:580px}}
@media(max-width:1100px){.console-meta{display:none}.cockpit-strip{grid-template-columns:repeat(3,1fr)}.weather-tile{display:none}.stage-layout{grid-template-columns:minmax(0,1fr) 250px}.metric-line strong{font-size:27px}.metric-line svg{width:66px}.operations-deck{grid-template-columns:1.4fr 1fr}.table-tools{flex-direction:column;align-items:stretch;gap:8px}.record-search{max-width:none}.records td,.records th{padding:12px}.detail-panel{padding:17px}}
@media(max-width:760px){.operations-deck{grid-template-columns:1fr}.insight-panel{display:grid;grid-template-columns:1fr 1fr}.insight-heading{grid-column:1}.bar-chart{grid-row:2;grid-column:1}.chart-labels{grid-row:3;grid-column:1}.activity-heading{grid-row:1;grid-column:2;border:0;padding-top:20px}.activity-log{grid-row:2/4;grid-column:2}.console-tools{gap:5px}.console-tools button,.console-tools select{padding:8px;font-size:11px}.console-bar .demo-badge{display:none}.stage-layout{grid-template-columns:minmax(0,1fr) 225px}.detail-panel p{font-size:12px}.metric-tile{padding:13px}.metric-line{gap:6px}.metric-line svg{width:45px}.world{min-height:510px}}
@media(max-width:680px){body[data-world] .hero-intro{padding:25px 22px}body[data-world] h1{font-size:48px}.console-bar{flex-wrap:wrap;padding:14px;gap:13px}.console-title{flex:1}.console-title small{font-size:8px}.console-tools{width:100%;justify-content:space-between}.console-tools button,.console-tools select{flex:1;text-align:center;min-height:38px}.cockpit-strip{gap:7px;padding:10px}.metric-tile{padding:12px 9px;border-radius:9px}.metric-tile small{font-size:9px}.metric-line strong{font-size:24px}.metric-line svg,.capacity-ring{display:none!important}.metric-tile>span{font-size:8px;line-height:1.4}.stage-layout{grid-template-columns:1fr;padding:0 10px 10px}.world{border-radius:13px 13px 0 0;min-height:390px}.detail-panel{border:1px solid #e2efce38;border-top:0;border-radius:0 0 13px 13px;padding:18px;gap:14px}.world-label strong{font-size:20px}.scene-controls{gap:5px}.scene-controls button{font-size:9px;padding:7px 8px}.scene-controls>div{gap:4px}.scene-hint{display:none}.map-pin{font-size:8px;padding:4px 6px}.tour-indicator{left:13px;top:65px;font-size:9px}.journey{padding:12px 20px 20px}.operations-deck{padding:0 10px 10px;gap:10px}.data-heading{padding:16px 13px 12px}.table-tools{padding:0 13px 12px}.record-tabs button{flex:1}.records{font-size:11px;min-width:430px}.records button{font-size:11px}.records td,.records th{padding:12px 13px}.table-foot{font-size:9px;padding:12px 13px}.insight-panel{display:block}.bar-chart{height:105px}.activity-heading{border-top:1px solid #c3dcc121;padding-top:14px}.alert-drawer{padding:15px;display:block}.alert-drawer button{margin-top:12px}.detail-facts{font-size:10px}.workspace .scenario-button{font-size:12px}.workspace .scenario-note{font-size:10px}.world-label{left:13px;top:16px}.console-tools select{max-width:130px}.scene-controls{flex-wrap:wrap}.steps li{font-size:9px}}