/* Portail Authelia — habillage « Atelier Lamamics » (papier crème + terracotta).
   Injecté par le nginx hôte (sub_filter sur auth.lamamics.ovh) avec portal.js.
   Palette reprise de home/site/app.css. Pas de police externe : la CSP du portail
   (default-src 'self') bloque Google Fonts → Georgia en écho d'Instrument Serif. */

:root{
  --paper:#f4ecdc; --card:#fbf6ea;
  --ink:#2a1f18; --muted:#8a7a6c;
  --line:#e1d2b5; --line-2:#d3c1a0;
  --terra:#b5462c; --terra-deep:#832a18; --terra-soft:#f3dcce;
}

html, body{ background:var(--paper) !important; }
body{ color:var(--ink); }

/* Texture papier très discrète (reprise du hub) */
body::after{
  content:""; position:fixed; inset:0; pointer-events:none; z-index:0;
  background-image:
    radial-gradient(circle at 25% 30%, rgba(181,70,44,.03) 0%, transparent 40%),
    radial-gradient(circle at 80% 70%, rgba(131,42,24,.025) 0%, transparent 50%);
}
#root{ position:relative; z-index:1; }

/* Logo (override Authelia via asset_path) */
img[alt="Logo"]{ max-width:92px; height:auto; }

/* Titre remplacé par la salutation aléatoire (portal.js) */
.lamamics-greet{
  font-family:"Instrument Serif",Georgia,"Times New Roman",serif !important;
  font-style:italic; font-weight:400 !important;
  color:var(--terra) !important; font-size:2.05rem !important;
  letter-spacing:.01em;
}

/* Champs de saisie */
.MuiOutlinedInput-root{ background:var(--card); border-radius:10px !important; }
.MuiOutlinedInput-notchedOutline{ border-color:var(--line-2) !important; }
.MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{ border-color:var(--terra) !important; }
.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{ border-color:var(--terra) !important; }
.MuiInputLabel-root.Mui-focused{ color:var(--terra) !important; }
input:-webkit-autofill{ -webkit-box-shadow:0 0 0 100px var(--card) inset !important; }

/* Boutons */
.MuiButton-root{ text-transform:none !important; font-weight:600 !important; border-radius:10px !important; }
.MuiButton-contained{ background:var(--terra) !important; color:#fff !important; box-shadow:none !important; }
.MuiButton-contained:hover{ background:var(--terra-deep) !important; }
.MuiButton-text, .MuiButton-outlined{ color:var(--terra) !important; border-color:var(--line-2) !important; }

/* Case « Se souvenir de moi » + liens */
.MuiCheckbox-root{ color:var(--muted) !important; }
.MuiCheckbox-root.Mui-checked{ color:var(--terra) !important; }
.MuiFormControlLabel-label{ color:var(--ink); }
a, .MuiLink-root{ color:var(--terra) !important; text-decoration-color:var(--terra-soft) !important; }

/* Lien « Réinitialiser le mot de passe ? » centré */
#reset-password-button, a[href*="reset-password"]{
  display:block !important; width:100% !important;
  text-align:center !important; margin:8px auto 0 !important;
}

/* Footer « Propulsé par Authelia » masqué (complété par portal.js) */
a[href*="authelia.com"]{ display:none !important; }