/* Phone authentication only. Preserve Safari/Apple Passwords autofill behavior.
 * The existing premium field rule sets box-shadow:none!important with high
 * specificity. These form-specific selectors keep the dark autofill paint above
 * that rule without changing checkout, profile settings, or tablet/desktop UI.
 */
@media (max-width: 767px) {
  :is(
    #learn-press-profile#learn-press-profile#learn-press-profile .learn-press-form-login,
    #learn-press-profile#learn-press-profile#learn-press-profile .learn-press-form-register,
    #thim-popup-login#thim-popup-login#thim-popup-login .thim-login,
    #thim-popup-login#thim-popup-login#thim-popup-login .thim-register,
    #thim-form-login#thim-form-login#thim-form-login .form-submission-login,
    #thim-form-login#thim-form-login#thim-form-login .form-submission-register
  ) input:-webkit-autofill {
    color-scheme: dark;
    background-color: #061d28 !important;
    background-image: none !important;
    color: #f3f5f6 !important;
    -webkit-text-fill-color: #f3f5f6 !important;
    caret-color: #dfc38c !important;
    -webkit-box-shadow: 0 0 0 1000px #061d28 inset !important;
    box-shadow: 0 0 0 1000px #061d28 inset !important;
  }

  /* Kept separate so an unsupported pseudo-class cannot invalidate the
   * WebKit rule. Autofill selectors continue matching hover/focus/active states.
   */
  :is(
    #learn-press-profile#learn-press-profile#learn-press-profile .learn-press-form-login,
    #learn-press-profile#learn-press-profile#learn-press-profile .learn-press-form-register,
    #thim-popup-login#thim-popup-login#thim-popup-login .thim-login,
    #thim-popup-login#thim-popup-login#thim-popup-login .thim-register,
    #thim-form-login#thim-form-login#thim-form-login .form-submission-login,
    #thim-form-login#thim-form-login#thim-form-login .form-submission-register
  ) input:autofill {
    color-scheme: dark;
    background-color: #061d28 !important;
    background-image: none !important;
    color: #f3f5f6 !important;
    -webkit-text-fill-color: #f3f5f6 !important;
    caret-color: #dfc38c !important;
    -webkit-box-shadow: 0 0 0 1000px #061d28 inset !important;
    box-shadow: 0 0 0 1000px #061d28 inset !important;
  }
}