/* ===== AutomationX brand overlay (auth pages) ===== */
:root { color-scheme: dark; }
body { background: #070b14 !important; }
body::before {
  content: ""; position: fixed; inset: 0; z-index: 0; pointer-events: none;
  background:
    radial-gradient(52rem 34rem at 50% -10%, rgba(227,6,19,.10), transparent 60%),
    radial-gradient(40rem 30rem at 92% 112%, rgba(59,91,219,.10), transparent 55%),
    linear-gradient(180deg, #0b1120 0%, #070b14 55%);
}
#root { position: relative; z-index: 1; }
#root > div { background: transparent !important; }

/* logo */
img[src*="assets/logo.svg"] {
  height: 5.5rem !important; width: auto !important;
  margin: 3rem auto 0 !important; display: block;
  filter: drop-shadow(0 14px 40px rgba(0,0,0,.55));
}

/* glass card (container tagged by ax.js) */
.ax-card {
  background: linear-gradient(180deg, rgba(17,24,39,.78), rgba(11,16,28,.86)) !important;
  border: 1px solid rgba(148,163,184,.14);
  border-radius: 1.25rem;
  padding: 2.75rem 2.5rem 2.25rem !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.04);
  backdrop-filter: blur(14px);
}
.ax-card::before {            /* thin brand accent along the top edge */
  content: ""; display: block; height: 3px; width: 4.5rem;
  margin: -1rem auto 1.6rem; border-radius: 999px;
  background: linear-gradient(90deg, #e30613, #ff5a3c);
}

/* heading + tagline */
.ax-card h1 { letter-spacing: -.02em; }
.ax-card h1::after {
  content: "Secure enterprise AI \00b7 operated by EGW Telekom";
  display: block; margin: .8rem auto 0; max-width: 30ch;
  font-size: .95rem; font-weight: 400; line-height: 1.5; color: #8b93a7;
}

/* sign-in button: clean light pill, red reserved for accents */
a[href*="/oauth/openid"] {
  background: linear-gradient(180deg, #ffffff, #e9edf5) !important;
  color: #0b1220 !important; font-weight: 600;
  border: 1px solid rgba(255,255,255,.35) !important;
  border-radius: .9rem !important; justify-content: center;
  padding-top: .8rem !important; padding-bottom: .8rem !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.45);
  transition: transform .15s ease, box-shadow .15s ease;
}
a[href*="/oauth/openid"]:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 30px rgba(0,0,0,.55), 0 0 0 3px rgba(227,6,19,.25);
}
a[href*="/oauth/openid"] svg { display: none; }

/* footer */
[role="contentinfo"] { opacity: .55; font-size: .8rem; }