/* The dropdown overlays the map instead of adding another header row. */
.map-first.compact-trip-picker>.app-header{min-height:68px;padding:10px 24px;gap:20px}
.compact-trip-picker .route-picker{flex:0 1 auto;max-width:none;display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:10px;margin-left:auto}
.compact-trip-picker .route-caption[hidden]{display:none!important}
.compact-trip-picker .trip-direction-tabs{width:auto;display:flex;flex:none;padding:3px;border-radius:11px}
.compact-trip-picker .trip-direction-tabs button{min-height:36px;padding:8px 12px;font-size:12px}
.compact-trip-picker .route-picker>.shifts{display:flex;flex:none;gap:3px;margin:0;padding:3px;border:1px solid var(--line);border-radius:11px;background:var(--soft)}
.compact-trip-picker .route-picker>.shifts button{flex:none;min-width:64px;min-height:36px;padding:8px 11px;border-radius:8px}
.compact-trip-picker .route-picker>.shifts button span{font-size:13px;font-weight:650;font-variant-numeric:tabular-nums}
.compact-trip-picker .route-picker>.shifts button .icon,.compact-trip-picker .route-picker>.shifts small{display:none}
.compact-trip-picker .trip-route-dropdown{position:relative;flex:none;min-width:0}
.compact-trip-picker .trip-route-toggle{display:flex;align-items:center;gap:9px;min-height:44px;min-width:165px;max-width:235px;padding:10px 13px;border:1px solid var(--line);border-radius:11px;background:var(--paper);color:var(--ink);font-size:12px;font-weight:650;cursor:pointer;text-align:left}
.compact-trip-picker .trip-route-toggle.has-route::before{content:"";width:7px;height:7px;flex:none;border-radius:50%;background:var(--route-color)}
.compact-trip-picker .trip-route-label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.compact-trip-picker .trip-route-arrow{width:6px;height:6px;flex:none;margin:0 2px 3px 3px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg)}
.compact-trip-picker .trip-route-toggle[aria-expanded="true"]{border-color:var(--brand)}
.compact-trip-picker .trip-route-toggle[aria-expanded="true"] .trip-route-arrow{transform:rotate(225deg);margin-top:4px;margin-bottom:0}
.compact-trip-picker .trip-route-toggle:disabled{color:var(--muted);background:var(--soft);cursor:default}
.compact-trip-picker .trip-route-menu{position:absolute;right:0;top:calc(100% + 10px);z-index:80;width:340px;max-width:calc(100vw - 28px);max-height:min(440px,calc(100dvh - 125px));overflow:auto;padding:10px;border:1px solid var(--line);border-radius:16px;background:var(--paper);box-shadow:0 12px 40px #10251e24;scrollbar-width:thin}
.compact-trip-picker .trip-route-menu[hidden]{display:none!important}
.compact-trip-picker .trip-route-menu-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:1px 3px 8px 9px;font-size:11px;color:var(--muted)}
.compact-trip-picker .trip-route-close{width:30px;height:30px;padding:0;border-radius:8px;color:var(--muted);background:transparent;font-size:23px;line-height:1}
.compact-trip-picker .trip-route-menu .route-choices{display:flex;flex-direction:column;gap:4px;width:100%;padding:0;border:0;border-radius:0;background:transparent}
.compact-trip-picker .trip-route-menu .route-choices button{justify-content:flex-start;gap:10px;min-height:48px;padding:10px 12px;border-radius:10px;font-size:12px;line-height:1.35;text-align:left}
.compact-trip-picker .trip-route-menu .route-choices button::before{display:none}
.compact-trip-picker .trip-route-menu .route-choices button:not([data-pick-route="0"])::before{display:block;width:7px;height:7px}
.compact-trip-picker .trip-route-number{flex:none;min-width:23px;font-size:12px}
.compact-trip-picker .trip-route-name{min-width:0;font-weight:500;white-space:normal}
@media(max-width:1000px) and (min-width:751px){
 .map-first.compact-trip-picker>.app-header{padding:9px 16px;gap:14px;min-height:64px}
 .compact-trip-picker .brand{gap:7px}.compact-trip-picker .brand-icon{width:32px;height:32px}.compact-trip-picker .brand h1{font-size:18px}.compact-trip-picker .brand .eyebrow{font-size:8px}
 .compact-trip-picker .route-picker{gap:7px}
 .compact-trip-picker .trip-direction-tabs button{padding:7px 8px;font-size:11px}
 .compact-trip-picker .route-picker>.shifts button{min-width:54px;padding:7px}
 .compact-trip-picker .trip-route-toggle{min-width:139px;max-width:170px;padding:9px 10px}
}
@media(max-width:750px){
 .map-first.compact-trip-picker>.app-header{display:block;padding:8px 14px;min-height:0}
 .compact-trip-picker>.app-header>.brand{display:none}
 .compact-trip-picker .route-picker{display:grid;grid-template-columns:minmax(0,1fr) minmax(130px,auto);gap:6px 8px;margin:0;max-width:none;width:100%}
 .compact-trip-picker .trip-direction-tabs{grid-column:1/-1;grid-row:1;display:grid;grid-template-columns:1fr 1fr;width:100%;padding:2px}
 .compact-trip-picker .trip-direction-tabs button{min-height:32px;padding:6px 8px;font-size:12px}
 .compact-trip-picker .route-picker>.shifts{grid-column:1;grid-row:2;justify-self:start;padding:2px;border-radius:10px}
 .compact-trip-picker .route-picker>.shifts button{min-width:62px;min-height:32px;padding:6px 10px}
 .compact-trip-picker .trip-route-dropdown{grid-column:2;grid-row:2;min-width:0}
 .compact-trip-picker .trip-route-toggle{width:100%;min-width:0;max-width:200px;min-height:38px;padding:8px 10px}
 .compact-trip-picker .trip-route-menu{top:calc(100% + 8px)}
}
@media(min-width:560px) and (max-width:750px) and (max-height:500px){
 .map-first.compact-trip-picker>.app-header{padding:6px 12px}
 .compact-trip-picker .route-picker{display:flex;flex-direction:row;justify-content:space-between;gap:7px}
 .compact-trip-picker .trip-direction-tabs{width:auto;display:flex}
 .compact-trip-picker .trip-direction-tabs button{font-size:11px;padding:6px 8px}
 .compact-trip-picker .route-picker>.shifts button{min-width:50px;padding:6px}
 .compact-trip-picker .trip-route-toggle{min-width:125px;max-width:165px}
 .compact-trip-picker .trip-route-menu{max-height:calc(100dvh - 80px)}
}