/* Correção para autocomplete - cor neutra que funciona bem em ambos os modos */
/* Usando um tom de cinza médio que se adapta bem a ambos os temas */

/* Modo claro - fundo claro com texto escuro */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px rgb(253, 245, 204) inset !important;
    -webkit-text-fill-color: #334155 !important;
    caret-color: #334155 !important;
    transition: background-color 5000s ease-in-out 0s;
}

/* Modo escuro - fundo escuro com texto claro */
/*
.dark input:-webkit-autofill,
.dark input:-webkit-autofill:hover,
.dark input:-webkit-autofill:focus,
.dark input:-webkit-autofill:active,
html.dark input:-webkit-autofill,
html.dark input:-webkit-autofill:hover,
html.dark input:-webkit-autofill:focus,
html.dark input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px rgb(51 65 85) inset !important;
    -webkit-text-fill-color: #e2e8f0 !important;
    caret-color: #334155 !important;
    transition: background-color 5000s ease-in-out 0s;
}
*/

/* Estilos padrão para checkboxes - borda visível em ambos os modos */
/* Aplica borda padrão apenas se não tiver classes de borda específicas */
input[type="checkbox"]:not([class*="border-"]) {
    border: 1px solid rgb(107 114 128) !important; /* border-gray-500 */
}

.dark input[type="checkbox"]:not([class*="border-"]),
html.dark input[type="checkbox"]:not([class*="border-"]) {
    border-color: rgb(51 65 85) !important; /* border-border-dark */
}