/* Functional ASP.NET form additions to the supplied AloCheck inspection visual */
#request-form .service-types {border:0;margin:3px 0 8px;padding:0;min-width:0}
#request-form .service-types legend {color:#65536b;font-size:13px;font-weight:800;margin:0 0 9px;padding:0}
#request-form .service-option {display:flex;align-items:center;gap:9px;width:100%;padding:11px 12px;border:1px solid #e2d3e8;border-radius:13px;background:#fff;margin:0 0 7px;cursor:pointer;box-sizing:border-box;min-width:0}
#request-form .service-option:has(input:checked){border-color:#74327d;background:#faf6fc}
#request-form .service-option input {accent-color:#74327d;width:17px;height:17px;min-height:17px;flex:0 0 17px;margin:0}
#request-form .service-name{flex:1;min-width:0;font-size:13px;font-weight:700;line-height:1.7}
#request-form .service-price{font-size:12px;font-weight:800;color:#71327e;text-align:left;line-height:1.7;max-width:50%}
#request-form .service-price-note{font-size:12px;color:#694779;line-height:1.95;margin:1px 0 8px}
#request-form .service-price-note[hidden]{display:none}
#request-form .submit[disabled]{opacity:.65;cursor:wait}
#request-form .form-status[data-status="success"]{color:#276a40;border-color:#bcdac5}
#car-dialog .car-option {cursor:pointer}
#car-dialog .car-option:focus-visible {outline:3px solid #bb8ccc;outline-offset:2px}
#car-dialog .car-list {scrollbar-width:thin}
@media(max-width:640px){#request-form .service-option{padding:10px 9px;gap:7px}#request-form .service-price{font-size:11px}}

/* New button-grid year selector for the inspection request modal */
#car-dialog .year-row{display:flex;flex-direction:column;align-items:stretch;gap:10px;border-top:1px solid #eadfee;padding-top:17px;margin-top:12px}
#car-dialog .year-row[hidden],#car-dialog .year-hint[hidden]{display:none!important}
#car-dialog .year-heading{font-size:14px;color:var(--purple,#642776);font-weight:800;text-align:right}
#car-dialog .year-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(78px,1fr));gap:9px;max-height:188px;overflow-y:auto;overscroll-behavior:contain;padding:3px;scrollbar-width:thin}
#car-dialog .year-option{min-width:0;min-height:43px;border:1px solid #e0cfe6;border-radius:10px;background:#fff;color:#55405b;line-height:1.5;padding:9px 7px;text-align:center;font:inherit;font-size:14px;font-weight:800;cursor:pointer;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}
#car-dialog .year-option:hover{border-color:#9d64aa;background:#fcf8fe}
#car-dialog .year-option:focus-visible{outline:3px solid #b78dca;outline-offset:2px}
#car-dialog .year-option.selected,#car-dialog .year-option[aria-pressed="true"]{background:#6a297e;border-color:#6a297e;color:#fff;box-shadow:0 4px 10px #6a297e29}
#car-dialog .year-hint{margin:0;color:#776182;font-size:12px;line-height:1.9}
#car-dialog .confirm-car{margin-top:17px}
@media(max-width:640px){#car-dialog .year-options{grid-template-columns:repeat(3,minmax(0,1fr));max-height:164px;gap:8px}#car-dialog .year-option{min-height:43px;font-size:14px}}
@media(prefers-reduced-motion:reduce){#car-dialog .year-option{transition:none}}