/* Authelia custom skin - injected into login/authenticated pages via Nginx sub_filter */
:root { color-scheme: dark; }

html, body { height: 100%; }
body {
  background:
    radial-gradient(1200px 800px at 80% -10%, rgba(59,130,246,.18), transparent 60%),
    radial-gradient(1000px 700px at -10% 110%, rgba(124,58,237,.16), transparent 55%),
    linear-gradient(160deg, #0b1220 0%, #0f172a 55%, #14102a 100%) !important;
}

body::after {
  content: "AMM · SECURE SIGN-IN";
  position: fixed; top: 20px; left: 26px;
  font: 700 12px/1 ui-sans-serif, system-ui, sans-serif;
  letter-spacing: .18em;
  color: rgba(148,163,184,.65);
}

.MuiPaper-root:not(.MuiAppBar-root) {
  background: rgba(15,23,42,.66) !important;
  border: 1px solid rgba(148,163,184,.16) !important;
  border-radius: 20px !important;
  box-shadow: 0 24px 70px rgba(2,6,23,.55) !important;
  backdrop-filter: blur(10px);
}

img[alt="Authelia"] { display: none; }
.MuiPaper-root:not(.MuiAppBar-root)::before {
  content: "AMM";
  display: block; margin: 4px auto 10px; text-align: center;
  font: 800 30px/1 ui-sans-serif, system-ui, sans-serif;
  letter-spacing: .06em;
  background: linear-gradient(90deg, #60a5fa, #a78bfa);
  -webkit-background-clip: text; background-clip: text;
  color: transparent;
}

.MuiOutlinedInput-root { border-radius: 12px !important; background: rgba(255,255,255,.045); }
.MuiOutlinedInput-notchedOutline { border-color: rgba(148,163,184,.30) !important; }
.MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline { border-color: rgba(148,163,184,.55) !important; }
.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline { border-color: #60a5fa !important; }
.MuiInputLabel-root { color: #94a3b8 !important; }
.MuiInputBase-input { color: #e2e8f0 !important; }

.MuiButton-containedPrimary {
  background: linear-gradient(90deg, #2563eb, #7c3aed) !important;
  border-radius: 12px !important;
  text-transform: none !important;
  font-weight: 600 !important;
  letter-spacing: .02em;
  box-shadow: 0 8px 22px rgba(37,99,235,.35) !important;
}
.MuiButton-containedPrimary:hover { filter: brightness(1.1); }

.MuiTypography-root { color: #e2e8f0 !important; }
.MuiLink-root { color: #93c5fd !important; text-decoration: none !important; }

.MuiAvatar-root { background: linear-gradient(135deg, #2563eb, #7c3aed) !important; }

.MuiCheckbox-root { color: #64748b !important; }
.MuiCheckbox-root.Mui-checked { color: #60a5fa !important; }

.MuiAppBar-root {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  backdrop-filter: none !important;
}