/* ── FundOS · Authelia login custom.css ──────────────────────────────── */

*, *::before, *::after { box-sizing: border-box; }

html, body {
  margin: 0; padding: 0; min-height: 100vh;
  background: #080808 !important;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif !important;
  -webkit-font-smoothing: antialiased;
  color: #e0e0e0 !important;
}

#root {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background: #080808;
}

/* ── AppBar (sprog-veljar øvst) — heilt usynleg ───────────── */
[class*=MuiAppBar-root] {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  border-radius: 0 !important;
  position: relative !important;
}

/* ── Hovudkort (Paper) — berre der det er relevante felttypar ─ */
[class*=MuiPaper-root]:not([class*=MuiAppBar]) {
  background: #111 !important;
  border: 1px solid #1a1a1a !important;
  border-radius: 18px !important;
  box-shadow: 0 32px 80px rgba(0,0,0,0.7) !important;
  padding: 40px 36px !important;
}

/* ── Container ───────────────────────────────────────────── */
[class*=MuiContainer] {
  background: transparent !important;
  max-width: 420px !important;
}

/* ── Typografi ───────────────────────────────────────────── */
[class*=MuiTypography-h5],
[class*=MuiTypography-h6] {
  font-family: ui-monospace, 'SF Mono', Menlo, monospace !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: #f5ff3d !important;
  margin-bottom: 6px !important;
}

[class*=MuiTypography-body1],
[class*=MuiTypography-body2],
[class*=MuiTypography-subtitle] {
  font-size: 13px !important;
  color: #555 !important;
}

/* ── Input-felt ──────────────────────────────────────────── */
[class*=MuiOutlinedInput-root],
[class*=MuiInputBase-root] {
  background: #0d0d0d !important;
  border-radius: 10px !important;
  color: #e0e0e0 !important;
}

[class*=MuiOutlinedInput-notchedOutline] {
  border-color: #252525 !important;
  border-radius: 10px !important;
  transition: border-color 0.15s !important;
}

[class*=MuiInputBase-root]:hover [class*=MuiOutlinedInput-notchedOutline] {
  border-color: #383838 !important;
}

[class*=Mui-focused] [class*=MuiOutlinedInput-notchedOutline] {
  border-color: #f5ff3d !important;
  border-width: 1px !important;
}

[class*=MuiInputBase-input] {
  color: #e0e0e0 !important;
  font-size: 14px !important;
  padding: 13px 14px !important;
}

/* ── Label ───────────────────────────────────────────────── */
[class*=MuiInputLabel-root],
[class*=MuiFormLabel-root] {
  font-size: 13px !important;
  color: #555 !important;
}

[class*=MuiInputLabel-root][class*=Mui-focused] {
  color: #f5ff3d !important;
}

/* ── Primærknapp ─────────────────────────────────────────── */
[class*=MuiButton-contained] {
  background: #f5ff3d !important;
  color: #080808 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  border-radius: 10px !important;
  padding: 12px 24px !important;
  box-shadow: none !important;
  text-transform: none !important;
  border: none !important;
  transition: opacity 0.15s, transform 0.12s !important;
}

[class*=MuiButton-contained]:hover {
  background: #edf02a !important;
  opacity: 0.93 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 20px rgba(245,255,61,0.15) !important;
}

/* ── Tekstknappar (Tilbakestill passord etc) ─────────────── */
[class*=MuiButton-text] {
  color: #444 !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

[class*=MuiButton-text]:hover {
  color: #777 !important;
  background: transparent !important;
}

/* ── Sprog-veljar i AppBar ───────────────────────────────── */
[class*=MuiAppBar-root] [class*=MuiButton-root] {
  color: #333 !important;
  font-size: 12px !important;
}

[class*=MuiAppBar-root] [class*=MuiButton-root]:hover {
  color: #555 !important;
  background: transparent !important;
}

/* ── Ikon-knappar ────────────────────────────────────────── */
[class*=MuiIconButton-root] {
  color: #444 !important;
}

[class*=MuiIconButton-root]:hover {
  color: #888 !important;
  background: rgba(255,255,255,0.04) !important;
}

/* ── Checkbox ────────────────────────────────────────────── */
[class*=MuiCheckbox-root] {
  color: #222 !important;
  padding: 6px !important;
}

[class*=MuiCheckbox-root][class*=Mui-checked] {
  color: #f5ff3d !important;
}

[class*=MuiFormControlLabel-label] {
  font-size: 13px !important;
  color: #555 !important;
}

/* ── Feilmeldingar ───────────────────────────────────────── */
[class*=MuiAlert-root] {
  border-radius: 10px !important;
  font-size: 13px !important;
  background: rgba(239,68,68,0.08) !important;
  border: 1px solid rgba(239,68,68,0.18) !important;
  color: #f87171 !important;
}

[class*=MuiAlert-icon] { color: #f87171 !important; }

/* ── Divider ─────────────────────────────────────────────── */
[class*=MuiDivider-root] {
  border-color: #1a1a1a !important;
}

/* ── Mobil ───────────────────────────────────────────────── */
@media (max-width: 480px) {
  [class*=MuiPaper-root]:not([class*=MuiAppBar]) {
    padding: 28px 20px !important;
    border-radius: 14px !important;
  }
}

/* ── MuiLink (Tilbakestill passord etc) ─────────────────── */
[class*=MuiLink-root] {
  color: #444 !important;
  text-decoration: none !important;
  font-size: 12px !important;
  transition: color 0.12s !important;
}
[class*=MuiLink-root]:hover {
  color: #777 !important;
  text-decoration: none !important;
}