.segment-tabs {
    gap: 0.5rem;
    padding: 0.25rem;
    background-color: var(--bs-bg-gray);
    border-radius: var(--bs-border-radius);
}

.segment-tabs .segment-tab {
    --bs-btn-padding-x: 1rem;
    --bs-btn-padding-y: 0.5rem;
    --bs-btn-border-radius: 0.375rem;
    --bs-btn-font-size: 0.875rem;
    --bs-btn-border-width: 0;
    gap: 0.375rem;
}

.segment-tabs .segment-tab.active {
    background: white;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.segment-tabs .segment-tab .segment-count {
    font-size: 0.75rem;
    padding: 0.125rem 0.375rem;
    border-radius: 0.625rem;
    background-color: var(--bs-bg-gray-hover);
}

.segment-tab.active .segment-count {
    background-color: var(--bs-black);
    color: var(--bs-white);
}