/* Overrides to remove unwanted white focus stroke coming from legacy/global styles.
   Use :focus-visible so keyboard focus remains visible for accessibility.
   We keep a subtle indigo ring to match Tailwind's focus:ring-indigo-500.
*/

/* Remove any white outline/box-shadow applied by global/legacy CSS */
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
button:focus-visible {
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(99,102,241,0.18) !important; /* subtle indigo ring */
  border-color: rgba(99,102,241,0.9) !important;
}

/* fallback for browsers that do not support :focus-visible */
input:focus,
textarea:focus,
select:focus,
button:focus {
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(99,102,241,0.18) !important;
  border-color: rgba(99,102,241,0.9) !important;
}
