.trips-page{display:grid;gap:var(--space-4)}
.trips-toolbar{display:flex;justify-content:space-between;align-items:end;gap:20px;padding:18px 20px}.trips-toolbar h2{margin:2px 0 0;font-size:20px}.filter-row{display:flex;gap:10px;flex-wrap:wrap}.filter-row label{display:grid;gap:5px;color:var(--vg-muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.filter-row select,.filter-row input{min-width:180px;height:40px;padding:0 11px;border:1px solid var(--vg-border);border-radius:10px;background:#fff;color:var(--vg-ink);font:inherit;font-size:13px}
.trips-workspace{display:grid;grid-template-columns:minmax(360px,.82fr) minmax(0,1.18fr);gap:var(--space-4);min-height:560px}.trips-list-card,.trips-map-card{padding:0;overflow:hidden;min-width:0}.trips-list-card>header,.trips-map-card>header{height:68px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 18px;border-bottom:1px solid var(--vg-border)}.trips-list-card h3,.trips-map-card h3{margin:2px 0 0;font-size:17px}.trips-list{max-height:520px;overflow:auto;padding:8px}.trip-row{width:100%;display:grid;grid-template-columns:86px minmax(0,1fr) 78px;gap:10px;align-items:center;padding:13px 11px;border:1px solid transparent;border-radius:12px;background:transparent;text-align:left;cursor:pointer;transition:var(--motion-fast)}.trip-row:hover{background:var(--vg-surface-2)}.trip-row.is-selected{background:#edf6ff;border-color:#cde7ff;box-shadow:inset 3px 0 0 var(--vg-blue)}.trip-time{font-size:11px;color:var(--vg-muted)}.trip-route strong,.trip-route small,.trip-stats b,.trip-stats small{display:block}.trip-route strong{font-size:12px}.trip-route small{margin-top:4px;color:var(--vg-muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trip-stats{text-align:right}.trip-stats b{font-size:12px}.trip-stats small{margin-top:4px;color:var(--vg-muted);font-size:10px}
.trips-map-card{position:relative}.trips-map{height:520px;background:#e9f1f6}.route-legend{font-size:11px;color:var(--vg-muted);display:flex;align-items:center;gap:6px}.route-legend i{width:18px;height:3px;border-radius:3px;background:var(--vg-blue)}.map-error{position:absolute;z-index:500;left:50%;bottom:18px;transform:translateX(-50%);padding:9px 12px;border:1px solid #ffd3cf;border-radius:999px;background:rgba(255,255,255,.96);color:#b42318;font-size:11px;box-shadow:0 8px 24px rgba(15,47,87,.10)}
@media(max-width:1050px){.trips-workspace{grid-template-columns:1fr}.trips-list{max-height:360px}.trips-map{height:480px}}
@media(max-width:700px){.trips-toolbar{align-items:stretch;flex-direction:column}.filter-row{display:grid;grid-template-columns:1fr 1fr}.filter-row select,.filter-row input{min-width:0;width:100%}.trip-row{grid-template-columns:72px minmax(0,1fr);}.trip-stats{grid-column:2;text-align:left;display:flex;gap:12px}.trips-map{height:55vh;min-height:390px}}
@media(max-width:480px){.filter-row{grid-template-columns:1fr}.trips-list-card>header,.trips-map-card>header{padding:0 13px}.trip-row{grid-template-columns:1fr}.trip-time,.trip-stats{grid-column:1}.trip-stats{display:flex}.trips-map{min-height:340px}}