/* assets/css/datatables-tailwind.css */
.dataTables_wrapper {
    @apply w-full;
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
    @apply mb-4 text-sm text-slate-400;
}

.dataTables_wrapper .dataTables_length select,
.dataTables_wrapper .dataTables_filter input {
    @apply bg-slate-900 border border-slate-600 rounded-lg px-3 py-1.5 text-slate-100 focus:outline-none focus:border-blue-500;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    @apply px-3 py-1.5 mx-1 rounded-lg text-sm font-medium transition-colors;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    @apply bg-blue-600 text-white;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.current) {
    @apply bg-slate-700 text-white;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
    @apply text-slate-600 cursor-not-allowed;
}

table.dataTable {
    @apply w-full border-collapse;
}

table.dataTable thead th {
    @apply border-b border-slate-700 bg-slate-900/50 text-left text-xs font-medium text-slate-400 uppercase tracking-wider;
}

table.dataTable tbody td {
    @apply px-6 py-4 border-b border-slate-700/50 text-sm text-slate-300;
}

table.dataTable tbody tr:hover {
    @apply bg-slate-700/50;
}

table.dataTable.no-footer {
    @apply border-b border-slate-700;
}


        /* DataTables */
        .dataTables_wrapper {
            color: var(--text);
        }

        .dataTables_wrapper .dataTables_length,
        .dataTables_wrapper .dataTables_filter,
        .dataTables_wrapper .dataTables_info,
        .dataTables_wrapper .dataTables_paginate {
            color: var(--text-muted);
        }

        .dataTables_wrapper .dataTables_length select,
        .dataTables_wrapper .dataTables_filter input {
            background: var(--bg);
            border: 1px solid var(--border);
            color: var(--text);
            padding: 0.5rem;
            border-radius: 6px;
        }

        table.dataTable {
            width: 100% !important;
            background: transparent;
            border-collapse: collapse;
        }

        table.dataTable thead th {
            background: var(--bg);
            color: var(--text-muted);
            font-weight: 600;
            padding: 1rem;
            text-align: left;
            border-bottom: 2px solid var(--border);
            cursor: pointer;
        }

        table.dataTable tbody td {
            padding: 1rem;
            border-bottom: 1px solid var(--border);
            color: var(--text);
        }

        table.dataTable tbody tr:hover {
            background: var(--bg-hover);
        }

        .dataTables_wrapper .dataTables_paginate .paginate_button {
            background: var(--bg);
            border: 1px solid var(--border);
            color: var(--text) !important;
            padding: 0.5rem 0.8rem;
            margin: 0 2px;
            border-radius: 6px;
            cursor: pointer;
        }

        .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
            background: var(--bg-hover) !important;
            border-color: var(--primary);
            color: var(--primary) !important;
        }

        .dataTables_wrapper .dataTables_paginate .paginate_button.current {
            background: var(--primary) !important;
            border-color: var(--primary) !important;
            color: white !important;
        }