/**
 * XRPL Home — Auth page layer (Build 373)
 * Scoped to body.xrpl-home-auth; shared shell/components/mobile imported below.
 */

@import url("/css/xrpl-home-shell.css?v=381");
@import url("/css/xrpl-home-components.css?v=381");
@import url("/css/xrpl-home-mobile.css?v=381");

/* ── Auth page (layout preserved) ─────────────────── */
body.xrpl-home-auth {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  padding: max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right))
    max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left)) !important;
}
body.xrpl-home-auth .auth-card h1 { color: var(--xh-ink) !important; font-family: var(--xh-font-display, 'Poppins', sans-serif) !important; }
body.xrpl-home-auth .auth-card a { color: var(--xh-blue-bright) !important; }
body.xrpl-home-auth .auth-card .btn {
  background: var(--xh-accent-gradient) !important;
  color: #fff !important;
  border: none !important;
  font-family: var(--xh-font-body, 'Poppins', sans-serif) !important;
}
body.xrpl-home-auth .auth-card .btn.secondary {
  background: transparent !important;
  color: var(--xh-ink) !important;
  border: 1px solid var(--xh-glass-highlight) !important;
}
body.xrpl-home-auth #authDebug {
  border-color: var(--xh-glass-border) !important;
  background: rgba(10, 13, 26, 0.85) !important;
}
body.xrpl-home-auth #authDebug strong { color: #93c5fd !important; }
body.xrpl-home-auth #authIncomplete p { color: #fcd34d !important; }
body.xrpl-home-auth .auth-safety-note { color: var(--xh-ink-muted) !important; }