/* Product demo: dense, readable operations workspace */
#platform-showcase{padding-left:4%;padding-right:4%}.showcase-heading{margin-bottom:38px}.workbench{border-radius:12px;box-shadow:0 32px 90px #0004}.workbench-top{padding:20px 26px;background:#172330;color:#fff}.workbench-brand span{color:#94aac3}.demo-badge{color:#c4d3e5;font-size:10px;letter-spacing:.1em}.workbench-body{display:block}.workbench-nav{flex-direction:row;padding:0 24px;gap:24px;border-right:0;border-bottom:1px solid #dce4ed;background:#fff;overflow:auto}.workbench-nav button{border-radius:0;border-bottom:3px solid transparent;padding:18px 4px;white-space:nowrap;font-weight:600;font-size:13px}.workbench-nav button[aria-selected=true]{color:#0052f5;background:none;border-bottom-color:#0052f5}.workspace{padding:28px;background:#f4f6f9;min-width:0}.fleet-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.product-kicker{font-size:10px;font-weight:700;letter-spacing:.13em;color:#718197}.fleet-heading h3{font-size:25px;letter-spacing:-.04em;margin:5px 0 7px}.fleet-heading p{font-size:12px;color:#788698;margin:0}.snapshot{font-size:12px;color:#4c617a;text-align:right}.snapshot>i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#3b8a72;margin-right:6px}.snapshot small{display:block;color:#8190a1;font-size:10px;margin-top:7px}.fleet-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.fleet-summary button{background:white;display:flex;align-items:center;gap:12px;border:1px solid #dfe5ed;border-radius:7px;padding:18px;text-align:left;min-height:76px;color:#5c6b7f}.fleet-summary button.active{border-color:#6697fa;box-shadow:0 0 0 1px #6697fa}.fleet-summary strong{font-size:27px;color:#172d48;line-height:1}.fleet-summary button>span:last-child{font-size:12px}.summary-dot,.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#0052f5;flex-shrink:0}.summary-dot.move,.status-dot.move{background:#2e8b71}.summary-dot.park,.status-dot.park{background:#8a99ab}.summary-dot.alert,.status-dot.alert{background:#ca8630}.dispatch-grid{display:grid;grid-template-columns:310px minmax(0,1fr);border:1px solid #dce4eb;border-radius:8px;background:white;overflow:hidden}.object-panel{border-right:1px solid #dce4eb;min-width:0}.object-search{display:block;padding:17px 16px 12px}.object-search>span{display:block;font-size:10px;font-weight:600;margin-bottom:7px;color:#718197}.object-search input{width:100%;min-width:0;padding:11px 12px;border:1px solid #dce3eb;border-radius:5px;font:inherit;font-size:12px;background:#f9fafc;color:#172d48;box-sizing:border-box}.object-count{display:flex;justify-content:space-between;font-size:10px;color:#8090a2;padding:8px 16px 12px}.object-count b{font-weight:500}.object-row{display:flex;align-items:center;gap:9px;width:100%;text-align:left;border:0;border-top:1px solid #edf0f5;background:white;padding:14px 12px;min-height:73px;color:#233950;border-left:3px solid transparent}.object-row:hover{background:#f4f7fc}.object-row.selected{background:#edf3ff;border-left-color:#0052f5}.object-icon{width:27px;height:30px;display:grid;place-items:center;border:1px solid #d7e2ef;border-radius:5px;color:#426185;font-size:23px;background:#fff}.object-copy{min-width:0;flex:1}.object-copy strong{display:block;font-size:12px}.object-copy small{display:block;font-size:9px;color:#7b8b9e;margin:5px 0;white-space:normal;line-height:1.4}.status{display:inline-flex;align-items:center;gap:5px;font-size:10px;color:#6f8093;white-space:nowrap}.status i{width:5px;height:5px;background:currentColor;border-radius:50%}.status.move{color:#287a63}.status.alert{color:#aa681e}.object-speed{font-size:14px;font-weight:600;text-align:right;min-width:20px}.object-speed small{display:block;font-size:8px;font-weight:400;color:#8490a0;margin-top:4px}.objects-foot{padding:16px;font-size:10px;color:#7e8d9e;border-top:1px solid #e4eaf1}.empty-objects{font-size:13px;padding:28px 16px;line-height:1.7;color:#738198}.dispatch-main{display:flex;flex-direction:column;min-width:0}.dispatch-map{position:relative;background:#eef1ed;flex:1;display:flex;align-items:center;min-height:365px;overflow:hidden}.dispatch-map>svg{display:block;width:100%;max-height:450px}.map-topline{position:absolute;z-index:1;top:15px;left:15px;right:15px;display:flex;justify-content:space-between;gap:8px;pointer-events:none}.map-topline>span{padding:9px 11px;background:white;border:1px solid #dbe3e9;border-radius:5px;font-size:10px;color:#36506a;box-shadow:0 2px 9px #15324a0b}.map-topline i{margin-right:5px}.map-bottomline{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;background:#ffffffdc;padding:7px 12px;font-size:8px;color:#728496}.map-vehicle{cursor:pointer}.map-vehicle:hover{filter:brightness(1.15)}.playback{background:white;padding:17px 20px;border-top:1px solid #dce4eb}.playback>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:11px;margin-bottom:15px}.playback>div:first-child>span{color:#77899a}.playback label{display:flex;justify-content:space-between;font-size:10px;color:#657990}.playback label b{color:#0052f5}.playback input{width:100%;margin:8px 0;accent-color:#0052f5;min-height:24px}.playback-times{display:flex;justify-content:space-between;font-size:9px;color:#8593a4}.vehicle-detail{margin-top:18px;background:white;border:1px solid #dce4eb;border-radius:8px;overflow:hidden}.detail-title{padding:20px 22px;display:flex;justify-content:space-between;align-items:center;gap:16px}.detail-title h4{font-size:17px;margin:7px 0 0}.detail-title h4 span{font-size:10px;font-weight:500;border:1px solid #dce4eb;border-radius:3px;padding:4px 7px;margin-left:12px;vertical-align:middle;white-space:nowrap}.detail-title>.status{padding:7px 10px;border:1px solid #e3e9ef;border-radius:20px}.detail-tabs{display:flex;gap:24px;padding:0 22px;border-bottom:1px solid #e4eaf1}.detail-tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:11px 0;font:inherit;font-size:12px;color:#748397;min-height:42px}.detail-tabs button.active{color:#0052f5;border-bottom-color:#0052f5}.telemetry-grid{display:grid;grid-template-columns:repeat(6,1fr);padding:25px 22px;gap:14px}.telemetry-grid span{display:block;font-size:10px;color:#7b8b9c;margin-bottom:10px}.telemetry-grid strong{font-size:18px;font-weight:600;white-space:nowrap}.detail-note{padding:12px 22px;font-size:10px;border-top:1px solid #edf0f4;color:#77889b;background:#fafbfd;line-height:1.6}.detail-note.attention{background:#fff8ee;color:#9c641e}.event-table{padding:4px 22px 16px}.event-table>div{display:grid;grid-template-columns:90px 1fr 95px;gap:16px;padding:14px 0;border-bottom:1px solid #eaf0f5;font-size:12px}.event-table>div:first-child{font-size:10px;color:#7b8b9c}.event-table>div:last-child{border:0}.trip-detail{display:grid;grid-template-columns:1fr 2fr;gap:30px;padding:22px}.trip-detail h4{font-size:17px;margin:13px 0}.trip-detail p{font-size:12px;color:#7b8b9c}.trip-detail svg{width:100%;max-height:120px}.workbench button,.workbench input{font-family:inherit}.workbench button:focus-visible,.workbench input:focus-visible,.map-vehicle:focus-visible{outline:3px solid #4487ff;outline-offset:3px}.workbench button{cursor:pointer}.workbench button:disabled{cursor:default}.workspace-heading h3{font-size:25px}.workspace-heading p{font-size:13px}.workbench .metric-row>div,.test-flow,.activation-card,.health-bars,.network-viz,.service-node{border-radius:7px}.workbench .viz-actions button{border-radius:5px;min-height:42px}
@media(min-width:1600px){#platform-showcase{padding-left:8%;padding-right:8%}}@media(max-width:1050px){.dispatch-grid{grid-template-columns:260px minmax(0,1fr)}.telemetry-grid{grid-template-columns:repeat(3,1fr);row-gap:25px}.fleet-summary button{gap:8px;padding:14px 10px}.fleet-summary button>span:last-child{font-size:10px}.object-icon{display:none}}@media(max-width:700px){#platform-showcase{padding-left:4%;padding-right:4%}.workbench-top{padding:18px 14px}.demo-badge{font-size:8px;max-width:115px;text-align:right;line-height:1.5}.workbench-nav{gap:18px;padding:0 14px}.workbench-nav button{padding:15px 2px;font-size:12px}.workspace{padding:16px 12px}.fleet-heading{display:block;margin-bottom:18px}.fleet-heading h3{font-size:23px}.snapshot{text-align:left;margin-top:15px;font-size:10px}.snapshot small{font-size:9px}.fleet-summary{grid-template-columns:repeat(2,1fr);gap:8px}.fleet-summary button{min-height:64px;padding:13px;gap:10px}.fleet-summary button>span:last-child{font-size:10px}.fleet-summary strong{font-size:23px}.dispatch-grid{display:block}.object-panel{border-right:0;border-bottom:1px solid #dce4eb}.object-search{padding:12px}.object-count{padding:4px 12px 10px}#object-list{max-height:246px;overflow:auto}.object-row{padding:11px 12px;min-height:69px}.object-icon{display:grid}.object-copy strong{font-size:12px}.object-copy small{font-size:10px}.objects-foot{padding:10px 12px}.dispatch-map{min-height:280px}.map-topline{left:8px;right:8px;top:8px}.map-topline>span{font-size:8px;padding:7px}.map-bottomline{font-size:7px;gap:10px}.playback{padding:15px 12px}.detail-title{padding:18px 14px;align-items:flex-start}.detail-title h4{font-size:16px}.detail-title h4 span{display:table;margin:9px 0 0}.detail-title>.status{font-size:9px}.detail-tabs{padding:0 14px}.telemetry-grid{grid-template-columns:repeat(2,1fr);padding:20px 14px;gap:25px 12px}.telemetry-grid strong{font-size:18px}.detail-note{padding:12px 14px}.event-table{padding:4px 14px 12px}.event-table>div{grid-template-columns:60px 1fr 50px;gap:10px;font-size:10px;line-height:1.5}.trip-detail{grid-template-columns:1fr;padding:18px 14px;gap:18px}.workspace-heading h3{font-size:22px}}
.maintenance-panel{border-top:1px solid #d3deeb;margin-top:34px;padding-top:32px}.to-heading{display:flex;justify-content:space-between;align-items:start;gap:16px}.to-heading h3{font-size:26px;margin:8px 0 12px}.to-heading p{font-size:14px;color:#60738b;line-height:1.6;margin:0}.to-demo{font-size:12px;color:#64768d;white-space:nowrap}.to-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:24px 0}.to-metrics button{background:white;border:1px solid #d8e2ed;border-radius:7px;padding:20px 16px;text-align:left;color:#172d48}.to-metrics button[aria-pressed=true]{border-color:#0052f5;box-shadow:0 0 0 1px #0052f5}.to-metrics strong{display:block;font-size:30px;margin-bottom:12px}.to-metrics span{font-size:14px;line-height:1.5}.to-toolbar{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-bottom:18px}.to-toolbar strong{font-size:16px}.to-toolbar span{display:block;max-width:690px;font-size:13px;line-height:1.6;margin-top:8px;color:#60738b}.to-toolbar button,.to-footer button,.to-actions button,.to-invitation button{padding:12px 16px;border:1px solid #b7c9df;background:white;color:#174073;border-radius:5px;min-height:44px;font-size:14px}.to-toolbar button{flex-shrink:0}.to-toolbar button[aria-pressed=true]{border-color:#0052f5;color:#0052f5}.to-table-wrap{overflow-x:auto;background:white;border:1px solid #dce4ed;border-radius:7px}.to-table{width:100%;border-collapse:collapse;min-width:720px;font-size:14px;text-align:left}.to-table caption{text-align:left;padding:14px 18px;background:#f0f4fa;font-size:14px;font-weight:600}.to-table th{font-size:12px;font-weight:500;color:#647990;background:#fafbfd;padding:14px 16px}.to-table td{padding:16px;border-top:1px solid #e4eaf2;line-height:1.6}.to-table small,.to-details small{display:block;font-size:12px;color:#64768d;line-height:1.6;margin-top:5px}.to-table strong{font-size:14px;font-weight:500}.to-table button{border:0;background:none;color:#0052f5;text-align:left;font-size:14px;min-height:32px;padding:0}.to-table tr.to-selected{background:#edf3ff}.to-status{display:inline-block;border-radius:5px;padding:5px 9px;font-size:13px;background:#ecf3ee;color:#286743;white-space:nowrap}.to-status.overdue{color:#a24126;background:#fff0e9}.to-status.soon{color:#906116;background:#fff6de}.to-status.booked{color:#1852ad;background:#eaf2ff}.to-card{margin-top:20px;background:white;border:1px solid #dce4ed;border-radius:7px;padding:24px}.to-card-title{display:flex;justify-content:space-between;align-items:center;gap:16px}.to-card-title h4{font-size:23px;margin:9px 0}.to-reason{padding:13px 16px;border-radius:5px;background:#f1f5fb;font-size:14px;line-height:1.7;color:#385677}.to-reason.overdue{background:#fff3eb;color:#a45125}.to-details{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:18px 0}.to-details span{display:block;color:#64768d;font-size:13px;margin-bottom:10px}.to-details strong{font-size:23px;font-weight:600}.to-history{border-top:1px solid #e1e8f0;border-bottom:1px solid #e1e8f0;margin-top:14px;padding:17px 0;font-size:14px}.to-history summary{cursor:pointer;min-height:24px;color:#23578d}.to-history ol{padding:0;list-style:none}.to-history li{display:grid;grid-template-columns:60px 1fr 1fr 1fr;gap:14px;padding:12px 0;border-top:1px solid #edf1f7;font-size:14px}.to-history p{font-size:12px;color:#64768d;line-height:1.6}.to-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:20px;font-size:14px}.to-actions:empty{display:none}.to-actions .viz-primary{background:#0052f5;color:white;border-color:#0052f5}.to-invitation{padding:20px;background:#f1f6ff;border:1px solid #c3d7f7;border-radius:6px;margin-top:18px;font-size:14px;line-height:1.7}.to-invitation small{display:block;margin-top:12px;color:#64768d;font-size:12px}.to-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px}.to-footer p{font-size:12px;line-height:1.7;color:#71849b;max-width:720px}.to-footer button{flex-shrink:0;font-size:12px;background:transparent}.to-empty{color:#65778d}.maintenance-panel .product-kicker{font-size:12px}@media(max-width:800px){.to-metrics{grid-template-columns:repeat(2,1fr)}.to-heading{display:block}.to-demo{display:block;margin-top:12px}.to-toolbar,.to-footer{align-items:start;flex-direction:column}.to-card{padding:18px 14px}.to-details{grid-template-columns:1fr;gap:20px}.to-details>div{padding-bottom:16px;border-bottom:1px solid #edf1f7}.to-history li{grid-template-columns:60px 1fr;gap:8px}.to-card-title h4{font-size:20px}.to-heading h3{font-size:24px}.to-table-wrap{max-width:100%}.to-metrics span{font-size:14px}.to-card-title{flex-wrap:wrap}}