/* Behavior, accessibility and data states for the approved blue passenger UI. */
.boot-state{height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;text-align:center}.boot-state h1{font-size:25px;letter-spacing:-1px;margin:0}.boot-state p{font-size:13px;color:#64748b}.boot-logo{width:58px;height:58px;display:grid;place-items:center;color:white;background:#2563eb;border-radius:18px;font-size:34px;font-weight:750}.boot-state a{color:#2563eb;padding:12px}.connection-banner{height:27px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#f4f7fb;border-bottom:1px solid #e5ebf3;gap:15px}.connection-banner button{background:none;font-size:10px;color:#53677e;display:flex;align-items:center;gap:6px;padding:5px}.connection-banner .icon{height:12px;width:12px}.connection-banner.offline{background:#fff3d6}.connection-banner.offline button{color:#815411}.welcome-intro p{font-size:12px;color:#6b7c91;line-height:1.8;margin:0 0 15px}.quick-places .stop-card{padding:13px 0}.quick-places .stop-card b{font-size:11px}.quick-places .stop-card small{font-size:9px}.city-stats{display:flex;gap:10px;margin:23px 0 15px}.city-stats button{flex:1;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;gap:6px;background:var(--background);padding:13px}.city-stats b{font-size:24px;font-weight:650;letter-spacing:-.8px}.city-stats span{font-size:10px;color:var(--muted)}.city-stats .icon{margin-left:auto;height:14px;width:14px;color:var(--primary)}.catalog-note{color:var(--muted);font-size:10px;line-height:1.8;margin:15px 0 8px}.list-search{display:flex;align-items:center;gap:8px;background:var(--background);border:1px solid var(--line);border-radius:9px;padding:10px;margin-bottom:8px}.list-search>.icon{width:15px;height:15px;color:var(--muted)}.list-search input{min-width:0;width:100%;border:0;background:none;color:var(--text);font-size:11px;outline:0}.direction-label{font-size:10px;color:var(--muted);display:block;line-height:2}.direction-label select{width:100%;max-width:100%;border:1px solid var(--line);border-radius:8px;padding:10px;background:var(--background);color:var(--text);font-size:11px}.line-title{display:flex;align-items:center;gap:12px;margin:15px 0}.line-title h2{font-size:18px;line-height:1.3;letter-spacing:-.5px}.line-title>.line-badge{padding:9px;font-size:16px}.stop-sequence button{display:flex;align-items:center;gap:12px;text-align:left;background:none;border-bottom:1px solid var(--line);width:100%;padding:13px 0}.stop-sequence button>span{color:var(--primary);background:var(--tint);border-radius:50%;width:25px;height:25px;display:grid;place-items:center;font-size:9px;flex-shrink:0}.stop-sequence b{font-size:11px;font-weight:550;flex:1}.stop-sequence .icon{width:13px;height:13px;color:var(--muted)}.stop-actions{display:flex;gap:8px;align-items:center;margin:20px 0}.stop-actions .modal-primary{margin:0}.modal-secondary{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;border:1px solid var(--line);border-radius:10px;background:var(--background);padding:12px;font-size:11px;margin-top:10px}.stop-actions .modal-secondary{margin:0}.modal-secondary>.icon{height:16px;width:16px}.data-status-row{padding:12px 0;border-bottom:1px solid var(--line);font-size:11px;display:flex;flex-direction:column;gap:5px}.data-status-row span{font-size:10px;color:var(--muted)}.save-journey{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;background:none;border:1px dashed var(--line);border-radius:10px;font-size:11px;padding:12px;color:var(--primary);margin:16px 0}.save-journey .icon{height:16px;width:16px}.favorite-row{display:flex;align-items:center;gap:4px}.favorite-row .favorite-card{margin:10px 0;flex:1}.remove-favorite{width:32px;height:40px;background:none;color:var(--muted);display:grid;place-items:center}.remove-favorite .icon{width:15px;height:15px}.result-freshness{display:block;font-size:8px;color:var(--muted);margin-top:10px}.route-chain{flex-wrap:wrap;gap:7px}.route-card-bottom>span{flex-wrap:wrap}.loading-line{height:3px;margin:30px 0;border-radius:10px;background:linear-gradient(90deg,#e7eefc,#2563eb,#e7eefc);background-size:200% 100%;animation:loading 1.5s ease-in-out infinite}.search-submit:disabled{opacity:.65;cursor:progress}.sheet-grip{touch-action:none}.map-picking .map-caption{display:none}.map-legend{max-width:calc(100% - 430px);white-space:normal;line-height:1.5}.modal{scrollbar-width:thin}.city-option{font-size:14px}.map-area .leaflet-control-attribution{max-width:270px;line-height:1.4}
@keyframes loading{to{background-position:-200% 0}}
@media(max-width:739px){.connection-banner{height:28px;padding:0 8px}.connection-banner button{font-size:9px}.connection-banner button>.icon{height:12px;width:12px}.app-header{padding:0 13px;gap:6px}.header-actions{gap:6px}.header-actions .icon-button{border:0}.city-button{font-size:10px;max-width:125px}.logo{font-size:19px}.logo-symbol{width:31px;height:31px}.icon-button,.map-controls button{min-width:44px;min-height:44px}.map-controls{right:10px}.map-controls>.zoom-buttons{display:none}.map-controls button>.icon{width:19px;height:19px}.search-fields{min-height:111px}.location-field{height:55px}.location-field input{font-size:16px;font-weight:450;letter-spacing:-.45px}.location-field>span{font-size:8px}.swap-button{width:37px;height:44px;border-radius:12px}.search-options button{min-height:34px}.search-submit{min-height:46px}.search-submit>.icon{width:18px;height:18px}.mobile-nav{height:calc(61px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}.passenger-panel{top:32%}.sheet-grip{height:25px}.welcome-intro p{font-size:12px}.quick-places .stop-card b{font-size:12px}.quick-places .stop-card small{font-size:10px}.stop-card{min-height:60px}.list-search input{font-size:16px}.direction-label select{font-size:16px}.catalog-note{font-size:10px}.stop-sequence button{min-height:48px}.stop-sequence b{font-size:12px}.result-freshness{font-size:9px}.favorite-card{font-size:12px}.remove-favorite{width:44px;height:44px}.save-journey,.modal-primary,.modal-secondary{min-height:44px}.modal-label input{font-size:16px}.map-help{font-size:11px;z-index:1100}.map-offline{max-width:calc(100% - 75px);font-size:10px}.map-area .leaflet-control-attribution{font-size:8px!important;max-width:210px}.passenger-panel .results-section .modal-primary{font-size:12px}.suggestions{top:173px}.suggestions button{min-height:47px}.suggestions b{font-size:12px}.suggestions small{font-size:10px}.result-tabs button{min-height:37px}.stop-actions{flex-direction:column}.stop-actions>button{width:100%}.modal{max-height:85dvh}.data-status-row{font-size:12px}.data-status-row span{font-size:11px}#toast{bottom:calc(75px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.explore-actions{display:flex;gap:8px;margin:18px 0 12px;flex-wrap:wrap}.explore-actions button,.record-actions button{display:flex;align-items:center;gap:7px;background:#eff6ff;border:1px solid #dbeafe;color:#2563eb;border-radius:10px;min-height:44px;padding:10px;font-size:11px;font-weight:600}.explore-actions .icon,.record-actions .icon{width:16px;height:16px}.poi-chips{display:flex;gap:7px;flex-wrap:wrap}.poi-chips button{padding:9px 12px;border:1px solid #e2e8f0;border-radius:20px;background:white;color:#475569;font-size:11px;min-height:44px}.poi-source{font-size:10px;color:#64748b;margin:12px 0 20px}.poi-source a{color:#2563eb}.record-actions{display:flex;gap:8px;margin:18px 0}.record-actions button[aria-pressed=true]{background:#2563eb;color:white}.saved-records h3,.favorites-subheading{font-size:14px;letter-spacing:-.3px;margin:20px 0 10px}.saved-records .favorite-card small{font-size:10px;color:#64748b}.service-alert{border-left:3px solid #2563eb;padding-left:15px;margin:20px 0}.service-alert h3{font-size:16px}.service-alert a{color:#2563eb}.suggestions small{white-space:normal;line-height:1.5}.suggestions button{min-height:58px}.poi-chips button:hover,.explore-actions button:hover{background:#dbeafe}
/* Route exploration and compact live vehicles. */
.brand-icon{width:35px;height:35px;display:block;border-radius:10px;flex-shrink:0}
.point-destination{display:grid!important;place-items:center!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;transform:none!important;width:30px!important;height:30px!important;padding:0!important}
.point-destination .icon{width:29px!important;height:29px!important;transform:none!important;fill:#0f172a;stroke:#fff;stroke-width:1.4;filter:drop-shadow(0 1px 2px #0005)}
.vehicle-marker{display:grid!important;place-items:center!important;width:27px!important;height:27px!important;padding:3px!important;border:2px solid #fff!important;border-radius:8px!important;background:#2563eb!important;color:#fff!important;box-shadow:0 1px 5px #17255455!important;white-space:nowrap}
.vehicle-marker .icon{width:18px;height:18px}.custom-marker{transition:none}.vehicle-label{color:#1d4ed8;font-size:11px;font-weight:750;border:1px solid #bfdbfe;border-radius:7px;padding:3px 6px;box-shadow:none}.satellite-map .leaflet-tile-pane{filter:none}
.arrival-time{display:flex;gap:10px;text-align:right;font-size:12px;font-variant-numeric:tabular-nums;flex-shrink:0}.arrival-time>span{display:flex;flex-direction:column;gap:3px}.arrival-time small{font-size:8px;font-weight:400;color:var(--muted)}.live-estimate{color:#0f766e;font-weight:650}.vehicle-stop{background:none;width:100%;display:flex;align-items:center;gap:9px;border-bottom:1px solid var(--line);padding:14px 0;text-align:left}.vehicle-stop>b{flex:1;font-size:12px}.stop-step-dot{height:9px;width:9px;border:2px solid #2563eb;border-radius:50%;flex-shrink:0}.vehicle-status{color:#0f766e;font-size:12px}.departure-row{gap:9px}.departure-row>b{flex:1;min-width:0;font-size:11px}.leg-line-heading{display:flex;align-items:center;gap:9px;line-height:1.5}.leg-line-heading>strong{font-size:12px}.leg-stops{width:100%;margin:10px 0}.leg-stops summary{cursor:pointer;color:var(--muted);padding:8px 0;font-size:12px;min-height:40px}.intermediate-stops>button{display:flex;align-items:center;gap:9px;width:100%;background:none;text-align:left;padding:10px 0;min-height:44px}.intermediate-stops>button>i{height:8px;width:8px;border:1.5px solid #2563eb;background:white;border-radius:50%;flex-shrink:0}.intermediate-stops>button>b{flex:1;font-size:11px;font-weight:450}.timeline-leg.bus-leg{display:block}.next-vehicles{padding:12px 0;border-top:1px solid var(--line);margin-top:8px}.next-vehicles>b{font-size:10px}.next-vehicles .departure-row{padding:10px 0}.next-vehicles .line-badge{font-size:10px}.next-vehicles .arrival-time{gap:7px;font-size:11px}