/* Tab Navigation */

.tab-btn {
    padding: var(--space-2) var(--space-4);
    background: transparent;
    color: var(--color-text-muted);
    border: none;
    border-radius: var(--radius-md);
    font-size: var(--text-sm);
    font-weight: 500;
    white-space: nowrap;
    transition: all var(--duration-fast) var(--ease-out);
}

.tab-btn:hover {
    color: var(--color-text-secondary);
    background: var(--color-bg-tertiary);
}

.tab-btn.active {
    color: var(--color-text-primary);
    background: var(--color-bg-tertiary);
}

.tab-btn:focus-visible {
    outline: 2px solid var(--color-accent);
    outline-offset: 2px;
}