#routeDialog.route-modern{width:min(1460px,96vw);height:min(960px,94dvh);max-height:94dvh;padding:0;border:1px solid #c2cbd5;border-radius:0;background:#fff;color:#20344d;box-shadow:0 5px 18px #15223826}
#routeDialog.route-modern[open]{display:grid;grid-template-columns:110px minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto;overflow:hidden}
#routeDialog.route-modern{border-radius:0!important}#routeDialog.route-modern #routeStops>.route-modern-empty:before{display:none}#routeDialog.route-modern #routeStops:has(.route-modern-empty){padding-left:0}#routeDialog.route-modern #routeStops>.route-modern-empty{font-size:13px;color:#657487;line-height:1.6;padding:18px}#routeDialog.route-modern #routeStops>li:not(.route-origin-stop):not(.route-return-stop):before{background:#dca429;color:#1e2b39}
#routeDialog.route-modern .route-identity-rail{grid-row:1/5;grid-column:1;display:flex;flex-direction:column;align-items:center;gap:20px;padding:28px 10px;background:#272e35;color:#fff;border-top:5px solid #edb329;min-width:0}
#routeDialog.route-modern-loaded .route-identity-rail{border-top-color:#b5ed61}#routeDialog .route-identity-rail>span:first-child{font-size:11px;font-weight:700}#routeDialog .route-identity-rail>strong{font-size:58px;line-height:1}#routeDialog .route-identity-rail>img{width:40px;height:40px;filter:brightness(0) invert(1)}#routeVehicleStatus{margin-top:auto;font-size:11px;text-align:center;padding:8px 6px;background:#46515e;border-radius:4px}
#routeDialog.route-modern .route-dialog-head{grid-column:2;grid-row:1;background:#fff;color:#20344d;padding:20px 24px 14px;min-height:0;align-items:flex-start;border:0}
#routeDialog.route-modern .route-dialog-head>div{display:block}#routeDialog.route-modern .route-eyebrow{color:#657182;letter-spacing:.8px;font-size:10px}#routeDialog.route-modern .route-dialog-head h2{font-size:30px;line-height:1.15;color:#1e3654;margin:7px 0}#routeDialog.route-modern #routeDriver{color:#576679;font-size:15px;margin:0}#routeLoadMeta{display:inline-block;background:#f0f1f3;color:#253e5a;font-size:13px;font-weight:650;padding:8px 12px;margin:12px 0 0}
#routeDialog.route-modern #closeRoute{background:#fff;color:#20344d;border:1px solid #b4c0ce;border-radius:4px;font-size:12px;padding:8px 14px}
#routeDialog.route-modern .route-modern-summary{grid-column:2;grid-row:2;margin:0 24px 18px;padding:12px 14px;background:#f0f1f3;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:center}
#routeDialog.route-modern .route-base{font-size:12px;line-height:1.5;margin:0;background:none;padding:0;color:#415670}
#routeDialog.route-modern .route-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;min-height:0;border-radius:0;overflow:visible;background:none;padding:0;border-left:1px solid #c8d0d9}
#routeDialog.route-modern .route-trip-overview{padding:0 0 0 14px;color:#20344d;gap:8px}#routeDialog.route-modern .route-trip-overview>img{width:22px;height:22px;filter:none}#routeDialog.route-modern .route-trip-overview strong{font-size:18px;white-space:normal}#routeDialog.route-modern #routeTripMeta{font-size:10px;line-height:1.4;color:#617183}
#routeDialog.route-modern #routeArrival{background:none;color:#355e49;padding:0;margin:0;border:0;border-radius:0;gap:3px;font-size:12px;line-height:1.4}#routeDialog.route-modern #routeArrival>strong{font-size:18px;color:#285840;line-height:1.1}#routeDialog.route-modern #routeArrival>small,#routeDialog.route-modern #routeArrival>span{color:#486855;font-size:11px}
#routeDialog.route-modern .route-view{grid-column:2;grid-row:3;display:grid;grid-template-columns:minmax(300px,40%) minmax(0,60%);min-height:0;gap:16px;padding:0 24px 16px;overflow:hidden}
#routeDialog.route-modern .route-info{background:#fff;min-height:0;padding:0 12px 0 0;display:flex;flex-direction:column;gap:12px;overflow:auto}
#routeDialog.route-modern .route-stop-section{flex:none;overflow:visible;min-height:0;max-height:none}#routeDialog.route-modern .route-stop-section>h3{font-size:20px;line-height:1.3;margin:0 0 12px;color:#20344d}
#routeDialog.route-modern #routeStops{padding:0 0 0 30px;margin:0;overflow:visible;max-height:none;counter-reset:route-stop}
#routeDialog.route-modern #routeStops,#routeDialog.route-modern #routeStops>li{list-style:none!important}
#routeDialog.route-modern #routeStops>li{position:relative;background:#f0f1f3;border:0;border-radius:3px;padding:10px 12px;margin:0 0 9px;min-height:0;line-height:1.3}
#routeDialog.route-modern #routeStops>li strong{font-size:14px;line-height:1.35;color:#20344d}#routeDialog.route-modern #routeStops>li small{font-size:11px;line-height:1.4;margin-top:5px;color:#657487}#routeDialog.route-modern #routeStops>.route-return-stop{display:list-item!important}
#routeDialog.route-modern .route-map-pane{border:1px solid #d2dae3;border-radius:3px;position:relative;min-height:0;overflow:hidden;grid-column:2;grid-row:1;background:#eef1f3}
#routeDialog.route-modern #routeMap{height:100%!important;min-height:260px;width:100%;margin:0;border-radius:0}#routeDialog.route-modern .route-legend{position:absolute;right:12px;bottom:22px!important;display:flex;flex-direction:column;gap:8px;padding:10px 12px;background:#fffffff2;box-shadow:0 2px 5px #20344d18;border-radius:3px;font-size:11px;margin:0;z-index:450}
#routeDialog.route-modern #routeModernSettings{margin-top:auto;background:#f7f8fa;border:1px solid #d2dae3;border-radius:3px;padding:10px;font-size:12px}#routeDialog.route-modern #routeModernSettings>summary{cursor:pointer;font-size:13px;font-weight:700;color:#20344d;line-height:1.4}#routeDialog.route-modern #routeModernSettings .route-control-heading{display:none}#routeDialog.route-modern .route-settings{margin:10px 0;padding:0;border:0;grid-template-columns:1fr}#routeDialog.route-modern .route-rules-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px 0}#routeDialog.route-modern #routeDistance{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;font-weight:500;line-height:1.5;min-height:0;padding:10px 0;margin:0}#routeDialog.route-modern .route-metric{flex:1 1 40%;padding:6px!important;min-width:0}#routeDialog.route-modern .route-metric strong{font-size:18px}#routeDialog.route-modern #routeOptimization{font-size:11px;line-height:1.5;margin:0}#routeDialog.route-modern .route-detail-panel{position:static;max-height:none;box-shadow:none;background:none;padding:0;border:0;color:#415670}
#routeDialog.route-modern .route-modern-footer{grid-column:2;grid-row:4;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding:12px 24px;border-top:1px solid #d9e0e7;background:#fff}#routeDialog.route-modern #rawRouteAction{margin:0;padding:0;background:none;border:0;display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:11px}#routeDialog.route-modern #routeExternal{margin-left:auto;background:#272e35;color:#fff;border:0;border-radius:3px;font-size:12px;min-height:38px;padding:10px 14px;text-decoration:none}
@media(max-width:1000px){#routeDialog.route-modern[open]{grid-template-columns:76px minmax(0,1fr)}#routeDialog.route-modern .route-identity-rail{padding:22px 6px}#routeDialog .route-identity-rail>strong{font-size:42px}#routeDialog.route-modern .route-dialog-head{padding:16px}#routeDialog.route-modern .route-dialog-head h2{font-size:24px}#routeDialog.route-modern .route-modern-summary{margin:0 16px 14px;grid-template-columns:1fr;gap:10px}#routeDialog.route-modern .route-hero{border-left:0;border-top:1px solid #c8d0d9;padding-top:10px}#routeDialog.route-modern .route-trip-overview{padding:0}#routeDialog.route-modern .route-view{grid-template-columns:minmax(240px,45%) minmax(0,55%);gap:10px;padding:0 16px 12px}#routeDialog.route-modern .route-modern-footer{padding:10px 16px}}
@media(max-width:650px){#routeDialog.route-modern{height:96dvh;max-height:96dvh;width:98vw}#routeDialog.route-modern[open]{grid-template-columns:1fr;grid-template-rows:auto auto auto minmax(0,1fr) auto}#routeDialog.route-modern .route-identity-rail{grid-column:1;grid-row:1;flex-direction:row;gap:10px;padding:8px 14px;border-top-width:3px}#routeDialog .route-identity-rail>strong{font-size:25px}#routeDialog .route-identity-rail>img{width:24px;height:24px}#routeVehicleStatus{margin:0 0 0 auto;font-size:10px;padding:5px 8px}#routeDialog.route-modern .route-dialog-head{grid-column:1;grid-row:2;padding:12px}#routeDialog.route-modern .route-dialog-head h2{font-size:21px}#routeDialog.route-modern #routeDriver{font-size:12px}#routeLoadMeta{font-size:11px;margin-top:8px}#routeDialog.route-modern .route-modern-summary{grid-column:1;grid-row:3;margin:0 12px 10px;padding:9px}.route-modern-summary .route-base{display:none}#routeDialog.route-modern .route-hero{padding:0;border:0}#routeDialog.route-modern .route-view{grid-column:1;grid-row:4;display:flex;flex-direction:column;overflow:auto;padding:0 12px 12px}#routeDialog.route-modern .route-info{overflow:visible;flex:none;padding:0}#routeDialog.route-modern .route-map-pane{flex:0 0 300px;min-height:300px}#routeDialog.route-modern .route-modern-footer{grid-column:1;grid-row:5;padding:9px 12px}#routeDialog.route-modern .route-modern-footer .btn{font-size:10px}#routeDialog.route-modern .route-stop-section>h3{font-size:17px}}
