.route-card {min-width:0;position:relative;box-shadow:0 10px 32px #0002;transition:border-color .2s,transform .2s}
.route-card:hover {border-color:#4b6580;transform:translateY(-2px)}
.route-card.active {border-top:3px solid #2dd4bf}
.route-card.paused {border-top:3px solid #fbbf24}
.route-card .route-path {flex-wrap:wrap;gap:8px;overflow-wrap:anywhere}
.route-card .route-actions {flex-wrap:wrap;gap:8px}
.route-card .route-actions {padding-top:16px;margin-top:auto;border-top:1px solid #374151}
.route-card .route-head {align-items:flex-start;gap:12px}
.route-card .route-stats {padding:16px;border:1px solid #374151;border-radius:12px;background:#11182766}
.route-card .route-stat b {font-variant-numeric:tabular-nums}
.route-card button:disabled {opacity:.4;cursor:not-allowed;transform:none}
#routeList {align-items:stretch;gap:24px}
#routeFilterBar {justify-content:space-between;gap:16px}
.route-overview {min-width:0;margin-bottom:24px}
.route-event-list {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-height:380px;overflow-y:auto}
.route-event-list article {border:1px solid #374151;border-radius:12px;padding:14px;background:#111827;overflow-wrap:anywhere}
.route-event-list p,.route-event-list small {font-size:12px;color:#a9b6cb}
.route-ad-active {border:1px solid #0d9488;border-radius:12px;padding:16px;margin:16px 0;background:#0d94881a}
[data-route-start-result] {min-width:0;overflow-wrap:anywhere}
@media(max-width:640px){.route-event-list{grid-template-columns:1fr}.route-card{padding:18px!important}.route-card .route-stats{grid-template-columns:repeat(2,minmax(0,1fr))}#routeFilterBar{flex-wrap:wrap}#routeFilters{max-width:100%;overflow-x:auto}}