table.dataTable {
    width: 100% !important;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    padding-top: 10px;
}

table.dataTable thead th {
    background-color: var(--gridsquad-base);
    font-weight: 600;
    color: var(--gridsquad-extra);
}

table.dataTable tbody td {
    color: var(--gridsquad-black);
}

.dataTables_filter input {
    padding: 6px 15px !important;
    border: 1px solid #e3e3e3 !important;
    border-radius: 5px !important;
    outline: none;
    font-size: 15px;
    color: var(--gridsquad-gray) !important;
    font-weight: 600;
    min-width: 300px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 6px 12px;
    margin: 2px;
    background-color: var(--gridsquad-primary) !important;
    border: 1px solid var(--gridsquad-primary) !important;
    border-radius: 4px;
    cursor: pointer;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    background-color: var(--gridsquad-bdr-color) !important;
    color: var(--gridsquad-gray) !important;
    border: 1px solid var(--gridsquad-bdr-color) !important;
}

.dataTables_wrapper .dataTables_info {
    color: #777;
}