.traffic-status{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:16px 0;padding:14px 16px;border:1px solid #cbd5e1;border-radius:16px;background:#f8fafc;font-size:13px;line-height:1.5}.traffic-status span{display:block;color:#475569}.traffic-status button,.navigation button{border:1px solid #94a3b8;border-radius:10px;padding:10px 12px;background:white;color:#0f172a;font-weight:700;cursor:pointer;flex-shrink:0}.cost-caption{font-size:12px;color:#475569;margin:2px 0 12px}.route-traffic{font-size:12px;line-height:1.6;margin-top:12px;padding:10px;background:#f1f5f9;border-radius:10px}.toll-edit,.navigation{margin-top:14px;font-size:12px;line-height:1.55}.toll-edit summary,.navigation summary{cursor:pointer;font-weight:750;color:#0f172a}.toll-edit label{display:block;margin-top:8px}.toll-edit input{width:100%;margin:6px 0;padding:9px;border:1px solid #94a3b8;border-radius:8px}.toll-edit small,.navigation small{display:block;color:#475569;margin-top:8px}.navigation p{color:#475569;margin:9px 0}.nav-links{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0}.nav-links a{color:#1546a0;font-weight:700}.navigation .openmaps{font-size:13px;box-sizing:border-box}.navigation button{width:100%}@media(max-width:600px){.traffic-status{align-items:stretch;flex-direction:column}}

.map-status{position:absolute;top:10px;left:10px;right:10px;z-index:700;background:rgba(255,255,255,.96);padding:10px;border-radius:8px;font-size:12px;line-height:1.4;color:#334155}.map-status[hidden]{display:none}.legend.extra0:before{background:#9333ea}