/* Ayman Auth — login page branding (served by authelia-theme, injected by NPM on auth.ayman.ae) */
:root, [data-theme] {
  --primary: #0a4d8c !important;
  --primary-foreground: #ffffff !important;
  --ring: #0a4d8c !important;
  --info: #0a4d8c !important;
}
/* background only on the login screens (settings page keeps the normal theme) */
body:has(.min-h-\[90vh\]) {
  background: #0a4d8c url(/ayman-login-bg.svg) center / cover no-repeat fixed !important;
}
body:has(.min-h-\[90vh\]) header,
body:has(.min-h-\[90vh\]) header * { color: #fff !important; }
/* the login column becomes a white card */
.min-h-\[90vh\] > div {
  background: #fff;
  color: #0a2540;
  border-radius: 18px;
  box-shadow: 0 24px 64px rgba(2, 20, 40, .45);
  padding-top: 28px !important;
  padding-bottom: 22px !important;
  --background: #ffffff; --foreground: #0a2540; --card: #ffffff; --card-foreground: #0a2540;
  --muted-foreground: #5b6472; --border: #c2c6d2; --input: #c2c6d2; --custom-icon: #0a4d8c;
  --radius: 0.7rem;
  color-scheme: light;
}
.min-h-\[90vh\] > div img[alt="Logo"] { width: 72px !important; }
.min-h-\[90vh\] > div h5 { font-weight: 700 !important; color: #0a2540; }
.min-h-\[90vh\] > div button[type="submit"],
.min-h-\[90vh\] > div button.bg-primary {
  border-radius: 999px !important;
  font-weight: 700 !important;
  height: 44px;
}
.min-h-\[90vh\] > div button[type="submit"]:hover { background: #083f73 !important; }
@media (max-width: 520px) {
  .min-h-\[90vh\] > div { margin: 0 12px; border-radius: 14px; }
}
/* hide the "Powered by Authelia" footer link (and its row) */
.min-h-\[90vh\] a[href*="authelia.com"],
.min-h-\[90vh\] div:has(> a[href*="authelia.com"]) { display: none !important; }