/* ============================================================
   AIO-Pilot — Charte AIO pour les pages d'authentification
   Lot 2b — 2026-06-16 — OVERRIDE additif (chargé après le <style> inline)
   100% souverain : Inter en local, zéro CDN. N'altère QUE couleurs/police/surfaces.
   Cible : login.php, forgot-password.php, reset-password.php
   ============================================================ */

/* Inter local (réutilise les woff2 du Lot 2a) */
@font-face{font-family:"Inter";font-weight:400;font-style:normal;font-display:swap;src:url("/assets/fonts/inter/inter-latin-400.woff2") format("woff2")}
@font-face{font-family:"Inter";font-weight:500;font-style:normal;font-display:swap;src:url("/assets/fonts/inter/inter-latin-500.woff2") format("woff2")}
@font-face{font-family:"Inter";font-weight:600;font-style:normal;font-display:swap;src:url("/assets/fonts/inter/inter-latin-600.woff2") format("woff2")}
@font-face{font-family:"Inter";font-weight:700;font-style:normal;font-display:swap;src:url("/assets/fonts/inter/inter-latin-700.woff2") format("woff2")}
@font-face{font-family:"Inter";font-weight:800;font-style:normal;font-display:swap;src:url("/assets/fonts/inter/inter-latin-800.woff2") format("woff2")}
@font-face{font-family:"Inter";font-weight:900;font-style:normal;font-display:swap;src:url("/assets/fonts/inter/inter-latin-900.woff2") format("woff2")}

:root{
  --aio-bg:#060b16; --aio-deep:#030712; --aio-panel:#0e1424; --aio-panel-2:#14182a;
  --aio-text:#f7f7ff; --aio-muted:#a4a6b4; --aio-line:rgba(255,255,255,.12);
  --aio-violet:#8b18ff; --aio-violet-hot:#b000ff; --aio-cyan:#00c2ff;
  --aio-green:#00d48c; --aio-orange:#ff7a00; --aio-pink:#f50073; --aio-blue:#3656ff;
}

/* Police globale Inter */
body{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important}

/* ── Fond général (forgot/reset : gradient violet sombre AIO) ── */
body{background:linear-gradient(135deg,#170a2e 0%,#0a0f22 48%,#060b16 100%) !important;color:var(--aio-text)}

/* ════════ LOGIN (split panel) ════════ */
/* Bandeau 5 segments → palette AIO */
.brand-row,.left-eyebrow{color:var(--aio-muted)}
.left-title strong{color:var(--aio-cyan) !important}
.yt-dots .d1{background:var(--aio-violet) !important}
.yt-dots .d2{background:var(--aio-cyan) !important}
.yt-dots .d3{background:var(--aio-green) !important}
.yt-dots .d4{background:var(--aio-orange) !important}
.yt-dots .d5{background:var(--aio-pink) !important}
.brand-mark-dot{background:var(--aio-violet) !important}

/* Panneau formulaire (droite) → surface AIO sombre */
.form-wrap{background:var(--aio-panel) !important;color:var(--aio-text) !important}
.form-title{color:var(--aio-text) !important}
.form-eyebrow,.form-sub{color:var(--aio-muted) !important}
.form-label{color:var(--aio-text) !important}
.form-input{background:rgba(5,9,20,.72) !important;border:1px solid var(--aio-line) !important;color:#fff !important}
.form-input::placeholder{color:rgba(255,255,255,.4) !important}
.form-input:focus{border-color:rgba(139,24,255,.72) !important;box-shadow:0 0 0 4px rgba(139,24,255,.16) !important}
.captcha-input{background:rgba(5,9,20,.72) !important;border:1px solid var(--aio-line) !important;color:#fff !important}
.remember,.form-sub,.form-bottom-links{color:var(--aio-muted) !important}
.forgot-link{color:var(--aio-cyan) !important}
.forgot-link:hover{color:#fff !important}

/* Bouton principal → gradient violet AIO */
.btn-submit{
  background:linear-gradient(135deg,var(--aio-violet),var(--aio-violet-hot)) !important;
  color:#fff !important;border:0 !important;
  box-shadow:0 14px 34px rgba(139,24,255,.32) !important;
}
.btn-submit:hover{box-shadow:0 18px 44px rgba(139,24,255,.45) !important;transform:translateY(-2px)}

/* ════════ FORGOT / RESET (carte unique) ════════ */
.reset-card,.forgot-card{background:var(--aio-panel) !important;color:var(--aio-text) !important;border:1px solid var(--aio-line)}
.reset-header,.forgot-header{background:linear-gradient(135deg,var(--aio-violet) 0%,var(--aio-violet-hot) 100%) !important}
.reset-body,.forgot-body{color:var(--aio-text)}
.user-info{background:rgba(0,194,255,.10) !important;border-left:4px solid var(--aio-cyan) !important;color:var(--aio-text)}
.user-info strong{color:var(--aio-cyan) !important}
.password-requirements{background:rgba(255,122,0,.10) !important;border-left:4px solid var(--aio-orange) !important;color:var(--aio-text)}
.password-requirements h6{color:var(--aio-orange) !important}
.form-label{color:var(--aio-text) !important}
.form-control{background:rgba(5,9,20,.72) !important;border:1px solid var(--aio-line) !important;color:#fff !important}
.form-control::placeholder{color:rgba(255,255,255,.4) !important}
.form-control:focus{border-color:rgba(139,24,255,.72) !important;box-shadow:0 0 0 4px rgba(139,24,255,.16) !important;background:rgba(5,9,20,.85) !important}
.btn-submit,.reset-card .btn-submit{background:linear-gradient(135deg,var(--aio-violet),var(--aio-violet-hot)) !important}
.back-login a{color:var(--aio-cyan) !important}
.back-login a:hover{color:#fff !important}
.password-toggle .toggle-icon{color:rgba(255,255,255,.55) !important}
.password-toggle .toggle-icon:hover{color:var(--aio-cyan) !important}