@charset "utf-8";
/* CSS Document */
.dark .dataTables_wrapper .dataTables_length,
        .dark .dataTables_wrapper .dataTables_filter,
        .dark .dataTables_wrapper .dataTables_info,
        .dark .dataTables_wrapper .dataTables_processing,
        .dark .dataTables_wrapper .dataTables_paginate {
            color: #cbd5e1 !important; /* slate-300 */
        }

        /* Input tìm kiếm và Select số lượng dòng */
        .dark .dataTables_wrapper .dataTables_length select,
        .dark .dataTables_wrapper .dataTables_filter input {
            background-color: #1e293b; /* slate-800 */
            color: #fff;
            border: 1px solid #475569; /* slate-600 */
            padding: 4px;
            border-radius: 4px;
        }
        
        .dark .dataTables_wrapper .dataTables_filter input:focus,
        .dark .dataTables_wrapper .dataTables_length select:focus {
            outline: none;
            border-color: #06b6d4; /* cyan-500 */
            box-shadow: 0 0 0 1px #06b6d4;
        }

        /* Đường kẻ dưới của bảng */
        .dark table.dataTable.no-footer {
            border-bottom: 1px solid #334155 !important; /* slate-700 */
        }

        /* Nút phân trang (Pagination) */
        .dark .dataTables_wrapper .dataTables_paginate .paginate_button {
            color: #cbd5e1 !important; /* Màu chữ mặc định */
        }

        /* Nút trang hiện tại (Active) */
        .dark .dataTables_wrapper .dataTables_paginate .paginate_button.current,
        .dark .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
            color: #fff !important;
            background: #06b6d4 !important; /* cyan-500 - đồng bộ với theme */
            border: 1px solid #06b6d4 !important;
        }

        /* Hover vào nút phân trang */
        .dark .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
            color: #fff !important;
            background: #334155 !important; /* slate-700 */
            border: 1px solid #475569 !important;
        }

        /* Nút phân trang bị vô hiệu hóa (Previous/Next khi ở đầu/cuối) */
        .dark .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
        .dark .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
        .dark .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
            color: #64748b !important; /* slate-500 */
            background: transparent !important;
            border: 1px solid transparent !important;
            cursor: default !important;
        }
        
        /* Icon sắp xếp (Sort icons) */
        .dark table.dataTable thead .sorting:before,
        .dark table.dataTable thead .sorting:after,
        .dark table.dataTable thead .sorting_asc:before,
        .dark table.dataTable thead .sorting_asc:after,
        .dark table.dataTable thead .sorting_desc:before,
        .dark table.dataTable thead .sorting_desc:after {
            opacity: 0.6;
            color: #94a3b8; /* slate-400 */
        }