/* ============================================================
   ÉCRAN DE CONNEXION
   ============================================================ */
  #ecran-connexion{
  min-height:100vh;display:flex;align-items:center;justify-content:center;
  background:
    radial-gradient(1200px 600px at 85% -10%, var(--or-pale) 0%, transparent 55%),
    radial-gradient(900px 500px at -10% 110%, #E4D9C2 0%, transparent 50%),
    var(--creme);
  padding:24px;
  }
  .carte-connexion{
    background:var(--creme-panneau);border:1px solid var(--creme-fonce);
    border-radius:16px;box-shadow:var(--ombre-haute);
    width:100%;max-width:420px;padding:40px 36px;
  }
  .logo-bloc{text-align:center;margin-bottom:28px}
  .logo-connexion{width:min(320px,72%);height:auto;display:block;margin:0 auto 14px}
  .logo-sous-titre{
    font-size:.72rem;text-transform:uppercase;letter-spacing:.22em;
    color:var(--brun-pale);margin-top:4px;font-weight:600;
  }

  .champ{margin-bottom:14px}
  .champ label{display:block;font-size:.8rem;font-weight:600;color:var(--brun-moyen);margin-bottom:5px}
  .champ input,.champ select,.champ textarea{
    width:100%;padding:10px 12px;border:1px solid var(--creme-fonce);
    border-radius:8px;background:#fff;color:var(--brun);transition:var(--transition);
  }
  .champ input:focus,.champ select:focus,.champ textarea:focus{border-color:var(--or);box-shadow:0 0 0 3px rgba(194,155,60,.15);outline:none}
  .btn{
    display:inline-flex;align-items:center;justify-content:center;gap:7px;
    padding:10px 18px;border-radius:8px;border:1px solid transparent;
    font-weight:600;font-size:.9rem;transition:var(--transition);
  }
  .btn-brun{background:var(--brun);color:var(--creme)}
  .btn-brun:hover{background:#241B12}
  .btn-pleine{width:100%}
  .btn-profil{
    display:flex;align-items:center;gap:12px;width:100%;text-align:left;
    padding:11px 14px;border:1px solid var(--creme-fonce);border-radius:10px;
    background:#fff;transition:var(--transition);
  }
  .btn-profil:hover{border-color:var(--or);box-shadow:var(--ombre);transform:translateY(-1px)}
  .avatar{
    width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;
    font-weight:700;font-size:.85rem;color:#fff;flex-shrink:0;font-family:'Space Grotesk',sans-serif;
  }
  .btn-profil .infos{flex:1}
  .btn-profil .nom{font-weight:600;font-size:.9rem;color:var(--brun)}
  .btn-profil .role{font-size:.75rem;color:var(--brun-pale)}


  #error { color: #dc2626; font-size: 0.9rem; margin-bottom: 1rem; display: none; }