/* Habillage scirr de la page Authelia (chef d'orchestre 2026-11-14) */
@font-face { font-family: "Satoshi"; src: url("/scirr/Satoshi-Variable.woff2") format("woff2"); font-weight: 300 900; font-display: swap; }
:root, .dark, html, body {
  --background: #080808; --foreground: #fff; --card: rgba(27,27,27,.8); --card-foreground: #fff;
  --primary: #fff; --primary-foreground: #080808; --input: rgba(255,255,255,.14); --border: rgba(255,255,255,.1);
  --ring: rgba(255,255,255,.5); --muted-foreground: #888; --accent: rgba(255,255,255,.08);
}

body { font-family: "Satoshi", "Segoe UI", system-ui, sans-serif !important; color: #fff; -webkit-font-smoothing: antialiased; }
body::before { content: ""; position: fixed; inset: 0; z-index: -1;
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.5) 30%, rgba(0,0,0,.87) 100%), url("/scirr/fond.jpg") center / cover no-repeat, #080808; }
#root { background: transparent !important; }
#root * { font-family: inherit; }
#first-factor-stage > * { background: rgba(27,27,27,.80); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px);
  border-radius: 20px; padding: 36px 32px 28px; width: min(400px, 92vw); border: 1px solid rgba(255,255,255,.06); }
#UserSvg { display: none !important; }
#first-factor-stage h5 { font-size: 0 !important; margin: 0 0 18px; }
#first-factor-stage h5::before { content: ""; display: block; width: 44px; height: 44px; margin: 0 auto 12px; background: url("/scirr/logo.svg") center / contain no-repeat; }
#first-factor-stage h5::after { content: "panel · scirr"; font-size: 22px; font-weight: 700; letter-spacing: -.01em; }
#username-textfield, #password-textfield { background: rgba(255,255,255,.05) !important; border-color: rgba(255,255,255,.1) !important; border-radius: 11px !important; color: #fff !important; }
#username-textfield:focus, #password-textfield:focus { border-color: rgba(255,255,255,.45) !important; box-shadow: none !important; }
#sign-in-button { background: #fff !important; color: #080808 !important; border-radius: 11px !important; height: 46px !important;
  text-transform: none !important; font-size: 15px !important; font-weight: 600 !important; }
#sign-in-button:hover { background: #e6e6e6 !important; }
#remember-checkbox[data-checked] { background: #fff !important; border-color: #fff !important; color: #080808 !important; }
a[href*="authelia.com"] { display: none !important; }
#language-button { opacity: .5; }
#root div, #root main { background-color: transparent !important; }
#first-factor-stage > * { background-color: rgba(27,27,27,.80) !important; }
#root label { color: #aaa !important; }
#root input:focus ~ label, #root input:not(:placeholder-shown) ~ label { color: #fff !important; }
html, body { background: transparent !important; }
html { background: #080808 !important; }