#routeViewBar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 16px;background:#fff;border-bottom:1px solid #d5e0ec;flex-shrink:0;color:#003878}#routeViewBar button,.route-controls button{border:1px solid #c9d7e7;border-radius:7px;background:#fff;padding:8px 12px;cursor:pointer;color:#003878}#routeViewBar [aria-pressed=true]{background:#003878;color:#fff}
.main-content[data-map-view=calendar] #mapPanel{display:none!important}
.main-content[data-map-view=map]>.order-panel,.main-content[data-map-view=map]>.calendar-panel,.main-content[data-map-view=map]>.day-overview-panel,.main-content[data-map-view=map]>.team-week-panel{display:none!important}
.main-content[data-map-view=map] #mapPanel,.main-content[data-map-view=split] #mapPanel{display:flex!important;position:relative!important;transform:none!important;opacity:1!important;pointer-events:auto!important;top:auto!important;bottom:auto!important;right:auto!important;height:auto!important;max-height:none!important;flex-shrink:0}
.main-content[data-map-view=map] #mapPanel{width:100%!important;min-width:0!important;max-width:none!important;flex:1;display:grid!important;grid-template-columns:minmax(0,1fr) 330px;grid-template-rows:auto auto minmax(300px,1fr)}
.main-content[data-map-view=map] #mapPanel .map-header,.main-content[data-map-view=map] .route-controls{grid-column:1/-1}
.main-content[data-map-view=map] .map-container{grid-column:1;grid-row:3;min-height:300px}.main-content[data-map-view=map] .route-list{grid-column:2;grid-row:3;max-height:none;overflow:auto}
.main-content[data-map-view=split] #mapPanel{width:380px;min-width:260px;max-width:45vw}
#mapPanel .map-container{min-height:260px}#mapPanel .route-list{padding:12px;max-height:40%;overflow:auto}#mapPanel .map-header{flex-wrap:wrap;gap:6px}#mapPanel .resize-handle{display:none}.route-controls{display:flex;flex-wrap:wrap;gap:8px;align-items:end;padding:8px 12px}.route-controls label{font-size:12px;flex:1;min-width:120px}.route-controls input,.route-controls select{box-sizing:border-box;width:100%;display:block;padding:7px;border:1px solid #c9d7e7;border-radius:6px}.route-stop{padding:8px 4px;border-bottom:1px solid #e1e8ef;font-size:13px}.route-stop small{color:#54677b}.route-stop.expected-now{background:#e6f4ef}.route-stop-marker span{display:flex;align-items:center;justify-content:center;border:2px solid white;box-shadow:0 1px 5px #33415580;color:#fff;border-radius:50%;width:30px;height:30px;font-weight:bold}.route-warning{color:#b45309}
.route-preview{width:min(860px,94vw);max-height:90vh;padding:22px;border:1px solid #d3dfe9;border-radius:14px;overflow:auto;color:#163956;font:15px system-ui}.route-preview::backdrop{background:#09223988}.route-preview button{padding:9px;border:1px solid #bdcddd;border-radius:7px;color:#003878;background:#f4f8fc;cursor:pointer}.route-close{float:right}.route-candidates{max-height:270px;overflow:auto;border:1px solid #d9e3ec;padding:8px}.route-candidates label{display:block;padding:8px}.route-preview [data-result]{margin-top:16px}
@media(max-width:1050px){.main-content[data-map-view=split]{flex-wrap:wrap;overflow:auto}.main-content[data-map-view=split] #mapPanel{width:100%!important;max-width:none;min-height:440px}.main-content[data-map-view=split]>.calendar-panel,.main-content[data-map-view=split]>.day-overview-panel{min-height:500px}.main-content[data-map-view=map] #mapPanel{grid-template-columns:1fr}.main-content[data-map-view=map] .route-list{grid-column:1;grid-row:4;max-height:240px}.main-content[data-map-view=map] #mapPanel{overflow:auto}}

#routeViewBar[hidden]{display:none}
.app:has(>#routeViewBar){grid-template-rows:auto auto minmax(0,1fr)}
#mainContent[data-map-view]{min-width:0;min-height:0}
#mainContent[data-map-view=map]{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)}
#mainContent[data-map-view=map]>#mapPanel{grid-column:1/-1;grid-row:1;min-height:0;overflow:auto}
#mainContent[data-map-view=split]{display:grid!important;grid-template-columns:320px minmax(0,1fr) minmax(280px,380px)!important}
#mainContent[data-map-view=split]>.order-panel{grid-column:1;grid-row:1}
#mainContent[data-map-view=split]>.calendar-panel,#mainContent[data-map-view=split]>.day-overview-panel{grid-column:2;grid-row:1;min-width:0}
#mainContent[data-map-view=split]>#mapPanel{grid-column:3;grid-row:1;width:100%!important;max-width:none;min-width:0}
#mainContent[data-map-view=split].orders-collapsed{grid-template-columns:0 minmax(0,1fr) minmax(280px,380px)!important}
#mainContent[data-map-view=split].team-week-view{grid-template-columns:minmax(0,1fr) minmax(280px,380px)!important}
#mainContent[data-map-view=split].team-week-view>.team-week-panel{grid-column:1;grid-row:1}
#mainContent[data-map-view=split].team-week-view>#mapPanel{grid-column:2}
#mainContent[data-map-view=calendar].day-view{grid-template-columns:320px minmax(0,1fr)!important}
#mainContent[data-map-view=calendar].orders-collapsed.day-view{grid-template-columns:0 minmax(0,1fr)!important}
@media(max-width:1050px){
 #mainContent[data-map-view=split],#mainContent[data-map-view=split].orders-collapsed{grid-template-columns:260px minmax(0,1fr)!important;grid-template-rows:minmax(500px,1fr) 500px;overflow:auto}
 #mainContent[data-map-view=split]>#mapPanel{grid-column:1/-1;grid-row:2;min-height:440px}
 #mainContent[data-map-view=split].team-week-view{grid-template-columns:minmax(0,1fr)!important}
 #mainContent[data-map-view=split].team-week-view>#mapPanel{grid-column:1}
}
@media(max-width:767px){
 #mainContent[data-map-view=split],#mainContent[data-map-view=split].orders-collapsed{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto minmax(500px,1fr) 500px}
 #mainContent[data-map-view=split]>.order-panel{grid-column:1;grid-row:1}
 #mainContent[data-map-view=split]>.calendar-panel,#mainContent[data-map-view=split]>.day-overview-panel{grid-column:1;grid-row:2}
 #mainContent[data-map-view=split]>#mapPanel{grid-column:1;grid-row:3}
 #mainContent[data-map-view=split].team-week-view{grid-template-rows:minmax(500px,1fr) 500px}
 #mainContent[data-map-view=split].team-week-view>#mapPanel{grid-row:2}
}