/* Six Gates — the sign-in page.
   Injected into Authelia's shell by nginx. Targets MUI's stable class names rather than the
   generated ones, and reuses the portal's own tokens so signing in and reading do not feel like
   two different products. */
@import url("/_assets/fonts/fonts.css");

:root{
  --paper:#f6f8fb; --white:#ffffff; --blue:#2563eb;
  --ground:#f6f8fb; --surface:#ffffff; --raise:#eef2f8;
  --ink:#0b1320; --body:#3a4658; --muted:#5b6472; --faint:#5b6472;
  --rule:#dfe5ee; --accent:#2563eb; --accent-line:#93b4f7;
}
@media (prefers-color-scheme: dark){
  :root{
    --ground:#0b1320; --surface:#111b2c; --raise:#17233a;
    --ink:#eaf0f8; --body:#c3cede; --muted:#8d9bb0; --faint:#8998ad;
    --rule:#243247; --accent:#7ba7f8; --accent-line:#3f5f9b;
  }
}

html, body, #root{background:var(--ground) !important; min-height:100%}
body{
  font-family:"Inter", system-ui, -apple-system, sans-serif !important;
  color:var(--body) !important;
  -webkit-font-smoothing:antialiased;
}
*{font-family:"Inter", system-ui, -apple-system, sans-serif !important}

/* the card */
.MuiPaper-root{
  background:var(--surface) !important;
  border:1px solid var(--rule) !important;
  border-radius:3px !important;
  box-shadow:0 1px 2px rgba(11,19,32,.05), 0 12px 32px -20px rgba(11,19,32,.35) !important;
  padding:8px 4px 4px !important;
}

/* the lockup Authelia renders from asset_path */
img[alt="Logo"], .MuiPaper-root img{
  max-height:34px !important; width:auto !important; margin:14px auto 6px !important; display:block;
}
@media (prefers-color-scheme: dark){
  img[alt="Logo"], .MuiPaper-root img{filter:brightness(0) invert(1); opacity:.92}
}

/* headings and helper text */
.MuiTypography-h5, .MuiTypography-h6{
  color:var(--ink) !important; font-weight:600 !important; letter-spacing:-.012em !important;
  font-size:19px !important;
}
.MuiTypography-body1, .MuiTypography-body2, .MuiFormHelperText-root{
  color:var(--muted) !important; font-size:14px !important;
}

/* fields */
.MuiInputBase-root{background:var(--surface) !important; border-radius:3px !important}
.MuiOutlinedInput-notchedOutline{border-color:var(--rule) !important}
.MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:var(--accent-line) !important}
.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{
  border-color:var(--accent) !important; border-width:2px !important;
}
.MuiInputBase-input{color:var(--ink) !important; font-size:15px !important}
.MuiInputLabel-root{color:var(--muted) !important; font-size:15px !important}
.MuiInputLabel-root.Mui-focused{color:var(--accent) !important}

/* the one button that matters */
.MuiButton-contained{
  background:var(--accent) !important; color:#fff !important;
  border-radius:3px !important; text-transform:none !important;
  font-weight:600 !important; font-size:15px !important; letter-spacing:0 !important;
  box-shadow:none !important; padding:10px 18px !important;
}
.MuiButton-contained:hover{filter:brightness(1.07); box-shadow:none !important}
.MuiButton-root{text-transform:none !important; letter-spacing:0 !important}
.MuiButton-text{color:var(--accent) !important}
:focus-visible{outline:2px solid var(--accent) !important; outline-offset:2px}

/* checkboxes and links */
.MuiCheckbox-root.Mui-checked{color:var(--accent) !important}
a{color:var(--accent) !important}

/* Authelia's own footer/branding line */
.MuiTypography-root a[href*="authelia.com"]{color:var(--faint) !important; font-size:12px !important}