/**
 * UNIDET v2 — Tab Focus Styles
 * Fichier : /unidet-v2/auth/assets/tab-focus.css
 *
 * Met en évidence le champ actif de manière très visible
 */

/* ═══════════════════════════════════════════════════════════
   🎯 Anneau de focus — UNIQUEMENT sur l'inscription
   (retiré sur login/forgot/reset/setup pour éviter le double ring)
   ═══════════════════════════════════════════════════════════ */

/* INSCRIPTION : anneau visible
body.unidet-auth-register #unidet-register-form input:focus {
    outline: none !important;
    border-color: #0a0e17 !important;
    box-shadow: 0 0 0 4px rgba(10, 14, 23, 0.08) !important;
    background-color: #fff !important;
    transition: box-shadow 0.15s ease, border-color 0.15s ease;
} */

/* AUTRES PAGES : focus minimal, juste la bordure change */
#unidet-login-form input:focus,
#unidet-setup-form input:focus,
#unidet-reset-form input:focus,
#unidet-forgot-form input:focus {
    outline: none !important;
    box-shadow: none !important;
    border-color: #0a0e17 !important;
    background-color: #fff !important;
}

/* Champs password : pareil, focus sans ring */
.unidet-pwd-wrapper input:focus,
body .unidet-pwd-wrapper input:focus {
    outline: none !important;
    box-shadow: none !important;
}

/* ═══════════════════════════════════════════════════════════
   🎯 Placeholder — reste bien visible quand le champ est vide
   ═══════════════════════════════════════════════════════════ */

#unidet-register-form input::placeholder,
#unidet-login-form input::placeholder,
#unidet-setup-form input::placeholder,
#unidet-reset-form input::placeholder,
#unidet-forgot-form input::placeholder {
    color: #94a3b8;
    opacity: 1;
    transition: opacity 0.15s ease;
}

/* Le placeholder s'estompe légèrement quand le champ a le focus */
#unidet-register-form input:focus::placeholder,
#unidet-login-form input:focus::placeholder,
#unidet-setup-form input:focus::placeholder,
#unidet-reset-form input:focus::placeholder,
#unidet-forgot-form input:focus::placeholder {
    opacity: 0.55;
}

/* ═══════════════════════════════════════════════════════════
   🎯 Curseur texte bien visible
   ═══════════════════════════════════════════════════════════ */

#unidet-register-form input,
#unidet-login-form input,
#unidet-setup-form input,
#unidet-reset-form input,
#unidet-forgot-form input {
    caret-color: #0a0e17 !important;
}

/* ═══════════════════════════════════════════════════════════
   Spinner inline (pour l'email en cours de vérification)
   ═══════════════════════════════════════════════════════════ */
.unidet-inline-spinner {
    display: inline-block;
    width: 11px;
    height: 11px;
    border: 1.5px solid rgba(148, 163, 184, 0.3);
    border-top-color: #94a3b8;
    border-radius: 50%;
    animation: unidetInlineSpin 0.7s linear infinite;
    vertical-align: middle;
    margin-right: 4px;
}

@keyframes unidetInlineSpin {
    to { transform: rotate(360deg); }
}

/* ═══════════════════════════════════════════════════════════
   Message de statut email
   ═══════════════════════════════════════════════════════════ */
.unidet-email-status {
    display: block;
    margin-top: 6px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
    transition: all 0.2s ease;
}

.unidet-email-status a {
    font-weight: 700;
}