/* Compact desktop uses the actual usable viewport, never browser zoom. */
#routeDialog :is(.raw-route-action,.manual-route-action,.conference-reopen-action,.freight-route-action):empty{display:none}
@media screen and (min-width:761px) and (max-width:1440px),screen and (min-width:761px) and (max-height:800px){
 #routeDialog{width:calc(100vw - 32px)!important;max-width:1320px!important;height:calc(100dvh - 32px)!important;max-height:calc(100dvh - 32px)!important}
 #routeDialog .route-dialog-head{min-height:48px;padding:8px 14px;gap:12px}#routeDialog .route-dialog-head h2{font-size:18px}#routeDialog .route-eyebrow{font-size:8px;letter-spacing:1px}#routeDialog #routeDriver{font-size:11px;line-height:1.35}#routeDialog .route-view{grid-template-columns:minmax(350px,41%) minmax(0,1fr)}#routeDialog .route-info{padding:10px 12px;gap:7px}#routeDialog .route-info>h3{font-size:14px;margin:0}#routeDialog .route-base{font-size:10px;line-height:1.35}
 #routeDialog .route-hero{min-height:56px}#routeDialog .route-trip-overview{padding:9px;gap:8px}#routeDialog .route-trip-overview>img{width:21px;height:21px}#routeDialog .route-trip-overview strong{font-size:20px}#routeDialog #routeTripMeta{font-size:9px;line-height:1.4;margin-top:3px}#routeDialog #routeArrival{padding:8px 9px;gap:2px}#routeDialog #routeArrival>strong{font-size:17px}#routeDialog #routeArrival>small{font-size:9px}#routeDialog #routeArrival>span{font-size:10px;line-height:1.35}
 #routeDialog #routeDistance{padding:6px 0;min-height:45px}#routeDialog .route-metric{gap:3px;padding:0 6px}#routeDialog .route-metric strong{font-size:15px}#routeDialog .route-metric span{font-size:9px;line-height:1.25;min-height:0}#routeDialog .route-metric small{font-size:8px;line-height:1.25}#routeDialog #routeOptimization{font-size:9px;line-height:1.35;max-height:37px;overflow-y:auto}
 #routeDialog .route-stop-section{gap:7px;min-height:100px}#routeDialog .route-stop-section>h3{font-size:12px}#routeDialog #routeStops{padding-left:20px}#routeDialog #routeStops>li{padding:0 3px 8px 10px}#routeDialog #routeStops>li strong{font-size:12px;line-height:1.3;font-weight:600}#routeDialog #routeStops>li small{font-size:9px;line-height:1.35;margin-top:2px}#routeDialog #routeStops>li:before{width:19px;height:19px;font-size:9px;left:-10px}
 #routeDialog.route-dense-stops #routeStops{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px;row-gap:6px;align-content:start;padding-left:14px;padding-right:3px}#routeDialog.route-dense-stops #routeStops>.route-origin-stop,#routeDialog.route-dense-stops #routeStops>.route-return-stop{display:none}#routeDialog.route-dense-stops #routeStops>li{border-left:0;padding:1px 1px 8px 10px;min-width:0}
 #routeCompactSettings{flex-shrink:0;border-top:1px solid #d5dfeb;padding-top:7px}#routeCompactSettings>summary{font-size:10px;line-height:1.5;font-weight:600;color:#375b80;cursor:pointer}#routeCompactSettings .route-control-heading{display:none}#routeCompactSettings .route-control-section{border:0;padding:4px 0}#routeCompactSettings .route-rules-overview{margin:6px 0}#routeCompactSettings .route-settings label{font-size:10px}#routeCompactSettings .route-settings input,#routeCompactSettings .route-settings select{height:30px;min-height:30px;font-size:11px}#routeCompactSettings .route-rules-overview>span{font-size:8px}#routeCompactSettings .route-rules-overview b{font-size:9px}#routeDialog .route-bottom-actions{gap:8px}#routeDialog .route-rests>summary,#routeDialog #routeExternal{font-size:10px}#routeDialog #routeExternal{min-height:29px}
 #routeDialog .raw-route-action,#routeDialog .manual-route-action,#routeDialog .conference-reopen-action,#routeDialog .freight-route-action{padding:5px 12px;margin:0;min-height:0}#routeDialog :is(.raw-route-action,.manual-route-action,.conference-reopen-action,.freight-route-action) .btn{font-size:10px;padding:5px 8px;min-height:28px}
 .model3-card .silver-plate{font-size:22px!important}.model3-card .silver-identity{min-height:59px!important}.model3-card .silver-status-row{min-height:28px!important;padding-block:5px 8px!important}.model3-card .silver-status,.model3-card .silver-priority{font-size:9px!important;padding:4px 7px!important}.model3-card .silver-summary>div>strong{font-size:17px!important}.model3-card .silver-summary .silver-stops>strong{font-size:12px!important}.model3-card .silver-model strong{font-size:11px!important}.model3-card .silver-model{padding:9px 0!important}.model3-card .silver-trip strong,.model3-card .silver-arrival{font-size:12px!important}.model3-card .model3-time-grid>div{padding-block:9px}.model3-card .model3-time-grid>div>strong{font-size:18px!important}
}
@media screen and (min-width:761px) and (max-width:1100px){#routeDialog .route-view{grid-template-columns:minmax(345px,45%) minmax(0,1fr)}#routeDialog .route-dialog-head h2{font-size:16px}#routeDialog.route-dense-stops #routeStops{row-gap:2px}#routeDialog.route-dense-stops #routeStops>li{padding-bottom:4px}}