/* Lost Hosting skin for Authelia (MUI overrides) */
html, body, #root {
  background:
    radial-gradient(600px 320px at 50% -8%, rgba(99,102,241,.22), transparent),
    radial-gradient(520px 320px at 82% 12%, rgba(34,211,238,.10), transparent),
    #0a0b10 !important;
  color: #e7e9f3 !important;
}
body, .MuiTypography-root, .MuiInputBase-input, .MuiButton-root {
  font-family: 'Inter', system-ui, -apple-system, "Segoe UI", Roboto, sans-serif !important;
}

/* the login card */
.MuiPaper-root {
  background: #13151f !important;
  border: 1px solid #222538 !important;
  border-radius: 18px !important;
  box-shadow: 0 30px 80px -40px #000 !important;
  padding: 6px 4px !important;
}

/* text */
.MuiTypography-root { color: #e7e9f3 !important; }
.MuiTypography-h5, .MuiTypography-h6 { font-weight: 800 !important; letter-spacing: -.5px !important; }
.MuiTypography-subtitle1, .MuiTypography-subtitle2,
.MuiFormHelperText-root, .MuiFormControlLabel-label { color: #9aa0b8 !important; }

/* inputs */
.MuiOutlinedInput-root { background: #0a0b10 !important; border-radius: 10px !important; }
.MuiInputBase-input { color: #e7e9f3 !important; }
.MuiInputLabel-root { color: #9aa0b8 !important; }
.MuiInputLabel-root.Mui-focused { color: #6366f1 !important; }
.MuiOutlinedInput-notchedOutline { border-color: #222538 !important; }
.MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline { border-color: #3a3f5c !important; }
.Mui-focused .MuiOutlinedInput-notchedOutline { border-color: #6366f1 !important; border-width: 1px !important; }
.MuiInputAdornment-root .MuiIconButton-root, .MuiSvgIcon-root { color: #9aa0b8 !important; }

/* primary buttons -> brand gradient */
.MuiButton-contained, .MuiButton-containedPrimary {
  background: linear-gradient(135deg, #6366f1, #a855f7) !important;
  color: #fff !important;
  border-radius: 10px !important;
  text-transform: none !important;
  font-weight: 700 !important;
  letter-spacing: .2px !important;
  box-shadow: 0 10px 30px -12px rgba(99,102,241,.7) !important;
}
.MuiButton-contained:hover { filter: brightness(1.08) !important; }

/* secondary / passkey button -> outlined brand */
.MuiButton-outlined, .MuiButton-outlinedPrimary {
  background: transparent !important;
  color: #e7e9f3 !important;
  border: 1px solid #222538 !important;
  border-radius: 10px !important;
  text-transform: none !important;
  font-weight: 600 !important;
}
.MuiButton-outlined:hover { border-color: #6366f1 !important; }
.MuiButton-text { color: #22d3ee !important; text-transform: none !important; }

/* links */
a, .MuiLink-root { color: #22d3ee !important; }

/* checkbox */
.MuiCheckbox-root { color: #4a4f6b !important; }
.MuiCheckbox-root.Mui-checked { color: #6366f1 !important; }

/* dividers (the OR line) */
.MuiDivider-root { border-color: #222538 !important; }
.MuiDivider-root::before, .MuiDivider-root::after { border-color: #222538 !important; }

/* top-right language selector subtle */
header, .MuiAppBar-root { background: transparent !important; box-shadow: none !important; }

/* dim the 'Powered by Authelia' footer */
.MuiTypography-caption { color: #4a4f6b !important; }