/* The same app expands into a planning workspace on a large screen. */
.desktop-route-map{display:none}
@media(min-width:900px){
 body,html[data-theme=light] body{display:block;padding:0;background:var(--bg);height:100dvh;overflow:hidden}
 .sidebar{display:flex!important;width:220px;padding:25px 18px 18px;overflow-y:auto}
 .brand{padding:0 8px}.brand img{width:168px}.brand span{width:168px;font-size:9.333px;letter-spacing:0;white-space:nowrap;text-align:justify;text-align-last:justify;margin-top:8px}.workspace{margin-top:28px}.nav-label{margin-top:23px}.nav-link{padding:11px 12px;min-height:44px}.nav-link.active{background:var(--action);color:var(--action-text)}.nav-link svg{width:20px;height:20px}.side-bottom{padding-top:20px}
 .shell{max-width:none;width:calc(100% - 220px);height:100dvh;margin-left:220px;border:0;border-radius:0;box-shadow:none}
 .topbar{padding:0 30px;height:80px;min-height:80px}.mobile-brand{display:none}.breadcrumb{display:block}.topbar .demo-badge{display:flex;font-size:9px;padding:7px 10px}.top-actions .icon-btn[data-action=guide],.role-btn{display:flex;align-items:center;justify-content:center}.top-actions .icon-btn{width:40px;height:40px}.top-actions{gap:15px}.role-btn{min-height:40px}#mobile-navigation,body.citizen #mobile-navigation{display:none}
 main{padding:26px 30px 0;max-width:1500px;margin:0 auto;width:100%}.app-footer{padding:28px 30px}.eyebrow{font-size:10px;margin-bottom:18px}.eyebrow span:last-child{font-size:9px}
 .hero{padding:30px 34px;min-height:205px;gap:30px;margin-bottom:24px}.hero h1,.hero.blue h1,.hero.red h1,.hero.yellow h1{font-size:clamp(32px,3.3vw,50px);letter-spacing:-1.7px;line-height:1.05}.hero p{font-size:14px;max-width:650px}.hero .kicker{font-size:9px;letter-spacing:1.4px}.hero-visual.original-hero{width:140px;height:150px}.hero>div:first-child{flex:1}.home-welcome{padding:35px}.home-welcome h1{font-size:46px}.home-welcome img{width:140px;height:150px}.home-welcome p{font-size:15px}.home-quick{grid-template-columns:1fr 1fr}.quick-card{padding:21px}.quick-card b{font-size:36px}.topic-grid{grid-template-columns:repeat(4,1fr)}.topic-card{min-height:180px}.topic-card img{height:92px;width:82px}.topic-card b{font-size:17px}.topic-card small{font-size:11px}.stats{grid-template-columns:repeat(4,1fr);gap:15px}.stat{padding:22px}.stat-number{font-size:36px}.two-col,.overview-grid,.citizen-grid{grid-template-columns:1.35fr 1fr;gap:22px}.map{height:440px}.section-head h2{font-size:21px}.panel-head,.padded{padding:23px}.bin-row{grid-template-columns:1.5fr 1fr 1fr .8fr 1fr auto}.table-labels{display:grid}.bin-row .forecast-cell,.bin-row .battery-cell,.bin-row>.chevron-cell{display:block}.bin-row .status-cell{grid-column:auto;grid-row:auto}.bin-name{font-size:14px}.bin-meta{font-size:11px}
 .route-summary{padding:22px 25px}.route-metrics{max-width:700px}.route-metrics b{font-size:35px}.tour-fraction{margin-bottom:18px}.tour-fraction b{font-size:20px}.route-state{font-size:12px}.route-summary .load-track{max-width:700px}.citizen-publish{width:auto!important;min-width:300px;margin-bottom:24px}.route-plan-workspace{display:grid;grid-template-columns:minmax(310px,.9fr) minmax(360px,1.1fr);gap:22px;align-items:start}.route-plan-controls{grid-column:1;grid-row:1}.route-plan-controls>.panel{margin:0}.desktop-route-map{display:block;grid-column:2;grid-row:1;position:sticky;top:0;overflow:hidden}.desktop-route-map .map{height:550px}.desktop-route-map .panel-head{display:flex;flex-wrap:wrap;gap:9px;align-items:center}.desktop-route-map h2{font-size:19px;margin:0;font-weight:normal}.route-plan-stops{grid-column:1/-1}.route-plan-stops .route-list{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;padding:0 24px}.route-plan-stops .planned-stop{padding:20px 0}.mobile-route-map{display:none}.driver-card{max-width:750px}.audit-grid{grid-template-columns:repeat(4,1fr)}.config-grid{gap:15px}.config-grid label{font-size:12px}dialog{max-width:560px;padding:28px}.ticket-card{padding:23px}.ticket-card h3{font-size:20px}#toast{bottom:30px;max-width:520px}
}
@media(min-width:1300px){.home-quick{grid-template-columns:1fr 1fr}.route-plan-workspace{grid-template-columns:minmax(360px,.85fr) minmax(420px,1.15fr)}}
@media(min-width:900px){body[data-section=routes] .hero{min-height:145px;padding:23px 30px}body[data-section=routes] .hero h1{font-size:36px;margin:7px 0}body[data-section=routes] .hero-visual.original-hero{width:100px;height:100px}.route-summary{display:grid;grid-template-columns:1fr 1.5fr;column-gap:25px;row-gap:12px}.route-summary .tour-fraction{grid-column:1;grid-row:1;margin-bottom:0}.route-summary .route-metrics{grid-column:2;grid-row:1;margin:0}.route-summary .route-metrics b{font-size:29px}.route-summary .load-track{grid-column:1/-1;margin:0}.route-summary .route-state{grid-column:1/-1;margin:0}.route-summary .steps-progress{grid-column:1/-1}}
@media(min-width:900px){.scenario-control{grid-template-columns:minmax(0,1fr) auto minmax(180px,.7fr);padding:18px 23px;gap:25px}.scenario-control>small{grid-column:auto;font-size:11px}.scenario-control p{font-size:12px}.scenario-control select{width:175px}.list-pagination{padding:15px 24px;font-size:12px}.map-group{width:54px;min-height:48px}.map-group small{font-size:9px}.map-group-help{font-size:11px;padding:15px 23px}}
@media(min-width:900px){
 .route-workspace-head{padding:22px 26px;max-width:none;gap:25px}.route-workspace-head h1{font-size:32px;line-height:1.07}.route-workspace-head p{font-size:13px}.route-workspace-head img{width:80px;height:95px}.route-workspace-head .planner-step{font-size:10px}.route-tabs{grid-template-columns:repeat(3,minmax(0,180px));justify-content:start;padding-top:12px}.route-tabs .chip{font-size:13px}.route-panel-intro{margin-bottom:21px}.route-panel-intro h2{font-size:25px}.route-panel-intro p{font-size:13px}.route-dispatch-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:22px;align-items:start}.route-dispatch-grid>.route-scope{grid-column:1;grid-row:1}.route-dispatch-grid>.route-plan-overview{grid-column:2;grid-row:1}.route-dispatch-grid>.route-plan-conditions{grid-column:1;grid-row:2}.route-dispatch-grid>.desktop-route-map{display:block;grid-column:2;grid-row:2;position:static}.route-dispatch-grid .desktop-route-map .map{height:440px}.route-dispatch-grid>.route-plan-stops{grid-column:1/-1;grid-row:3}.route-dispatch-grid>.mobile-route-map{display:none}.route-dispatch-grid .route-plan-stops .section-head{align-items:center;margin-bottom:18px}.route-dispatch-grid h3{font-size:20px}.planner-copy{font-size:13px}.planner-count{font-size:12px}.route-dispatch-grid .route-summary .route-metrics b{font-size:31px}.route-dispatch-grid .route-summary .route-metrics small{font-size:9px}.route-coverage{font-size:12px}.planner-footnote,.tour-release>p{font-size:11px}.route-review{max-width:1000px}.driver-card h3{font-size:30px}
}
@media(min-width:900px){
 .impact-comparison{padding:26px 28px}.comparison-heading h2{font-size:26px}.comparison-heading p{font-size:13px}.comparison-heading>.tag{font-size:9px}.comparison-bars{max-width:850px;margin:23px 0}.comparison-bars>div{grid-template-columns:105px minmax(0,1fr) 100px;font-size:12px;gap:15px}.comparison-bars>div>b{font-size:13px}.comparison-bars>div>i{height:12px}.comparison-outcomes{max-width:850px;gap:30px;margin:26px 0 13px}.comparison-outcomes b{font-size:40px}.comparison-outcomes b>small{font-size:18px}.comparison-outcomes span{font-size:12px}.comparison-distance{font-size:13px}.comparison-controls{grid-template-columns:repeat(3,minmax(0,1fr));max-width:850px;gap:18px}.comparison-controls label:first-child{grid-column:auto}.comparison-controls label{font-size:12px}.comparison-table{font-size:14px}.comparison-table th,.comparison-table td{padding:15px 12px}.comparison-table thead th,.comparison-table tbody th{font-size:12px}.comparison-table tbody th small,.comparison-table caption{font-size:11px}.comparison-meaning,.comparison-assumptions p{font-size:11px}.comparison-assumptions b{font-size:12px}.comparison-actions{justify-content:flex-start}.comparison-actions>.btn{flex:0 1 300px;font-size:13px}
}