.sidebar-close-row{display:flex;justify-content:flex-end;padding:8px 12px 0}.sidebar-close-row button{font-size:14px;min-height:44px}.sidebar-backdrop{display:none}.route-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(310px,1fr);gap:20px;align-items:start}.route-map{height:480px;min-height:320px;background:#e9eef4;border:1px solid #b4c3d6;border-radius:9px;z-index:1}.route-map-panel{min-width:0}.route-map .leaflet-control-attribution{font-size:11px}.route-map .leaflet-control a{min-width:34px;min-height:34px}.route-map .leaflet-popup-content{font:14px/1.6 Benja,Tahoma,sans-serif}.route-map .leaflet-popup-content strong{display:block}.route-map .leaflet-popup-content a{display:block;margin-top:8px}.route-pin{border-radius:50%;border:2px solid white;box-shadow:0 1px 5px #13244099;text-align:center;color:white;font:bold 13px/28px Tahoma,sans-serif;background:#1d4f8f}.route-color-0{background:#1d4f8f}.route-color-1{background:#b8202d}.route-color-2{background:#17663d}.route-color-3{background:#7e3296}.route-color-4{background:#9b5710}.route-color-5{background:#046775}.route-color-6{background:#733f51}.route-color-7{background:#515a04}.route-color-8{background:#373c9a}.route-color-9{background:#535d66}.route-legend{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.route-legend span{font-size:13px}.route-dot{display:inline-block;width:13px;height:13px;border-radius:50%;margin-right:5px}.route-stops{list-style:none;padding:0;margin:0}.route-stop{border:1px solid #d2dceb;border-radius:10px;padding:15px;margin:12px 0;background:#fff}.route-stop-heading{display:flex;gap:10px;align-items:flex-start}.route-stop-heading strong{display:block;overflow-wrap:anywhere}.route-number{display:grid;place-items:center;min-width:29px;height:29px;background:#152645;color:white;border-radius:50%;font-size:14px}.route-stop p{font-size:14px;margin:6px 0;overflow-wrap:anywhere}.route-stop-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.route-stop-actions button,.route-stop-actions a{font-size:14px;padding:7px 10px;min-height:44px}.route-entry{background:#f5f8fc;padding:16px;border:1px solid #cbd6e8;border-radius:10px;margin-top:16px}.route-entry .form-grid{gap:12px}.route-entry .full{grid-column:1/-1}.route-staff-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:20px}.route-staff-card{border:1px solid #ccd8e8;border-radius:10px;padding:16px;background:#fff}.route-staff-card h3{margin-bottom:8px}.route-staff-card p{font-size:14px}.route-staff-card button{width:100%}.route-save-status{font-size:14px;margin-top:12px}.route-summary{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0}.route-summary span{padding:6px 10px;background:#edf2fa;border-radius:7px;font-size:14px}.route-map-note{font-size:13px;margin-top:10px;color:#64738b}.route-customer-search{margin:12px 0}.route-date{max-width:230px}.route-toolbar{align-items:end}.route-toolbar label{min-width:150px}.route-nav-links{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.route-nav-links a{font-size:14px}.route-list-empty{padding:20px;border:1px dashed #bccade;border-radius:8px;text-align:center;color:#60708b}.route-missing{color:#8c5512}.route-coordinates{font-size:12px;color:#5a6980}.route-map-hint{font-size:14px;padding:9px;background:#fff6df;border-radius:7px;margin-bottom:12px}.route-map .leaflet-container a{color:#173f88}.route-map .leaflet-tile{max-width:none!important;max-height:none!important}
@media(max-width:1000px){.route-layout{grid-template-columns:1fr}.route-map{height:390px}}@media(max-width:760px){.sidebar-backdrop{position:fixed;inset:0;background:#14244066;border:0;border-radius:0;z-index:35;display:block;width:100%;height:100dvh}.app-shell.collapsed .sidebar-backdrop{display:none}.sidebar{width:min(290px,86vw)}.sidebar .brand-block{padding-top:8px}.sidebar .nav-group{padding-top:8px;padding-bottom:8px}.sidebar .nav{padding:7px 10px;min-height:44px}.sidebar .sales-list{min-height:70px}.route-map{height:350px}.route-toolbar label{min-width:130px}.route-entry{padding:12px}.route-date{max-width:none}.route-map .leaflet-control-attribution{max-width:260px;line-height:1.4}.route-layout{gap:0}}@media print{.sidebar-close-row,.sidebar-backdrop,.route-entry,.route-stop-actions,.route-toolbar{display:none}.route-layout{display:block}.route-map{height:400px}.route-stop{break-inside:avoid}}