@font-face {
    font-family: 'bahij2';
    src: url('../fonts/bahij2.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.bahij2 {
    font-family: 'bahij2' !important;
} 

.table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 0.875rem; 
}
 
    .table thead { 
        text-transform: uppercase;
        font-weight: 600;
        background-color: var(--color-base-200);
        color: var(--color-base-content);
    }
     
    .table th,
    .table td {
        padding: 1rem;
        border-bottom: 1px solid var(--color-base-300);
        text-align: right !important;
        vertical-align: middle;
    }


    .table tr:last-child th:last-child, .table tr td:last-child {
        width: 50px !important;
        text-align: center !important;
    }
.dataTables_length {
    margin-bottom: 10px;
}

.dataTables_wrapper .dataTables_paginate {
    margin-top: 1rem;
    text-align: right;
}

    /* Pagination buttons */
    .dataTables_wrapper .dataTables_paginate .paginate_button {
        display: inline-block;
        padding: 3px 10px !important;
        margin: 0 2px; 
        border-radius: var(--radius-field) !important;
        background-color: var(--color-base-300) !important;
        color: var(--color-base-content) !important;
        font-size: 0.875rem; 
        cursor: pointer;
        transition: all 0.2s ease;
    }
        .dataTables_wrapper .dataTables_paginate span:has(.paginate_button:hover) {
            background-color: var(--color-base-200) !important;
            color: var(--color-base-content) !important; 
        }

        .dataTables_wrapper .dataTables_paginate span:has(.current) .current {
            color: var(--color-neutral-content) !important;
            background-color: var(--color-neutral) !important;
            border-color: var(--color-base-200) !important;
            font-weight: bold;
        }
            /* Disabled */
            .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
                color: #9ca3af !important;
                background-color: #f9fafb;
                border-color: #e5e7eb;
                cursor: not-allowed !important;
            }