/* ── Topbar Navigation Buttons ────────────────────────────────── */

.topbar__nav-btn {
    display: inline-flex;
    align-items: center;
    padding: var(--space-0\.5) var(--space-1\.5);
    font-size: var(--text-md);
    font-weight: 500;
    color: var(--color-text-muted);
    text-decoration: none;
    border-radius: 4px;
    transition: color 0.15s ease;
    white-space: nowrap;
    border: 1px solid var(--color-surface-active, #808080);
}

.topbar__nav-btn:hover {
    color: var(--color-text);
    border-color: var(--color-surface-hover, #808080);
}

.topbar__nav-btn--active {
    color: var(--color-text);
    font-weight: 600;
    border-color: var(--color-accent);
}

/* Hide nav items on auth pages (login, register) */
.auth-page .topbar__nav {
    display: none;
}