/* Rented client fields have one foreground/background pair for the selected mode.
   The important layer also wins over a cached legacy #orderStep light rule. */
html body.rental-client {
  --rc-field-scheme:light;
  --rc-field-bg:#ffffff;
  --rc-field-text:#281e28;
  --rc-field-muted:#65505f;
  --rc-field-border:#8a7785;
  --rc-field-focus:#9e275c;
  --rc-selection-bg:#9e275c;
  --rc-selection-text:#ffffff;
  --rc-message-error:#a51d3f;
  --rc-message-warning:#745211;
  --rc-message-good:#19603c;
}
html[data-rental-mode="dark"] body.rental-client {
  --rc-field-scheme:dark;
  --rc-field-bg:#3d414d;
  --rc-field-text:#f5f3f7;
  --rc-field-muted:#c8c4d0;
  --rc-field-border:#a39eae;
  --rc-field-focus:#ffb3d0;
  --rc-selection-bg:#f2aed0;
  --rc-selection-text:#281e28;
  --rc-message-error:#ffb4c1;
  --rc-message-warning:#f6d687;
  --rc-message-good:#9ee8ba;
}
/* Important declarations in this named layer precede unlayered legacy rules.
   Increasing class specificity alone cannot beat the legacy ID selector.
   No display, hidden, readonly, password masking or validation state changes. */
@layer delix-client-readability {
html body.rental-client.rental-client.rental-client :is(
  input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):not([type="submit"]):not([type="reset"]):not([type="button"]):not([type="image"]),
  textarea,select,[contenteditable="true"],[contenteditable=""],[contenteditable="plaintext-only"]
) {
  color-scheme:var(--rc-field-scheme)!important;
  background:var(--rc-field-bg)!important;
  color:var(--rc-field-text)!important;
  -webkit-text-fill-color:var(--rc-field-text)!important;
  caret-color:var(--rc-field-focus)!important;
  border-color:var(--rc-field-border)!important;
  opacity:1!important;
  text-shadow:none!important;
  font-size:16px!important;
}
html body.rental-client.rental-client.rental-client :is(input,textarea)::placeholder {
  color:var(--rc-field-muted)!important;
  -webkit-text-fill-color:var(--rc-field-muted)!important;
  opacity:1!important;
}
html body.rental-client.rental-client.rental-client :is(input,textarea,select):disabled {
  color:var(--rc-field-muted)!important;
  -webkit-text-fill-color:var(--rc-field-muted)!important;
  cursor:not-allowed;
}
html body.rental-client.rental-client.rental-client :is(input,textarea,select,[contenteditable="true"],[contenteditable=""],[contenteditable="plaintext-only"]):focus {
  outline:2px solid var(--rc-field-focus)!important;
  outline-offset:2px!important;
  border-color:var(--rc-field-focus)!important;
}
html body.rental-client.rental-client.rental-client :is(input,textarea,select,[contenteditable="true"],[contenteditable=""],[contenteditable="plaintext-only"])::selection {
  color:var(--rc-selection-text)!important;
  -webkit-text-fill-color:var(--rc-selection-text)!important;
  background:var(--rc-selection-bg)!important;
}
html body.rental-client.rental-client.rental-client select :is(option,optgroup) {
  background:var(--rc-field-bg)!important;
  color:var(--rc-field-text)!important;
  -webkit-text-fill-color:var(--rc-field-text)!important;
}
/* Browser autofill needs both the painted fill and the character fill set. */
html body.rental-client.rental-client.rental-client input:-webkit-autofill {
  -webkit-box-shadow:0 0 0 1000px var(--rc-field-bg) inset!important;
  box-shadow:0 0 0 1000px var(--rc-field-bg) inset!important;
  -webkit-text-fill-color:var(--rc-field-text)!important;
  caret-color:var(--rc-field-focus)!important;
}
html body.rental-client.rental-client.rental-client input:autofill {
  box-shadow:0 0 0 1000px var(--rc-field-bg) inset!important;
  -webkit-text-fill-color:var(--rc-field-text)!important;
  caret-color:var(--rc-field-focus)!important;
}
/* The link and quantity containers must not retain their inherited black fill. */
html body.rental-client .order-substep :is(.link-field,.quantity-field) {
  background:var(--rc-field-bg)!important;
  color:var(--rc-field-text)!important;
  border-color:var(--rc-field-border)!important;
}
html body.rental-client .order-substep :is(.link-field,.quantity-field) > strong {
  color:var(--rc-field-text)!important;
  -webkit-text-fill-color:var(--rc-field-text)!important;
}
html body.rental-client .order-substep :is(.link-field,.quantity-field) > small {
  color:var(--rc-field-muted)!important;
  -webkit-text-fill-color:var(--rc-field-muted)!important;
}
html body.rental-client .link-verification {
  background:var(--rc-field-bg)!important;
  border-color:var(--rc-field-border)!important;
}
html body.rental-client :is(.link-status,.link-verification-facts,.link-verification-facts span) {
  color:var(--rc-field-text)!important;
  -webkit-text-fill-color:var(--rc-field-text)!important;
  background:var(--rc-field-bg)!important;
}
html body.rental-client .link-status.bad,
html body.rental-client :is(.error-message,#orderError,#fastError) {
  color:var(--rc-message-error)!important;
  -webkit-text-fill-color:var(--rc-message-error)!important;
  background:var(--rc-field-bg)!important;
}
html body.rental-client .link-status.warn {
  color:var(--rc-message-warning)!important;
  -webkit-text-fill-color:var(--rc-message-warning)!important;
}
html body.rental-client .link-status.good {
  color:var(--rc-message-good)!important;
  -webkit-text-fill-color:var(--rc-message-good)!important;
}
html body.rental-client #recheckLink {
  color:var(--rc-field-text)!important;
  -webkit-text-fill-color:var(--rc-field-text)!important;
  background:var(--rc-field-bg)!important;
  border:1px solid var(--rc-field-border)!important;
  min-height:44px!important;
  padding:10px 14px!important;
  font-size:16px!important;
  font-weight:600!important;
  line-height:1.4!important;
  text-decoration:underline;
  text-underline-offset:3px;
}
html body.rental-client #recheckLink:focus-visible {
  outline:2px solid var(--rc-field-focus)!important;
  outline-offset:2px!important;
}
html body.rental-client.rental-client.rental-client input[type="file"]::file-selector-button {
  color:var(--rc-field-text)!important;
  -webkit-text-fill-color:var(--rc-field-text)!important;
  background:var(--rc-field-bg)!important;
  border:1px solid var(--rc-field-border)!important;
  border-radius:6px;
  font:inherit;
}
}