/**
 * Estilos personalizados para SiscAlm
 * Sistema de Control de Almacenes
 */

/* Estructura general */
body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}

main {
    flex: 1 0 auto;
}

/* Estilos del login */
.login-card {
    margin-top: 80px;
}

.login-icon {
    font-size: 4rem;
}

.login-title {
    margin-top: 10px;
    margin-bottom: 5px;
}

.login-subtitle {
    margin-bottom: 30px;
}

/* Estilos del dropdown de perfil */
.dropdown-content li > a {
    color: #26a69a;
}

.dropdown-content li > a > i {
    margin-right: 10px;
}

/* Forzar minúsculas en campos de email */
input[type="email"] {
    text-transform: lowercase;
}

/* Forzar mayúsculas en campos específicos */
input[type="text"]#rif,
input[type="text"]#nombre_representante,
input[type="text"]#nombre_usuario {
    text-transform: uppercase;
}


/* Validación visual de campos */
input.valid[type="email"]:not(:focus),
input.valid[type="password"]:not(:focus),
input.valid[type="text"]:not(:focus),
input.valid[type="tel"]:not(:focus),
textarea.valid:not(:focus) {
    border-bottom: 1px solid #4CAF50 !important;
    box-shadow: 0 1px 0 0 #4CAF50 !important;
}

input.invalid[type="email"]:not(:focus),
input.invalid[type="password"]:not(:focus),
input.invalid[type="text"]:not(:focus),
input.invalid[type="tel"]:not(:focus),
textarea.invalid:not(:focus) {
    border-bottom: 1px solid #F44336 !important;
    box-shadow: 0 1px 0 0 #F44336 !important;
}

/* Mensajes de validación */
.helper-text.success {
    color: #4CAF50 !important;
}

.helper-text.error {
    color: #F44336 !important;
}