.task-scope-toggle {
    display: flex;
    gap: var(--space-1);
    margin-bottom: var(--space-4);
    background: var(--color-bg-secondary);
    border-radius: var(--radius-full);
    padding: 3px;
    width: fit-content;
}
.scope-link {
    padding: var(--space-1) var(--space-4);
    border-radius: var(--radius-full);
    font-size: var(--font-size-sm);
    font-weight: 500;
    text-decoration: none;
    color: var(--color-text-secondary);
    transition: all 0.15s;
}
.scope-link.active {
    background: var(--color-bg);
    color: var(--color-text);
    box-shadow: 0 1px 3px rgba(0,0,0,0.08);
}
.scope-link:hover:not(.active) {
    color: var(--color-text);
}