/* Approved quote-field states, DESIGN.md. No changes to legacy or checkout forms. */
[data-quote-required] { --qr-pending: #cc8080; --qr-focus: #2456df; }
[data-quote-required] .qr-label { display: flex; flex-wrap: wrap; align-items: baseline; gap: .5rem; }
[data-quote-required] .qr-required { color: #a34242; font-weight: 500; white-space: nowrap; }
[data-quote-required] .qr-required[hidden] { display: none; }
[data-quote-required] [data-qr-empty]:not(.mf-invalid):not(.is-invalid):not([aria-invalid=true]) {
  border-color: var(--qr-pending);
}
/* Existing form/domain errors use important borders; focus is blue without clearing the error message. */
[data-quote-required] input[required]:focus,
[data-quote-required] select[required]:focus,
[data-quote-required] textarea[required]:focus {
  border-color: var(--qr-focus) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgb(36 86 223 / 16%) !important;
}