/* ===== ESTILOS FORZADOS PARA CAMPOS DE FORMULARIO ===== */
/* Este archivo debe cargarse al final para sobrescribir todos los demás estilos */

/* Estilos base para todos los campos de formulario */
html body input[type="text"],
html body input[type="email"],
html body input[type="password"],
html body input[type="number"],
html body input[type="tel"],
html body input[type="url"],
html body input[type="search"],
html body input[type="date"],
html body input[type="time"],
html body input[type="month"],
html body input[type="week"],
html body input[type="datetime-local"],
html body textarea,
html body select,
html body .form-control,
html body .form-select,
html body .form-control-sm,
html body .form-select-sm {
    background-color: #2a2a2a !important;
    border-color: #333333 !important;
    color: #ffffff !important;
    border-style: solid !important;
    border-width: 1px !important;
}

/* Estilos de focus para todos los campos */
html body input[type="text"]:focus,
html body input[type="email"]:focus,
html body input[type="password"]:focus,
html body input[type="number"]:focus,
html body input[type="tel"]:focus,
html body input[type="url"]:focus,
html body input[type="search"]:focus,
html body input[type="date"]:focus,
html body input[type="time"]:focus,
html body input[type="month"]:focus,
html body input[type="week"]:focus,
html body input[type="datetime-local"]:focus,
html body textarea:focus,
html body select:focus,
html body .form-control:focus,
html body .form-select:focus,
html body .form-control-sm:focus,
html body .form-select-sm:focus {
    background-color: #3a3a3a !important;
    border-color: #6366f1 !important;
    color: #ffffff !important;
    box-shadow: 0 0 0 0.2rem rgba(99, 102, 241, 0.25) !important;
    outline: none !important;
}

/* Estilos específicos para placeholders */
html body input::placeholder,
html body textarea::placeholder,
html body .form-control::placeholder,
html body .form-select::placeholder {
    color: #888888 !important;
}

/* Estilos específicos para textareas */
html body textarea.form-control {
    background-color: #2a2a2a !important;
    border-color: #333333 !important;
    color: #ffffff !important;
}

html body textarea.form-control:focus {
    background-color: #3a3a3a !important;
    border-color: #6366f1 !important;
    color: #ffffff !important;
}

/* Estilos específicos para modales */
html body .modal input[type="text"],
html body .modal input[type="email"],
html body .modal input[type="password"],
html body .modal input[type="number"],
html body .modal textarea,
html body .modal select,
html body .modal .form-control,
html body .modal .form-select {
    background-color: #2a2a2a !important;
    border-color: #333333 !important;
    color: #ffffff !important;
}

html body .modal input[type="text"]:focus,
html body .modal input[type="email"]:focus,
html body .modal input[type="password"]:focus,
html body .modal input[type="number"]:focus,
html body .modal textarea:focus,
html body .modal select:focus,
html body .modal .form-control:focus,
html body .modal .form-select:focus {
    background-color: #3a3a3a !important;
    border-color: #6366f1 !important;
    color: #ffffff !important;
    box-shadow: 0 0 0 0.2rem rgba(99, 102, 241, 0.25) !important;
}

/* Estilos específicos para formularios de login */
html body .login-container input[type="text"],
html body .login-container input[type="password"],
html body .login-container .form-control {
    background-color: #2a2a2a !important;
    border-color: #333333 !important;
    color: #ffffff !important;
}

html body .login-container input[type="text"]:focus,
html body .login-container input[type="password"]:focus,
html body .login-container .form-control:focus {
    background-color: #3a3a3a !important;
    border-color: #6366f1 !important;
    color: #ffffff !important;
    box-shadow: 0 0 0 0.2rem rgba(99, 102, 241, 0.25) !important;
}

/* Estilos específicos para cards */
html body .card input[type="text"],
html body .card input[type="email"],
html body .card input[type="password"],
html body .card input[type="number"],
html body .card textarea,
html body .card select,
html body .card .form-control,
html body .card .form-select {
    background-color: #2a2a2a !important;
    border-color: #333333 !important;
    color: #ffffff !important;
}

html body .card input[type="text"]:focus,
html body .card input[type="email"]:focus,
html body .card input[type="password"]:focus,
html body .card input[type="number"]:focus,
html body .card textarea:focus,
html body .card select:focus,
html body .card .form-control:focus,
html body .card .form-select:focus {
    background-color: #3a3a3a !important;
    border-color: #6366f1 !important;
    color: #ffffff !important;
    box-shadow: 0 0 0 0.2rem rgba(99, 102, 241, 0.25) !important;
}

/* Estilos específicos para contenedores */
html body .container input[type="text"],
html body .container input[type="email"],
html body .container input[type="password"],
html body .container input[type="number"],
html body .container textarea,
html body .container select,
html body .container .form-control,
html body .container .form-select {
    background-color: #2a2a2a !important;
    border-color: #333333 !important;
    color: #ffffff !important;
}

html body .container input[type="text"]:focus,
html body .container input[type="email"]:focus,
html body .container input[type="password"]:focus,
html body .container input[type="number"]:focus,
html body .container textarea:focus,
html body .container select:focus,
html body .container .form-control:focus,
html body .container .form-select:focus {
    background-color: #3a3a3a !important;
    border-color: #6366f1 !important;
    color: #ffffff !important;
    box-shadow: 0 0 0 0.2rem rgba(99, 102, 241, 0.25) !important;
}

/* Estilos específicos para IDs específicos */
html body #username,
html body #password,
html body #password_confirm,
html body #current_password,
html body #new_password,
html body #confirm_password,
html body #editUsername,
html body #editPassword,
html body #editRole,
html body #editDiscordId,
html body #discordId,
html body #role {
    background-color: #2a2a2a !important;
    border-color: #333333 !important;
    color: #ffffff !important;
}

html body #username:focus,
html body #password:focus,
html body #password_confirm:focus,
html body #current_password:focus,
html body #new_password:focus,
html body #confirm_password:focus,
html body #editUsername:focus,
html body #editPassword:focus,
html body #editRole:focus,
html body #editDiscordId:focus,
html body #discordId:focus,
html body #role:focus {
    background-color: #3a3a3a !important;
    border-color: #6366f1 !important;
    color: #ffffff !important;
    box-shadow: 0 0 0 0.2rem rgba(99, 102, 241, 0.25) !important;
}

/* Estilos específicos para nombres de atributos */
html body input[name="username"],
html body input[name="password"],
html body input[name="password_confirm"],
html body input[name="current_password"],
html body input[name="new_password"],
html body input[name="confirm_password"],
html body input[name="discord_id"],
html body input[name="role"],
html body select[name="role"],
html body select[name="estado"],
html body select[name="assigned_user_id"] {
    background-color: #2a2a2a !important;
    border-color: #333333 !important;
    color: #ffffff !important;
}

html body input[name="username"]:focus,
html body input[name="password"]:focus,
html body input[name="password_confirm"]:focus,
html body input[name="current_password"]:focus,
html body input[name="new_password"]:focus,
html body input[name="confirm_password"]:focus,
html body input[name="discord_id"]:focus,
html body input[name="role"]:focus,
html body select[name="role"]:focus,
html body select[name="estado"]:focus,
html body select[name="assigned_user_id"]:focus {
    background-color: #3a3a3a !important;
    border-color: #6366f1 !important;
    color: #ffffff !important;
    box-shadow: 0 0 0 0.2rem rgba(99, 102, 241, 0.25) !important;
}