/* Szakal-Met-Al branding for the webmail 2FA gate (Authelia). Colours from szakalmetal.hu. */
html, body { background: linear-gradient(160deg, #0f2650 0%, #1c3d7a 100%) !important; min-height: 100%; }
body::before {
  content: ""; display: block; height: 64px;
  background: #0f2650 url("/branding/szmlogo.png") no-repeat 24px center; background-size: auto 38px;
  border-bottom: 3px solid #df0a0f;
}
#root .MuiContainer-root {
  background: #ffffff; border-radius: 10px; box-shadow: 0 10px 40px rgba(0,0,0,.35);
  padding: 32px 28px 20px !important; margin-top: 7vh !important; max-width: 420px !important;
}
#root .MuiContainer-root img { max-height: 72px; border-radius: 8px; }
.MuiButton-containedPrimary { background-color: #df0a0f !important; color: #fff !important; }
.MuiButton-containedPrimary:hover { background-color: #b8080c !important; }
.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline { border-color: #0f2650 !important; }
.MuiInputLabel-root.Mui-focused, .MuiFormLabel-root.Mui-focused { color: #0f2650 !important; }
.MuiCheckbox-root.Mui-checked, .MuiCheckbox-root.Mui-checked svg { color: #0f2650 !important; }
a, .MuiLink-root { color: #0f2650 !important; }
/* hide the Powered-by footer (bubuka 2026-11-01) */
a[href*="authelia.com"] { display: none !important; }
*:has(> a[href*="authelia.com"]) { display: none !important; }