body { background: #F4F6FA; color: #0B1A33; }
.nx-nav { background: #06142F; }
.nx-nav .nav-link, .nx-nav .btn-link { color: #D6E8FF; }
.nx-nav .nav-link:hover, .nx-nav .btn-link:hover { color: #fff; }
.card { border-color: #DDE3EE; }
.nx-etapa-msg { font-size: .875rem; color: #4A5878; word-break: break-word; }
.nx-eventos { font-size: .85rem; }
.nx-mono { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .85rem; word-break: break-all; }
.nx-hp { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.nx-estreito { max-width: 640px; }

:root {
    --bs-primary: #0062DD; --bs-primary-rgb: 0, 98, 221;
    --bs-link-color: #0062DD; --bs-link-color-rgb: 0, 98, 221;
}
.btn-primary { --bs-btn-bg: #0062DD; --bs-btn-border-color: #0062DD; --bs-btn-hover-bg: #0051B8; --bs-btn-hover-border-color: #0051B8; }
.nx-nav-logo { height: 26px; width: auto; }

/* ── Telas de acesso (mesmo layout da Nexmorada) ───────────────── */
.auth-body {
    min-height: 100vh; display: flex; align-items: center; justify-content: center;
    padding: 16px; background: linear-gradient(135deg, #e9eef7 0%, #f6f8fb 100%);
}
.auth-card { width: 100%; max-width: 420px; border: 0; }
.auth-logo-img { display: block; width: 100%; max-width: 280px; height: auto; margin: 0 auto; }
.otp-digit { width: 48px; height: 56px; padding: 0; }
@media (max-width: 380px) { .otp-digit { width: 40px; height: 50px; } }