@import 'tailwindcss/base';
@import 'tailwindcss/components';
@import 'tailwindcss/utilities';
@import "vue-select/dist/vue-select.css";

.dark .dataTables_wrapper,
.dark .dataTables_wrapper .dataTables_info,
.dark .dataTables_wrapper .dataTables_length,
.dark .dataTables_wrapper .dataTables_filter,
.dark .dataTables_wrapper .dataTables_paginate {
	color: #e5e7eb;
}

.dark .dataTables_wrapper .dataTables_length select,
.dark .dataTables_wrapper .dataTables_filter input {
	background-color: #111827;
	color: #f3f4f6;
	border: 1px solid #374151;
}

.dark .jct-datatable,
.dark table.dataTable {
	background-color: #111827;
	color: #f3f4f6;
	border-color: #374151;
}

.dark table.dataTable thead th,
.dark table.dataTable thead td,
.dark .jct-datatable thead th,
.dark .jct-datatable thead td {
	background-color: #1f2937;
	color: #f9fafb;
	border-bottom: 1px solid #374151;
}

.dark table.dataTable tbody tr,
.dark .jct-datatable tbody tr {
	background-color: #111827;
}

.dark table.dataTable.stripe tbody tr.odd,
.dark table.dataTable.display tbody tr.odd {
	background-color: #111827;
}

.dark table.dataTable.stripe tbody tr.even,
.dark table.dataTable.display tbody tr.even {
	background-color: #0b1220;
}

.dark table.dataTable.hover tbody tr:hover,
.dark table.dataTable.display tbody tr:hover {
	background-color: #1f2937;
}

.dark table.dataTable tbody th,
.dark table.dataTable tbody td,
.dark .jct-datatable tbody th,
.dark .jct-datatable tbody td {
	color: #e5e7eb;
	border-top: 1px solid #1f2937;
}

.dark .dataTables_wrapper .dataTables_paginate .paginate_button {
	color: #e5e7eb !important;
	border: 1px solid transparent;
}

.dark .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
	background: #1f2937;
	border: 1px solid #374151;
	color: #f9fafb !important;
}

.dark .dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dark .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
	background: #374151;
	border: 1px solid #4b5563;
	color: #f9fafb !important;
}

.jct-table-shell {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.jct-table-shell table.dataTable,
.jct-table-shell .jct-datatable {
	min-width: 700px;
}

/* Keep card-like white surfaces aligned with dark theme colors across app pages */
.dark .jct-app-shell .bg-white.shadow-sm,
.dark .jct-app-shell .bg-white.shadow,
.dark .jct-app-shell .bg-white.shadow-md,
.dark .jct-app-shell .bg-white.shadow-lg,
.dark .jct-app-shell .bg-white.shadow-xl,
.dark .jct-app-shell .rounded-lg.bg-white,
.dark .jct-app-shell .rounded-md.bg-white,
.dark .jct-app-shell .overflow-hidden.rounded-lg.bg-white,
.dark .jct-app-shell .overflow-hidden.sm\:rounded-lg.bg-white {
	background-color: #222738;
	color: #f3f4f6;
}

.dark .jct-app-shell .bg-white.border-gray-200,
.dark .jct-app-shell .border-gray-200.bg-white,
.dark .jct-app-shell .bg-white.border {
	border-color: #374151;
}

.dark .jct-app-shell .bg-gray-50 {
	background-color: #2A2F42;
}

@media (min-width: 768px) and (max-width: 1279px) {
	.jct-app-shell {
		font-size: 15px;
	}

	.jct-page-content {
		padding-top: 1.5rem;
		padding-bottom: 2rem;
	}

	.jct-table-shell table.dataTable th,
	.jct-table-shell table.dataTable td,
	.jct-table-shell .jct-datatable th,
	.jct-table-shell .jct-datatable td {
		white-space: nowrap;
	}

	.jct-table-shell .dataTables_wrapper .dataTables_length,
	.jct-table-shell .dataTables_wrapper .dataTables_filter,
	.jct-table-shell .dataTables_wrapper .dataTables_info,
	.jct-table-shell .dataTables_wrapper .dataTables_paginate {
		font-size: 0.875rem;
	}

	.jct-table-shell .dataTables_wrapper .dataTables_filter input {
		min-width: 12rem;
	}
}