/* ==========================================================================
   Police spéciale pour emails - Meilleure lisibilité
   Source Code Pro : distinction claire entre 0/O, l/1/I, rn/m
   ========================================================================== */

/* Champs de saisie email */
input[type="email"],
input[type="email"].form-control {
    font-family: 'Source Code Pro', 'Consolas', 'Monaco', monospace !important;
    font-size: clamp(1.05rem, 2.5vw, 1.3rem); /* responsive : ~17px → 21px */
    letter-spacing: 0.4px;
}

/* Formulaires compte : taille fixe pour éviter conflit */
.form-container input[type="email"] {
    font-family: 'Source Code Pro', 'Consolas', 'Monaco', monospace !important;
    font-size: 1.15rem !important;
    letter-spacing: 0.4px !important;
}

/* Affichage d'emails (spans, divs, paragraphes) */
.email-display {
    font-family: 'Source Code Pro', 'Consolas', 'Monaco', monospace;
    font-size: clamp(1.05rem, 2.5vw, 1.3rem);
    letter-spacing: 0.4px;
    word-break: break-all; /* évite débordement sur mobile */
}

/* Emails dans les modales (légèrement plus petit) */
.modal-content .email-display,
.risk-issue-item .issue-email,
.contact-item .contact-email {
    font-family: 'Source Code Pro', 'Consolas', 'Monaco', monospace;
    font-size: clamp(0.95rem, 2.2vw, 1.15rem);
    letter-spacing: 0.3px;
}

/* Focus amélioré pour les champs email */
input[type="email"]:focus {
    background-color: #fffef5; /* légère teinte jaune pour attirer l'attention */
}

/* Champ email avec erreur détectée */
input[type="email"].has-typo-error {
    border-color: #dc3545;
    background-color: #fff5f5;
}
input[type="email"].has-typo-error:focus {
    border-color: #dc3545;
    background-color: #fff5f5;
    box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.15);
}