/**
 * Styles pour les pages d'authentification
 * 
 * - Login
 * - Reset password (request, reset, check_email)
 * 
 * Compatible avec le mode sombre (dark mode) du thème INSPINIA
 */

/* ============================================
 * LAYOUT PRINCIPAL
 * ============================================ */
body.authentication-bg {
    background-color: var(--ins-light, #f8f9fa);
}

.auth-box {
    min-height: 100vh;
}

.auth-box-form {
    background: var(--ins-body-bg, #fff);
    box-shadow: -10px 0 30px rgba(0, 0, 0, 0.1);
}

/* Dark mode */
[data-bs-theme='dark'] .auth-box-form {
    box-shadow: -10px 0 30px rgba(0, 0, 0, 0.3);
}

/* ============================================
 * PANNEAU LATÉRAL (illustration)
 * ============================================ */
.auth-side-panel {
    background: linear-gradient(135deg, #1a73e8 0%, #0d47a1 100%);
    min-height: 100vh;
}

/* ============================================
 * LOGO ET BRANDING
 * ============================================ */
.auth-logo-icon {
    font-size: 2.5rem;
}

.auth-logo-text {
    font-size: 1.5rem;
}

.auth-side-icon {
    font-size: 4rem !important;
}

/* ============================================
 * FORMULAIRES
 * ============================================ */
.auth-form .form-control:focus {
    border-color: var(--ins-primary, #1a73e8);
    box-shadow: 0 0 0 0.2rem rgba(26, 115, 232, 0.25);
}

.auth-form .btn-primary {
    background-color: var(--ins-primary, #1a73e8);
    border-color: var(--ins-primary, #1a73e8);
}

.auth-form .btn-primary:hover {
    background-color: #1557b0;
    border-color: #1557b0;
}

.auth-form .input-group-text {
    border-right: none;
    background-color: var(--ins-tertiary-bg, transparent);
}

.auth-form .input-group .form-control {
    border-left: none;
}

/* ============================================
 * CHECK EMAIL (succès)
 * ============================================ */
.auth-success-icon-wrapper {
    width: 80px;
    height: 80px;
}

.auth-success-icon {
    font-size: 2.5rem;
}

/* ============================================
 * CARD MINIMALE (formulaire)
 * ============================================ */
.auth-card-body {
    min-width: 400px;
}

/* ============================================
 * RESPONSIVE
 * ============================================ */
@media (max-width: 768px) {
    .auth-card-body {
        min-width: 100%;
        padding: 1.5rem !important;
    }

    .auth-side-panel {
        display: none;
    }
}