.route-planner{margin-bottom:28px}.route-planner h2{margin:8px 0}.route-edit{margin:20px 0}.route-edit summary{cursor:pointer;font-weight:600;padding:12px 0}.route-edit form{margin-top:12px}.route-choices{max-height:360px;overflow:auto;border:1px solid var(--control-border);border-radius:10px;margin:16px 0}.route-choices label{display:flex;gap:14px;padding:16px;margin:0;border-bottom:1px solid var(--control-border);align-items:flex-start}.route-choices input[type=checkbox]{width:24px;height:24px;flex:none;margin-top:3px}.route-choices small{color:var(--muted)}.route-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.route-actions .button,.route-actions button{min-height:48px;display:inline-flex;align-items:center;justify-content:center}.route-summary{display:flex;justify-content:space-between;gap:16px;padding:18px 0;border-bottom:1px solid var(--control-border);font-weight:600}.route-next{padding:24px;margin:22px 0;background:var(--surface-raised);border:1px solid var(--copper);border-radius:12px}.route-next h2{font-size:28px}.route-next-address{font-size:23px;line-height:1.5;color:var(--muted)}.route-next p{overflow-wrap:anywhere}.route-instructions{border-left:3px solid var(--copper);padding-left:12px}.route-stops{list-style:none;padding:0;margin:20px 0}.route-stops>li{display:flex;gap:16px;padding:20px 0;border-bottom:1px solid var(--control-border);align-items:flex-start}.route-stops>li>div{flex:1;min-width:0}.route-stops p{margin:6px 0;overflow-wrap:anywhere}.route-stops small,.route-credit{color:var(--muted)}.route-number{background:var(--copper);color:var(--on-accent);width:30px;height:30px;border-radius:50%;display:grid;place-items:center;flex:none}.delivery-route-map{height:390px;margin-top:20px;border-radius:12px;overflow:hidden;z-index:0;background:var(--surface-raised)}.delivery-route-map .leaflet-container{font:14px sans-serif}.route-marker{border:0;background:none}.route-marker span{display:grid;place-items:center;background:var(--copper);color:white;font:bold 15px Arial;border:2px solid var(--control-border);border-radius:50%;height:30px;width:30px;box-shadow:0 2px 5px #0006}.route-credit{font-size:12px}.driver-workspace{max-width:1100px;margin:auto;padding:24px}.route-planner .primary{background:var(--copper);color:var(--on-accent)}.route-planner button:disabled{opacity:.45;cursor:not-allowed}@media(max-width:640px){.driver-workspace{padding:16px 12px}.route-next{padding:18px}.route-next-address{font-size:21px}.route-actions>*{flex:1 1 44%}.route-summary{flex-direction:column;gap:4px}.route-stops>li{gap:10px;flex-wrap:wrap}.route-stops>li>.button{margin-left:40px}.delivery-route-map{height:290px}.route-planner .work-heading{align-items:flex-start}.route-planner .work-heading h2{font-size:23px}.dispatch-metrics{grid-template-columns:repeat(2,1fr)}}

.driver-workspace .route-planner{display:flex;flex-direction:column}.driver-workspace .route-planner>.work-heading{order:-2}.driver-workspace .route-next{order:-1;margin-top:12px}

/* The driver's overview remains mounted even when the task list is empty. */
.driver-overview-map{height:clamp(360px,46vh,520px);width:100%;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;z-index:0;background:var(--surface-raised)}
.driver-overview-map.leaflet-container .leaflet-control-zoom a{width:48px;height:48px;line-height:48px}
.driver-overview-map .leaflet-control-attribution{font-size:var(--font-size-min)}
.driver-map-panel [data-driver-map-error]{margin-top:var(--space-4)}
.driver-map-panel [data-driver-map-error][hidden]{display:none}
@media(max-width:768px){.driver-overview-map{height:340px}}
.route-return,.delivery-run-planning,.delivery-completion-record{margin-block:var(--space-6);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius)}
.delivery-photo-preview{display:block;max-width:100%;width:280px;max-height:240px;object-fit:contain;margin-top:var(--space-3);border-radius:var(--radius)}