.font-vazir {
    font-family: 'Vazirmatn', sans-serif;
}

[dir="rtl"] table {
    text-align: right;
}

.nav-pill {
    display: inline-block;
    padding: 0.4rem 0.9rem;
    border-radius: 9999px;
    font-size: 0.875rem;
    transition: background-color 0.15s ease;
}

.nav-pill.active {
    background-color: rgb(16 185 129);
    color: rgb(2 6 23);
    font-weight: 600;
}

.nav-pill:not(.active) {
    color: rgb(148 163 184);
}

.nav-pill:not(.active):hover {
    color: white;
}