.road-avoidance-card{margin:0;padding:12px;border-color:#d9e6e8;background:#fbfdfd}.road-avoidance-card select{width:100%;min-width:0;height:34px;border:1px solid #d4e0e5;border-radius:8px;padding:0 9px;background:#fff;color:#19313d;font:inherit;font-size:11px}.road-driver-label{display:block;margin:10px 0 4px;font-size:10px;color:#657c8d}.road-subheading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:14px;font-size:11px}.road-subheading span{font-size:9px;color:#728793}.road-rule-list{display:flex;flex-direction:column;gap:5px;margin:7px 0}.road-rule-row{display:flex;align-items:center;gap:7px;min-width:0;padding:6px;border:1px solid #e3e9ed;border-radius:8px;background:#fff}.road-rule-location{display:flex;align-items:center;gap:7px;flex:1;min-width:0;padding:0;border:0;background:none;text-align:left;color:#19313d;cursor:pointer;font:inherit;font-size:11px}.road-rule-location>span:last-child{min-width:0;overflow-wrap:anywhere}.road-rule-location small{display:block;margin-top:3px;font-size:9px;color:#718794}.road-rule-dot{display:grid;place-items:center;flex:none;width:23px;height:23px;border-radius:50%;background:#fff0ed;color:#bd4035;font-size:10px;font-weight:700}.road-rule-dot.preferred{background:#edf3fc;color:#4679c3}.road-rule-row .tiny-button{flex:none;width:25px;height:25px}.road-empty,.road-help{margin:7px 0;font-size:10px;line-height:1.5;color:#738898}.road-avoidance-card>.button,.road-preferred-section>.button{width:100%;min-height:34px;height:auto;padding:8px;font-size:10px}.road-preferred-section{border-top:1px solid #e3ebed;margin-top:13px}.road-preferred-section .road-subheading{margin-top:12px}.road-placement-status{margin:8px 0;color:#ae5144;font-size:10px;line-height:1.5}.road-cancel{margin-top:9px}.road-point-marker.preferred{background:#4679c3}
.map-marker-toggles { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 6px; }
.map-marker-toggles .map-mcc-names-toggle { grid-column: auto; }
.road-editor-heading { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.road-editor-heading .section-label { margin: 0; min-width: 0; }
.road-editor-close { flex: none; padding: 6px 8px; border: 1px solid #d4e0e5; border-radius: 7px; background: #fff; color: #536e72; font: inherit; font-size: 10px; cursor: pointer; }
.road-editor-close:focus-visible { outline: 2px solid #0d766c; outline-offset: 2px; }
.road-avoidance-card.is-locked > .button { margin-top: 10px; }
.route-editor-password-dialog { width: min(380px, calc(100vw - 32px)); padding: 20px; border: 1px solid #d4e0e5; border-radius: 14px; background: #fff; color: #19313d; box-shadow: 0 12px 48px #183a3033; }
.route-editor-password-dialog::backdrop { background: #183a3070; }
.route-editor-password-dialog h2 { margin: 0; font-size: 15px; }
.route-editor-password-dialog p { font-size: 11px; line-height: 1.5; color: #657c8d; }
.route-editor-password-dialog label { display: block; margin: 14px 0 6px; font-size: 11px; }
.route-editor-password-dialog input { width: 100%; height: 38px; padding: 8px 10px; border: 1px solid #c7d8d6; border-radius: 8px; font: inherit; }
.route-editor-password-dialog input:focus-visible { outline: 2px solid #0d766c; outline-offset: 2px; }
.route-editor-password-dialog #route-editor-password-error { min-height: 16px; margin: 7px 0; color: #a24533; }