/* Disable 1Password autofill styling with maximum specificity */
html body input[data-com-onepassword-filled="light"],
html body input[data-com-onepassword-filled="dark"],
html body select[data-com-onepassword-filled="light"],
html body select[data-com-onepassword-filled="dark"],
html body textarea[data-com-onepassword-filled="light"],
html body textarea[data-com-onepassword-filled="dark"] {
  background-color: var(--color-base-100) !important;
  background-image: none !important;
  -webkit-box-shadow: 0 0 0 1000px var(--color-base-100) inset !important;
  box-shadow: 0 0 0 1000px var(--color-base-100) inset !important;
}

/* /* Alternative approach using CSS animation delay trick */ */
/* input[data-com-onepassword-filled="light"], */
/* input[data-com-onepassword-filled="dark"] { */
/*   animation-name: autofill-fix; */
/*   animation-duration: 0.001s; */
/*   animation-delay: 0s; */
/*   animation-fill-mode: both; */
/* } */

/* @keyframes autofill-fix { */
/*   to { */
/*     background-color: var(--color-base-100) !important; */
/*   } */
/* } */