.route-detail-hero{background:linear-gradient(135deg,#1e3a5f 0%,#0f2744 100%);color:#fff;border-radius:16px;padding:1.25rem;margin-bottom:1.25rem}.route-detail-hero h1{font-size:1.35rem;font-weight:700;margin:0 0 .75rem;line-height:1.3}.route-badges{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}.route-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.35rem .6rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:999px;font-size:.8rem;color:#e2e8f0}.route-badge svg{width:12px;height:12px;opacity:.8}.traffic-status-card{background:rgba(0,0,0,.25);border-radius:12px;padding:1rem;margin-top:1rem}.traffic-status-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.traffic-status-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .75rem;border-radius:999px;font-size:.85rem;font-weight:600}.traffic-status-badge svg{width:14px;height:14px}.traffic-status-badge.status-good{background:#dcfce7;color:#166534}.traffic-status-badge.status-moderate{background:#fef3c7;color:#92400e}.traffic-status-badge.status-bad{background:#fee2e2;color:#991b1b}.traffic-status-time{font-size:.75rem;color:#94a3b8}.live-refresh-timer{font-size:.7rem;color:#94a3b8;display:flex;align-items:center;gap:.3rem;white-space:nowrap}.live-refresh-timer:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#94a3b8;flex-shrink:0}.live-refresh-timer.is-fetching{color:#60a5fa}.live-refresh-timer.is-fetching:before{background:#60a5fa;animation:live-pulse .8s ease-in-out infinite}@keyframes live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.speed-comparison{display:grid;grid-template-columns:1fr auto 1fr;gap:.75rem;align-items:center}.speed-box{text-align:center;padding:.5rem}.speed-box-value{font-size:2rem;font-weight:700;line-height:1}.speed-box-value.current{color:#fbbf24}.speed-box-value.normal{color:#94a3b8}.speed-box-label{font-size:.7rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-top:.25rem}.speed-box-unit{font-size:.8rem;color:#566578;font-weight:400}.speed-divider{display:flex;flex-direction:column;align-items:center;gap:.25rem}.speed-diff{font-size:.9rem;font-weight:600;padding:.25rem .5rem;border-radius:6px}.speed-diff.positive{background:rgba(22,163,74,.2);color:#4ade80}.speed-diff.negative{background:rgba(239,68,68,.2);color:#f87171}.speed-diff.neutral{background:rgba(148,163,184,.2);color:#94a3b8}.traffic-gauge{margin-top:1rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.1)}.traffic-gauge-label{font-size:.75rem;color:#94a3b8;margin-bottom:.5rem;display:flex;justify-content:space-between}.traffic-gauge-bar{height:8px;background:rgba(255,255,255,.1);border-radius:4px;position:relative;overflow:hidden}.traffic-gauge-fill{height:100%;border-radius:4px;transition:width .3s ease}.traffic-gauge-fill.good{background:linear-gradient(90deg,#22c55e,#4ade80)}.traffic-gauge-fill.moderate{background:linear-gradient(90deg,#eab308,#facc15)}.traffic-gauge-fill.bad{background:linear-gradient(90deg,#ef4444,#f87171)}.traffic-gauge-marker{position:absolute;top:-4px;width:2px;height:16px;background:#fff;transform:translate(-50%)}.traffic-gauge-legend{display:flex;justify-content:space-between;font-size:.65rem;color:#566578;margin-top:.35rem}.travel-time-box{background:rgba(59,130,246,.15);border:1px solid rgba(59,130,246,.3);border-radius:10px;padding:.75rem;margin-top:.75rem;display:flex;align-items:center;justify-content:space-between}.travel-time-label{font-size:.8rem;color:#94a3b8}.travel-time-value{font-size:1.25rem;font-weight:700;color:#60a5fa}.travel-time-value span{font-size:.8rem;font-weight:400;color:#94a3b8}.route-map{background:#f1f5f9;border-radius:12px;height:250px;margin-bottom:1.25rem;overflow:hidden}#routeMap{width:100%;height:100%}.info-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1rem;margin-bottom:1rem}.info-section-title{font-size:.95rem;font-weight:700;color:#1e293b;margin:0 0 .75rem;display:flex;align-items:center;gap:.5rem}.info-section-title svg{width:18px;height:18px;color:#3b82f6}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.info-item{display:flex;flex-direction:column;gap:.15rem}.info-label{font-size:.7rem;color:#566578;text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:.9rem;color:#1e293b;font-weight:500}.location-row{display:flex;align-items:flex-start;gap:.75rem;padding:.6rem 0;border-bottom:1px solid #f1f5f9}.location-row:last-child{border-bottom:none;padding-bottom:0}.location-icon{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.location-icon svg{width:14px;height:14px}.location-icon.start{background:#dcfce7;color:#16a34a}.location-icon.end{background:#fee2e2;color:#dc2626}.location-details{flex:1;min-width:0}.location-name{font-weight:600;color:#1e293b;margin:0 0 .15rem;font-size:.9rem}.location-address{font-size:.8rem;color:#566578;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.speed-range{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f8fafc;border-radius:10px;margin-bottom:1rem}.speed-range-bar{flex:1;height:8px;background:linear-gradient(90deg,#ef4444 0%,#eab308 30%,#22c55e 60%,#22c55e 100%);border-radius:4px;position:relative}.speed-range-marker{position:absolute;top:-6px;width:20px;height:20px;background:#1e293b;border:3px solid #fff;border-radius:50%;transform:translate(-50%);box-shadow:0 2px 4px #0003}.speed-range-labels{display:flex;justify-content:space-between;margin-top:.5rem;font-size:.7rem;color:#566578}.speed-range-value{text-align:center;min-width:50px}.speed-range-value-num{font-size:1.1rem;font-weight:700;color:#1e293b}.speed-range-value-label{font-size:.65rem;color:#566578;text-transform:uppercase}.stats-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.stat-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .75rem;background:#f1f5f9;border-radius:20px;font-size:.8rem}.stat-pill-label{color:#566578}.stat-pill-value{font-weight:600;color:#1e293b}.typical-day{margin-top:1rem;padding-top:1rem;border-top:1px solid #e2e8f0}.typical-day-title{font-size:.8rem;font-weight:600;color:#475569;margin-bottom:.75rem;display:flex;align-items:center;gap:.4rem}.typical-day-title svg{width:14px;height:14px;color:#94a3b8}.hourly-section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;flex-wrap:wrap;gap:.5rem}.hourly-section-info{font-size:.75rem;color:#566578;background:#f1f5f9;padding:.35rem .6rem;border-radius:6px}.hourly-chart-container{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -1rem;padding:0 1rem}.hourly-chart{display:flex;align-items:flex-end;gap:3px;height:100px;min-width:400px;padding:.5rem 0}.hourly-bar{flex:1;min-width:14px;border-radius:3px 3px 0 0;min-height:4px;position:relative;cursor:pointer;transition:opacity .15s}.hourly-bar:active{opacity:.7}.hourly-bar.good{background:linear-gradient(to top,#22c55e,#4ade80)}.hourly-bar.moderate{background:linear-gradient(to top,#eab308,#facc15)}.hourly-bar.bad{background:linear-gradient(to top,#ef4444,#f87171)}.hourly-bar.current{box-shadow:0 0 0 2px #fff,0 0 0 4px #3b82f6}.hourly-labels{display:flex;justify-content:space-between;font-size:.7rem;color:var(--text-muted);margin-top:.5rem;min-width:400px}.hourly-legend{display:flex;gap:1rem;margin-top:.75rem;font-size:.7rem;color:#566578;flex-wrap:wrap}.hourly-legend-item{display:flex;align-items:center;gap:.3rem}.hourly-legend-dot{width:10px;height:10px;border-radius:2px}.hourly-legend-dot.good{background:#22c55e}.hourly-legend-dot.moderate{background:#eab308}.hourly-legend-dot.bad{background:#ef4444}.hourly-legend-dot.current{background:#3b82f6;box-shadow:0 0 0 2px #fff,0 0 0 3px #3b82f6}.hourly-tooltip{position:fixed;background:#1e293b;color:#fff;padding:.5rem .75rem;border-radius:8px;font-size:.8rem;pointer-events:none;z-index:1000;display:none;box-shadow:0 4px 12px #0003}.hourly-tooltip.visible{display:block}.route-cameras-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem;margin-top:.25rem}@media (max-width: 480px){.route-cameras-grid{grid-template-columns:1fr;gap:.6rem}}.route-camera-card{display:flex;flex-direction:column;border-radius:8px;overflow:hidden;border:1px solid #e2e8f0;text-decoration:none;color:inherit;transition:box-shadow .15s,border-color .15s}.route-camera-card:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f626;text-decoration:none}.route-camera-img{width:100%;aspect-ratio:4/3;object-fit:cover;background:#f1f5f9;display:block}.route-camera-placeholder{display:flex;align-items:center;justify-content:center;background:#f1f5f9}.route-camera-placeholder svg{width:32px;height:32px;color:#cbd5e1}.route-camera-info{padding:.4rem .5rem;background:#fff;display:flex;flex-direction:column;gap:.1rem}.route-camera-name{font-size:.85rem;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.route-camera-dist{font-size:.72rem;color:var(--text-muted)}.rush-hour-section{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 640px){.rush-hour-section{grid-template-columns:1fr}}.rush-period{background:#f8fafc;border-radius:10px;padding:.75rem}.rush-period-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;flex-wrap:wrap;gap:.4rem}.rush-period-title{display:flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:600;color:#475569}.rush-period-title svg{width:14px;height:14px}.rush-period-title.morning{color:#b45309}.rush-period-title.morning svg{color:#f59e0b}.rush-period-title.evening{color:#5b21b6}.rush-period-title.evening svg{color:#8b5cf6}.rush-peak-badge{font-size:.7rem;padding:.2rem .5rem;background:#fee2e2;color:#991b1b;border-radius:999px;font-weight:600}.rush-chart{display:flex;align-items:flex-end;gap:3px;height:80px;padding:.25rem 0}.rush-bar{flex:1;min-width:8px;border-radius:3px 3px 0 0;min-height:4px;transition:opacity .15s;cursor:default}.rush-bar.peak{outline:2px solid #ef4444;outline-offset:1px}.rush-chart-labels{display:flex;justify-content:space-between;font-size:.65rem;color:var(--text-muted);margin-top:.35rem}.rush-summary{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.6rem;padding-top:.6rem;border-top:1px solid #e2e8f0}.rush-summary-item{font-size:.75rem;color:#475569;display:flex;gap:.25rem;align-items:center}.rush-summary-item strong{color:#1e293b}.baseline-comparison{margin-top:.75rem;padding:.6rem .75rem;background:#f1f5f9;border-radius:8px;font-size:.75rem;color:#475569}.municipality-tags{display:flex;flex-wrap:wrap;gap:.4rem}.municipality-tag{display:inline-flex;align-items:center;gap:.25rem;padding:.4rem .6rem;background:#f1f5f9;border-radius:6px;font-size:.8rem;color:#475569}.municipality-tag svg{width:12px;height:12px;color:#94a3b8}.back-link{display:inline-flex;align-items:center;gap:.3rem;color:#566578;font-size:.85rem;text-decoration:none;margin-bottom:.75rem;padding:.5rem 0}.back-link svg{width:16px;height:16px}.back-link:hover{color:#3b82f6;text-decoration:none}.no-data{text-align:center;padding:1.5rem 1rem;color:var(--text-muted)}.no-data svg{width:36px;height:36px;margin-bottom:.5rem;opacity:.5}.no-data p{margin:0;font-size:.85rem}.weekday-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.35rem;margin-top:.5rem}.weekday-card{background:#f8fafc;border-radius:6px;padding:.5rem .25rem;text-align:center}.weekday-card-value{font-size:.95rem;font-weight:700;color:#1e293b}.weekday-card-label{font-size:.6rem;color:#566578;margin-top:.1rem}@media (min-width: 641px){.route-detail-hero{padding:1.5rem}.route-detail-hero h1{font-size:1.5rem}.speed-box-value{font-size:2.5rem}.route-map{height:300px}.info-section{padding:1.25rem}.hourly-chart-container{overflow-x:visible;margin:0;padding:0}.hourly-chart{min-width:auto;height:120px}.hourly-labels,.hourly-bar{min-width:auto}}@media (max-width: 640px){.speed-range{flex-direction:column;gap:.75rem;text-align:center}.speed-range-value{display:flex;gap:.5rem;align-items:baseline}.stats-row{flex-direction:column}.stat-pill{width:100%;justify-content:space-between}.hourly-legend{justify-content:center}}@media (max-width: 380px){.route-detail-hero{padding:1rem}.route-detail-hero h1{font-size:1.15rem}.speed-comparison{grid-template-columns:1fr 1fr;gap:.5rem}.speed-divider{display:none}.speed-box-value{font-size:1.75rem}.weekday-grid{grid-template-columns:repeat(4,1fr)}}