/* ═══════════════════════════════════════════════════════════════════
   STYLES PROPRES A FORGOT-PASSWORD.html
   ───────────────────────────────────────────────────────────────────
   Ces regles etaient ecrites dans la page. Sorties ici pour etre
   trouvables : 1 Ko de CSS noye dans du HTML ne se relit pas.

   ⚠️ LA POSITION DU <link> DANS LA PAGE EST SIGNIFIANTE. Cette feuille
   est chargee AVANT mobile.css, exactement comme l etaient les blocs
   d origine. Deplacer le lien change qui gagne dans la cascade.
   ═══════════════════════════════════════════════════════════════════ */

/* ── bloc 1/1 de forgot-password.html ── */
.auth-page { min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 80px 1rem 2rem; background: #fbf9f6; }
    .auth-card { background: #fff; border-radius: 4px; box-shadow: 0 4px 40px rgba(0,0,0,.08); padding: 2.5rem; width: 100%; max-width: 440px; }
    .auth-card__logo { display: flex; justify-content: center; margin-bottom: 2rem; }
    .auth-card__logo img { height: 36px; }
    .auth-card h1 { font-size: 1.4rem; font-weight: 600; color: var(--ink); margin-bottom: .4rem; text-align: center; }
    .auth-card__sub { text-align: center; color: var(--muted); font-size: .9rem; margin-bottom: 2rem; }
    .field { margin-bottom: 1.2rem; }
    .field label { display: block; font-size: .85rem; font-weight: 500; color: var(--ink); margin-bottom: .4rem; }
    .field input { width: 100%; padding: .7rem 1rem; border: 1.5px solid #e6e1d8; border-radius: 3px; font-size: .95rem; font-family: inherit; transition: border-color .15s; box-sizing: border-box; }
    .field input:focus { outline: none; border-color: var(--red); box-shadow: 0 0 0 3px rgba(180, 24, 36,.08); }
    .auth-submit { width: 100%; padding: .85rem; background: var(--red); color: #fff; border: none; border-radius: 3px; font-size: 1rem; font-weight: 600; cursor: pointer; transition: opacity .15s; }
    .auth-submit:disabled { opacity: .6; cursor: not-allowed; }
    .alert { border-radius: 3px; padding: .75rem 1rem; font-size: .88rem; margin-bottom: 1.2rem; display: none; }
    .alert.visible { display: block; }
    .alert--error { background: #fbeff0; color: #8d111a; border: 1px solid #eec9cc; }
    .alert--success { background: #f0fdf4; color: #166534; border: 1px solid #bbf7d0; }
    .back-link { display: block; text-align: center; margin-top: 1rem; font-size: .88rem; color: var(--muted); text-decoration: none; }
    .back-link:hover { color: var(--ink); }