/* Shared hover and focus feedback for native site forms, chat, and operator login. */
:is(.form-group input, .form-group select, .form-group textarea, .sms-consent input, #cw-input, #tokenInput):enabled:not([readonly]) {
  transition: background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}

@media (hover: hover) and (pointer: fine) {
  :is(.form-group input, .form-group select, .form-group textarea, .sms-consent input, #cw-input, #tokenInput):enabled:not([readonly]):not(:focus):not([aria-invalid="true"]):not(:user-invalid):hover {
    background-color: #eaf4f2;
  }
}

:is(.form-group input, .form-group select, .form-group textarea, .sms-consent input, #cw-input, #tokenInput):enabled:not([readonly]):not([aria-invalid="true"]):not(:user-invalid):focus {
  outline: none;
  border-color: #087e8b;
  box-shadow: 0 0 0 2px #087e8b;
}

@media (prefers-reduced-motion: reduce) {
  :is(.form-group input, .form-group select, .form-group textarea, .sms-consent input, #cw-input, #tokenInput):enabled:not([readonly]) {
    transition: none;
  }
}