/* ============================================================
   Auth (login, recovery, reset)
   Estilos propios de las pantallas de acceso (resources/views/app/auth/*).
   Convive con app.min.css (que aporta authentication-bg, input-custom-icon,
   auth-pass-inputgroup, etc.) y se carga DESPUÉS para sobreescribir lo
   necesario con la paleta y tipografía del nuevo diseño.
   ============================================================ */

/* Logos del bloque de empresas (originalmente en <style scoped> de login.blade.php). */
.quick-img {
    width: 110px !important;
}

.companies-content {
    opacity: 1 !important;
    z-index: 1 !important;
}

/* Card de auth: respiramos un poco más y armonizamos con el resto del CRM.
   Las variables --bs-border-radius y --bs-primary vienen de base/variables.css. */
.authentication-bg .card {
    border: 1px solid var(--bs-border-color);
    box-shadow: 0 4px 18px rgba(0, 0, 0, .04);
}

.authentication-bg .card-body h3,
.authentication-bg .card-body h5 {
    color: #2b2b2b;
    font-weight: 600;
    margin-bottom: .25rem;
}

.authentication-bg .card-body .text-muted {
    font-size: .85rem;
}

/* Logo: centrado y con tamaño consistente entre las 3 pantallas. */
.authentication-bg .auth-logo {
    text-align: center;
}

.authentication-bg .auth-logo .auth-logo-dark {
    margin: 0 auto;
}

/* Botón de mostrar/ocultar contraseña: que el icono herede el azul del sistema. */
.authentication-bg .auth-pass-inputgroup #password-addon,
.authentication-bg .auth-pass-inputgroup #password2-addon {
    color: var(--bs-primary);
}

/* Footer de auth: tipografía pequeña y consistente. */
.authentication-bg p {
    font-size: .85rem;
    color: #6c757d;
}

.authentication-bg p a {
    color: var(--bs-primary);
    text-decoration: none;
}

.authentication-bg p a:hover {
    text-decoration: underline;
}

.authentication-bg .bg-overlay{
    opacity: .5 !important;
}