#trafficAreaMap{height:440px;width:100%;background:#f2f6f8;border:1px solid #cfdde5;border-radius:4px}
.traffic-map-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:12px 0;font-size:13px}
.traffic-map-toolbar button{padding:8px}.traffic-map-toolbar svg{width:18px;height:18px}
.traffic-map-legend{display:flex;flex-wrap:wrap;gap:15px;font-size:12px;margin-bottom:12px;color:#476370}
.traffic-map-legend span::before{content:"";display:inline-block;width:20px;border-top:4px solid #8393a1;margin-right:6px;vertical-align:middle}
.traffic-map-legend .valid::before{border-color:#249477}.traffic-map-legend .expiring::before{border-color:#da991c}.traffic-map-legend .planned::before{border-color:#2682b2}.traffic-map-legend .expired::before{border-color:#c64643}
#trafficMapSelection{margin:16px 0;padding:0}#trafficMapSelection h3{font-size:17px;margin:10px 0}#trafficMapSelection p{font-size:13px;line-height:1.5}
.traffic-map-choice{display:block;text-align:left;width:100%;background:#fff;color:#244452;border:1px solid #d1dfe5;border-radius:4px;padding:12px;margin:8px 0}
.traffic-map-choice small{display:block;font-weight:400;margin-top:6px}
.traffic-map-plan-actions{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0;align-items:center}
.traffic-map-plan-actions select{max-width:100%;min-width:0}
.traffic-map-pdf{display:block;width:100%;height:auto;max-height:850px;object-fit:contain;border:1px solid #cddde4;border-radius:4px;background:#fff}
.traffic-map-pdf[hidden]{display:none}.traffic-map-pages{display:flex;gap:8px;align-items:center;margin:12px 0;font-size:13px}.traffic-map-pages[hidden]{display:none}.traffic-map-pages input{width:65px}.traffic-map-pages button{padding:6px}.traffic-map-pages svg{width:18px;height:18px}
.traffic-map-warning{color:#954b13;background:#fff6e9;padding:12px;border-left:3px solid #db9c40}
#trafficMapUploadForm .survey-drop{display:block;padding:18px;border:1px dashed #8cabb8;margin:18px 0}#trafficMapInput{display:block;margin-top:10px;width:100%}
@media(max-width:650px){#trafficAreaMap{height:360px}.traffic-map-plan-actions{align-items:stretch;flex-direction:column}.traffic-map-legend{gap:8px}}
#trafficMonthControls[hidden],#trafficMapWorkspace[hidden]{display:none !important}