/* Dark Mode Styles for HTML Tables */
[data-theme="dark"] .table {
    background-color: #1e1e2d;
    color: #e1e3ea;
    border-color: #323248 !important;
}

[data-theme="dark"] .table th,
[data-theme="dark"] .table td {
    border-color: #323248 !important;
    color: #e1e3ea;
}

/* Header Styles */
[data-theme="dark"] .table thead th {
    background-color: #1a1a27 !important;
    color: #ffffff;
    border-color: #323248 !important;
}

/* Sticky First Column - Dark Mode */
[data-theme="dark"] .tableFixHead table td:first-child {
    background-color: #1a1a27 !important;
    color: #e1e3ea;
}

[data-theme="dark"] .tableFixHead table th:first-child {
    background-color: #252538 !important;
    color: #ffffff;
}

/* Row Hover Effect */
[data-theme="dark"] .tableFixHead table tr:hover {
    background-color: #252538 !important;
}

[data-theme="dark"] .tableFixHead table tr:hover input {
    background-color: #252538 !important;
    color: #e1e3ea;
}

/* Override Bootstrap bg-light classes in dark mode */
[data-theme="dark"] .bg-light {
    background-color: #1a1a27 !important;
    color: #e1e3ea !important;
}

[data-theme="dark"] .bg-light-danger {
    background-color: #2a1f1f !important;
    color: #ff6b93 !important;
}

[data-theme="dark"] .bg-light-dark {
    background-color: #1a1a27 !important;
    color: #b5b5c3 !important;
}

[data-theme="dark"] .bg-light-primary {
    background-color: #1a2a3a !important;
    color: #3699ff !important;
}

[data-theme="dark"] .bg-light-success {
    background-color: #1a2a1f !important;
    color: #1bc5bd !important;
}

[data-theme="dark"] .bg-light-warning {
    background-color: #2a2a1a !important;
    color: #ffa800 !important;
}

[data-theme="dark"] .bg-light-info {
    background-color: #1a2a2a !important;
    color: #8950fc !important;
}

/* Text Color Overrides */
[data-theme="dark"] .text-gray-800 {
    color: #e1e3ea !important;
}

[data-theme="dark"] .text-gray-700 {
    color: #d1d3e0 !important;
}

[data-theme="dark"] .text-gray-600 {
    color: #b5b5c3 !important;
}

[data-theme="dark"] .text-dark {
    color: #e1e3ea !important;
}

/* Form Controls in Tables */
[data-theme="dark"] .table .form-control {
    background-color: #1e1e2d;
    color: #e1e3ea;
    border-color: #323248;
}

[data-theme="dark"] .table .form-control:focus {
    background-color: #252538;
    color: #e1e3ea;
    border-color: #3699ff;
}

[data-theme="dark"] .table .form-control::placeholder {
    color: #6c6c80;
}

/* Table Striped Rows */
[data-theme="dark"] .table-striped tbody tr:nth-of-type(odd) {
    background-color: #1a1a27;
}

[data-theme="dark"] .table-striped tbody tr:nth-of-type(even) {
    background-color: #1e1e2d;
}

/* Table Hover */
[data-theme="dark"] .table-hover tbody tr:hover {
    background-color: #252538;
}

/* Card Background for Tables */
[data-theme="dark"] .card {
    background-color: #1e1e2d;
    border-color: #323248;
}

[data-theme="dark"] .card-body {
    background-color: #1e1e2d;
}

/* Table Responsive Container */
[data-theme="dark"] .table-responsive {
    background-color: #1e1e2d;
}

/* Select and Input Elements */
[data-theme="dark"] .table select,
[data-theme="dark"] .table input[type="text"],
[data-theme="dark"] .table input[type="number"],
[data-theme="dark"] .table input[type="date"],
[data-theme="dark"] .table textarea {
    background-color: #1e1e2d;
    color: #e1e3ea;
    border-color: #323248;
}

[data-theme="dark"] .table select:focus,
[data-theme="dark"] .table input:focus,
[data-theme="dark"] .table textarea:focus {
    background-color: #252538;
    border-color: #3699ff;
    color: #e1e3ea;
}

/* Buttons in Tables */
[data-theme="dark"] .table .btn-light {
    background-color: #252538;
    border-color: #323248;
    color: #e1e3ea;
}

[data-theme="dark"] .table .btn-light:hover {
    background-color: #2e2e48;
    border-color: #3699ff;
}

/* Badge Elements */
[data-theme="dark"] .badge-light {
    background-color: #252538 !important;
    color: #e1e3ea !important;
}

[data-theme="dark"] .badge-light-primary {
    background-color: #1a2a3a !important;
    color: #3699ff !important;
}

[data-theme="dark"] .badge-light-success {
    background-color: #1a2a1f !important;
    color: #1bc5bd !important;
}

[data-theme="dark"] .badge-light-danger {
    background-color: #2a1f1f !important;
    color: #ff6b93 !important;
}

[data-theme="dark"] .badge-light-warning {
    background-color: #2a2a1a !important;
    color: #ffa800 !important;
}

/* Scrollbar Styling for Tables */
[data-theme="dark"] .tableFixHead::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

[data-theme="dark"] .tableFixHead::-webkit-scrollbar-track {
    background: #1a1a27;
}

[data-theme="dark"] .tableFixHead::-webkit-scrollbar-thumb {
    background: #323248;
    border-radius: 5px;
}

[data-theme="dark"] .tableFixHead::-webkit-scrollbar-thumb:hover {
    background: #3e3e58;
}

/* Table Border Styling */
[data-theme="dark"] .table-bordered {
    border-color: #323248 !important;
}

[data-theme="dark"] .table-bordered th,
[data-theme="dark"] .table-bordered td {
    border-color: #323248 !important;
}

/* Active/Selected Row */
[data-theme="dark"] .table tbody tr.table-active {
    background-color: #1c3238;
    color: #ffffff;
}

/* Disabled Elements */
[data-theme="dark"] .table .form-control:disabled,
[data-theme="dark"] .table .form-control[readonly] {
    background-color: #151521;
    color: #6c6c80;
    opacity: 0.6;
}