/* BRAG Finance V10 — back / forward navigator. No text, no blur, CSP-safe. */
.hnav { display: inline-flex; align-items: center; gap: 8px; }
.hnav-btn { display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 1px solid rgba(255, 255, 255, .22); border-radius: 12px; background: rgba(255, 255, 255, .06); color: #eef3fa; cursor: pointer; transition: background .15s ease, border-color .15s ease, transform .15s ease; }
.hnav-btn svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.hnav-btn:hover:not(:disabled) { border-color: #e2b04a; background: rgba(226, 176, 74, .14); color: #f0c66c; }
.hnav-btn:active:not(:disabled) { transform: translateY(1px); }
.hnav-btn:focus-visible { outline: 3px solid #e2b04a; outline-offset: 2px; }
.hnav-btn:disabled { opacity: .38; cursor: default; }
/* On light surfaces (pricing light theme, admin light theme) */
.hnav--light .hnav-btn { border-color: #c7d2e0; background: #ffffff; color: #13294b; }
.hnav--light .hnav-btn:hover:not(:disabled) { border-color: #c9962b; background: #fbf3e2; color: #8a5a00; }
:root[data-theme="dark"] .hnav--light .hnav-btn { border-color: rgba(255, 255, 255, .22); background: rgba(255, 255, 255, .06); color: #eef3fa; }
/* Floating placement on standalone pages (sign-up, verification, invitations) */
.hnav-float { position: fixed; top: 14px; left: 14px; z-index: 40; }
.hnav-float .hnav-btn { background: rgba(8, 26, 51, .78); border-color: rgba(255, 255, 255, .28); }
@media (max-width: 700px) { .hnav-float { top: auto; bottom: 14px; } }
@media print { .hnav { display: none; } }
/* Floating language switch on standalone pages (sign-up, verification, onboarding) */
.lang-float { position: fixed; top: 14px; right: 14px; z-index: 40; display: inline-flex; gap: 2px; padding: 3px; border: 1px solid rgba(255, 255, 255, .28); border-radius: 10px; background: rgba(8, 26, 51, .78); }
.lang-float button { min-height: 36px; padding: 0 12px; border: 0; border-radius: 7px; background: transparent; color: #dbe5f3; font: inherit; font-size: 17px; font-weight: 700; cursor: pointer; }
.lang-float button[aria-pressed="true"] { background: #e2b04a; color: #0b1b30; }
@media print { .lang-float { display: none; } }
.auth-page .hnav-float { top: auto; bottom: 14px; }