.pagination { gap: .3rem; }

.page-link {
    background: var(--bg-3);
    border: 1px solid var(--border-subtle);
    color: var(--text-primary);
    border-radius: var(--radius-sm) !important;
    font-weight: 600;
    font-size: .85rem;
}

.page-link:hover { background: var(--bg-4); color: var(--heading); }

.page-item.active .page-link {
    background: linear-gradient(135deg, var(--brand-3), var(--brand-1));
    border-color: transparent;
    color: #fff;
}

.page-item.disabled .page-link { background: transparent; opacity: .35; }

/* ---------- Empty state ---------- */
.empty-state {
    border: 1px dashed var(--border-subtle);
    border-radius: var(--radius-lg);
    background: var(--bg-3);
    padding: 3.5rem 1.5rem;
    text-align: center;
}

.empty-state .bi {
    font-size: 2.2rem;
    color: var(--brand-4);
    margin-bottom: .75rem;
}