/* Login page — branded chrome.
 *
 * The shared layout still ships its own header bar, so we hide it here and
 * surface the AsterMind brand inside the centered card. The Sign-in button
 * is re-skinned in AsterMind blue (#3b9dff — same hue as the starfish mark
 * in admin-layout.ts and the wordmark in /static/img/astermind-logo.png),
 * which contrasts cleanly on both dark and light themes. */

/* Hide the global text-only "EVO" header — the AsterMind logo lives
 * inside the card now. :has() avoids needing a body class on layout.ts. */
body:has(.evo-login) .evo-header { display: none; }

/* ADR-22132 §2.6 — auth-page branding.
 * The card now hosts the logo, product name + subtitle from the
 * branding resolver, and an optional sign-in message block.  Built-in
 * starfish appears when no logo override is set; raster / SVG uploads
 * render via the /branding/logo/... endpoint. */
.evo-login-brand {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  margin: 0.25rem 0 1rem;
  padding: 14px 16px;
  background: #ffffff;
  border-radius: 6px;
}
.evo-login-brand .evo-login-logo {
  display: block;
  max-width: 100%;
  max-height: 96px;
  width: auto;
  height: auto;
}
.evo-login-brand-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
}
.evo-login-product-name {
  font-size: 18px;
  font-weight: 700;
  color: #0f172a;
  letter-spacing: 0.4px;
}
.evo-login-product-sub {
  font-size: 12px;
  color: #475569;
}
.evo-login-message {
  margin: 0 0 1rem;
  font-size: 13px;
  line-height: 1.45;
  color: var(--fg-muted, #94a3b8);
  text-align: center;
}

/* Primary button (Sign in) — AsterMind brand blue. Same hue in both
 * themes; white text contrasts in either. Keeps the focus/active rules
 * consistent with .evo-btn--primary in base.css. */
.evo-login .evo-btn--primary {
  background: #3b9dff;
  color: #ffffff;
  border-color: #3b9dff;
}
.evo-login .evo-btn--primary:hover:not([disabled]) {
  background: #3b9dff;
  filter: brightness(1.08);
}
.evo-login .evo-btn--primary:active:not([disabled]) {
  background: #3b9dff;
  color: #ffffff;
  filter: brightness(0.92);
}
.evo-login .evo-btn--primary:focus-visible {
  outline: 2px solid #3b9dff;
  outline-offset: 2px;
}