.tab-list__track {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.tab-list__link {
    padding: 0.5rem 1rem;
    font-size: 0.8125rem;
    color: #475569;
    background: #fff;
    border-radius: 999px;
    transition: color 0.15s ease, background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.tab-list__link:not(.tab-list__link--active):hover {
    color: #1e293b;
    background: #fff;
}

.tab-list__link:focus-visible {
    outline: 2px solid #6366f1;
    outline-offset: 2px;
}

.tab-list__link--active,
.tab-list__link--active:hover {
    color: #fff !important;
    border-color: transparent !important;
    background: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%) !important;
    box-shadow: 0 4px 14px rgba(99, 102, 241, 0.32);
}

.tab-list__link--active:hover {
    box-shadow: 0 4px 14px rgba(99, 102, 241, 0.38);
}

.tab-list__link--active.tab-list__link--all {
    background: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%) !important;
    box-shadow: 0 4px 14px rgba(99, 102, 241, 0.32);
}

.tab-list__link--active.tab-list__link--pending {
    background: linear-gradient(135deg, #94a3b8 0%, #64748b 100%) !important;
    box-shadow: 0 4px 14px rgba(100, 116, 139, 0.35);
}

.tab-list__link--active.tab-list__link--processing {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%) !important;
    box-shadow: 0 4px 14px rgba(37, 99, 235, 0.35);
}

.tab-list__link--active.tab-list__link--submitted {
    background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%) !important;
    box-shadow: 0 4px 14px rgba(22, 163, 74, 0.35);
}

.tab-list__link--active.tab-list__link--failed {
    background: linear-gradient(135deg, #f87171 0%, #ef4444 100%) !important;
    box-shadow: 0 4px 14px rgba(239, 68, 68, 0.35);
}