/**
 * rize-studio.com — habillage minimal du portail Authelia
 * Injecté via nginx sub_filter en même temps que background.js.
 *
 * Sélecteurs vérifiés sur le DOM réel (Authelia version en place
 * mi-septembre 2026) : classes MUI statiques + id des champs.
 * Si une future mise à jour d'Authelia change ces id, il faudra
 * réinspecter — mais ça bouge beaucoup moins souvent que les classes
 * générées dynamiquement (celles du style "mui-1i1162l").
 */

html, body, #root {
  background: transparent !important;
}

/* la carte de connexion */
.MuiContainer-root.MuiContainer-maxWidthXs {
  background: rgba(10, 11, 18, 0.46) !important;
  backdrop-filter: blur(18px) saturate(150%);
  -webkit-backdrop-filter: blur(18px) saturate(150%);
  border: 1px solid rgba(255, 255, 255, 0.10);
  border-radius: 8px;
  padding: 32px 28px !important;
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.4);
}

/* texte en clair pour rester lisible sur une photo sombre */
.MuiContainer-root.MuiContainer-maxWidthXs,
.MuiContainer-root.MuiContainer-maxWidthXs label,
.MuiContainer-root.MuiContainer-maxWidthXs h5,
.MuiContainer-root.MuiContainer-maxWidthXs input,
.MuiContainer-root.MuiContainer-maxWidthXs button {
  color: #f1e6d3 !important;
}
#UserSvg path {
  fill: #f1e6d3 !important;
}

/* contours des champs */
fieldset.MuiOutlinedInput-notchedOutline {
  border-color: rgba(241, 230, 211, 0.28) !important;
}

/* bouton principal */
#sign-in-button {
  border-radius: 4px !important;
  background-color: #e3b56f !important;
  color: #241708 !important;
}

/* lien "Propulsé par Authelia" */
a[href="https://www.authelia.com"] {
  display: none !important;
}

/* masque l'icône par défaut d'Authelia — à retirer le jour où un vrai
   logo est configuré nativement via asset_path (logo.png) */
#UserSvg {
  display: none !important;
}