/* 1. Bungkus tabel wpDataTables biar ada ruang & di-tengah-kan */
.wpdt-c.wpDataTable.wpDataTableWrapper,
.wpDataTablesWrapper {
 max-width: 1200px;
 margin: 0 auto; /* tengah */
 padding: 16px 24px; /* ruang kiri-kanan */
}

/* 2. Tabelnya sendiri: full lebar wrapper + tampilan lebih rapi */
table.wpDataTable {
 width: 100% !important;
 border-collapse: collapse;
 background: #ffffff;
 box-shadow: 0 2px 6px rgba(0,0,0,0.05);
 border-radius: 6px;
 overflow: hidden;
}

/* Header */
table.wpDataTable thead th {
 background-color: #E3E2DF;
 color: #000;
 font-weight: 600;
 padding: 10px 12px;
 text-align: left;
 border-bottom: 2px solid #d0cfcf;
}

/* Isi sel */
table.wpDataTable tbody td {
 padding: 8px 12px;
 font-size: 13px;
 border-bottom: 1px solid #f0f0f0;
}

/* Baris selang-seling */
table.wpDataTable tbody tr:nth-child(even) {
 background-color: #f9f9f9;
}

/* 3. Panel atas/bawah (filter, info, pagination, export) lebih rapi */
.wpDataTablesWrapper .wdt-top-panel,
.wpDataTablesWrapper .wdt-bottom-panel {
 max-width: 1200px;
 margin: 0 auto;
 padding: 0 24px;
}

.wpDataTablesWrapper .dataTables_length,
.wpDataTablesWrapper .dataTables_filter,
.wpDataTablesWrapper .dataTables_info,
.wpDataTablesWrapper .dataTables_paginate {
 font-size: 12px;
}

/* Tombol pagination */
.wpDataTablesWrapper .dataTables_paginate .paginate_button.current {
 background: #9A1750;
 color: #fff !important;
 border: 1px solid #9A1750;
 border-radius: 3px;
}

.wpDataTablesWrapper .dataTables_paginate .paginate_button {
 padding: 2px 8px;
 margin: 0 2px;
}

/* 4. Tombol export/print biar selaras brand */
.wpDataTablesWrapper .dt-buttons .dt-button {
 background: #9A1750;
 border: 1px solid #9A1750;
 color: #fff;
 border-radius: 3px;
 padding: 4px 10px;
 font-size: 12px;
 margin-right: 4px;
}
.wpDataTablesWrapper .dt-buttons .dt-button:hover {
 background: #7b123f;
 border-color: #7b123f;
}
