/* ═══ Fedority theme for Authelia (login + 2FA) ════════════════════════════
   Matches home.fedority.ru: dark futuristic neon (bg #04060c, cyan #22d3ee).
   Loaded via nginx sub_filter into the Authelia HTML head; the link resolves
   via the base href (always https://home.fedority.ru/auth/) and is served by
   home's nginx (location = /auth/theme.css). Created: 2026-09-28. */

:root {
  --fd-bg: #04060c;
  --fd-panel: rgba(13, 19, 32, 0.72);
  --fd-line: rgba(56, 189, 248, 0.18);
  --fd-line-hot: rgba(34, 211, 238, 0.65);
  --fd-text: #d7e3ff;
  --fd-muted: #5c6b8a;
  --fd-cyan: #22d3ee;
  --fd-violet: #a78bfa;
  --fd-mono: ui-monospace, "JetBrains Mono", Menlo, monospace;
}

/* ── body: landing background + grid + neon glow ────────────────────────── */
body {
  background: var(--fd-bg) !important;
  color: var(--fd-text) !important;
  font-family: "Segoe UI", Roboto, -apple-system, sans-serif !important;
}
body::before {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  background:
    linear-gradient(rgba(56,189,248,0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(56,189,248,0.05) 1px, transparent 1px) !important;
  background-size: 44px 44px !important;
  pointer-events: none !important;
  z-index: 0 !important;
}
body::after {
  content: "" !important;
  position: fixed !important;
  top: -220px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 900px !important;
  height: 480px !important;
  background:
    radial-gradient(closest-side, rgba(34,211,238,0.16), transparent 70%),
    radial-gradient(closest-side, rgba(167,139,250,0.12), transparent 70%) !important;
  filter: blur(30px) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}
#root { background: transparent !important; }

/* ── card / paper: landing panel with neon border ───────────────────────── */
.MuiPaper-root,
.MuiCard-root {
  background: var(--fd-panel) !important;
  border: 1px solid var(--fd-line) !important;
  border-radius: 4px !important;
  box-shadow: 0 0 40px rgba(34,211,238,0.12) !important;
  backdrop-filter: blur(8px);
  background-image: none !important;
}

/* ── primary button: neon cyan, mono ────────────────────────────────────── */
.MuiButton-containedPrimary {
  background: var(--fd-cyan) !important;
  background-image: none !important;
  color: #04121a !important;
  font-family: var(--fd-mono) !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  border-radius: 2px !important;
  box-shadow: 0 0 18px rgba(34,211,238,0.25) !important;
}
.MuiButton-containedPrimary:hover {
  background: #67e8f9 !important;
  box-shadow: 0 0 24px rgba(34,211,238,0.45) !important;
}
.MuiButton-root {
  border-radius: 2px !important;
}

/* ── inputs: neon focus ─────────────────────────────────────────────────── */
.MuiInputBase-input { color: var(--fd-text) !important; }
.MuiInputLabel-root { color: var(--fd-muted) !important; }
.MuiInputLabel-root.Mui-focused { color: var(--fd-cyan) !important; }
.MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline {
  border-color: var(--fd-line) !important;
}
.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
  border-color: var(--fd-cyan) !important;
  box-shadow: 0 0 12px rgba(34,211,238,0.25) !important;
}
.MuiInputBase-input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 40px #0d1320 inset !important;
  -webkit-text-fill-color: var(--fd-text) !important;
}

/* ── typography + links ─────────────────────────────────────────────────── */
.MuiTypography-root { color: var(--fd-text) !important; }
.MuiTypography-h6,
h6 {
  font-family: var(--fd-mono) !important;
  letter-spacing: 0.08em !important;
}
a, .MuiLink-root { color: var(--fd-cyan) !important; }
.MuiLink-root:hover { color: #eafcff !important; }

/* ── checkbox: cyan when checked ────────────────────────────────────────── */
.MuiCheckbox-root.Mui-checked { color: var(--fd-cyan) !important; }
.MuiSvgIcon-root { color: inherit; }

/* ── divider ────────────────────────────────────────────────────────────── */
.MuiDivider-root { background: var(--fd-line) !important; }