:root {
    --hbl-table-border: #e9e9e9;
    --hbl-table-header-bg: #f8f9fa;
    --hbl-table-header-text: #6c757d;
    --hbl-table-body-text: #122d50;
    --hbl-table-muted-text: #6b7280;
    --hbl-table-hover-bg: #f6f7f8;
    --hbl-table-selected-bg: #e8dfdd;
    --hbl-table-dark-bg: #1f2129;
    --hbl-table-dark-header-bg: #252830;
    --hbl-table-dark-border: rgba(255, 255, 255, 0.08);
    --hbl-table-dark-text: #dfe7f2;
    --hbl-table-dark-muted-text: #a0aec0;
    --hbl-table-dark-hover-bg: #2f3033;
    --hbl-table-dark-selected-bg: #4b2b20;
    --hbl-table-dark-row-text: #f3f4f6;
    --hbl-table-dark-group-bg: #24272e;
    --hbl-table-dark-group-text: #f3f4f6;
    --hbl-table-dark-group-border: #343946;
    --hbl-status-pending: #f08c00;
    --hbl-status-approved: #2f9e44;
    --hbl-status-rejected: #e03131;
    --hbl-status-completed: #2b8a3e;
    --hbl-status-active: #0d6efd;
    --hbl-status-inactive: #6c757d;
    --hbl-status-draft: #6c757d;
    --hbl-status-overdue: #f76707;
    --hbl-status-default: #6c757d;
    --hbl-status-new: #0d6efd;
    --hbl-status-vip: #f08c00;
    --hbl-status-residential: #2f9e44;
    --hbl-status-commercial: #0d6efd;
    --hbl-status-other: #6c757d;
}
/* Global DataTables pagination */

/* Active page - light mode */
.dataTables_wrapper .page-item.active .page-link {
    background-color: #0f2f57 !important;
    border-color: #0f2f57 !important;
    color: #fff !important;
}

/* Active page - dark mode */
body.mod-skin-dark:not(.mod-skin-light) .dataTables_wrapper .page-item.active .page-link {
    background-color: #f15e22 !important;
    border-color: #f15e22 !important;
    color: #fff !important;
}

/* Previous / Next - light and dark mode */
.dataTables_wrapper .pagination .page-item.previous .page-link,
.dataTables_wrapper .pagination .page-item.next .page-link,
body.mod-skin-dark:not(.mod-skin-light) .dataTables_wrapper .pagination .page-item.previous .page-link,
body.mod-skin-dark:not(.mod-skin-light) .dataTables_wrapper .pagination .page-item.next .page-link {
    background-color: #6b7280 !important;
    border-color: #6b7280 !important;
    color: #fff !important;
}

/* Disabled */
.dataTables_wrapper .page-item.disabled .page-link {
    background-color: #e5e7eb !important;
    border-color: #e5e7eb !important;
    color: #9ca3af !important;
    cursor: not-allowed;
}


.hbl-table-wrapper {
    width: 100%;
    max-width: 100%;
}

.table.hbl-table,
.hbl-table {
    width: 100% !important;
    margin-bottom: 0;
    border-collapse: collapse;
    color: var(--hbl-table-body-text);
}

.table.hbl-table thead th,
.hbl-table thead th {
    background-color: var(--hbl-table-header-bg) !important;
    color: var(--hbl-table-header-text) !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
    border-top: 1px solid var(--hbl-table-border) !important;
    border-bottom: 2px solid var(--hbl-table-border) !important;
    border-left: 0 !important;
    border-right: 0 !important;
    padding: 0.8rem 1.5rem 0.8rem 0.75rem !important;
    min-height: 3.25rem;
    vertical-align: middle !important;
    white-space: nowrap;
}

.table.hbl-table.table-bordered th,
.table.hbl-table.table-bordered td,
.hbl-table.table-bordered th,
.hbl-table.table-bordered td {
    border-left: 0 !important;
    border-right: 0 !important;
}

.table.hbl-table tbody td,
.hbl-table tbody td {
    padding: 0.8rem 0.75rem !important;
    vertical-align: middle !important;
    color: inherit;
    border-color: var(--hbl-table-border) !important;
    border-left: 0 !important;
    border-right: 0 !important;
}

.table.hbl-table tbody tr,
.hbl-table tbody tr {
    color: inherit;
}

.table.hbl-table tbody tr.hbl-row-selected > td:first-child,
.table.hbl-table tbody tr.selected > td:first-child,
.table.hbl-table tbody tr.table-active > td:first-child,
.table.hbl-table tbody tr[class*="hbl-row-status-"] > td:first-child,
.table.hbl-table tbody tr.invoice-row > td:first-child,
.table.hbl-table tbody tr.workorder-row > td:first-child,
.hbl-table tbody tr.hbl-row-selected > td:first-child,
.hbl-table tbody tr.selected > td:first-child,
.hbl-table tbody tr.table-active > td:first-child,
.hbl-table tbody tr[class*="hbl-row-status-"] > td:first-child,
.hbl-table tbody tr.invoice-row > td:first-child,
.hbl-table tbody tr.workorder-row > td:first-child {
    box-shadow: inset 4px 0 0 var(--hbl-row-accent, transparent);
}

.table.hbl-table tbody tr:first-child td,
.hbl-table tbody tr:first-child td {
    border-top: 0 !important;
}

.hbl-inline-responsive-table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > td:first-child,
.hbl-inline-responsive-table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > th:first-child {
    padding-left: 1.9rem !important;
}

#dt-list.hbl-inline-responsive-secondary-table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > td.dtr-control,
#dt-list.hbl-inline-responsive-secondary-table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > th.dtr-control {
    padding-left: 1.9rem !important;
}

.table.hbl-table tbody tr:hover > td,
.table.hbl-table tbody tr:focus-within > td,
.hbl-table tbody tr:hover > td,
.hbl-table tbody tr:focus-within > td {
    background-color: #f6f7f8 !important;
}

.table.hbl-table tbody tr.hbl-row-selected > td,
.table.hbl-table tbody tr.hbl-row-expanded > td,
.table.hbl-table tbody tr.selected > td,
.table.hbl-table tbody tr.table-active > td,
.table.hbl-table tbody tr > td.selected,
.hbl-table tbody tr.hbl-row-selected > td,
.hbl-table tbody tr.hbl-row-expanded > td,
.hbl-table tbody tr.selected > td,
.hbl-table tbody tr.table-active > td,
.hbl-table tbody tr > td.selected {
    background-color: #e8dfdd !important;
    border-color: transparent !important;
}

.table.hbl-table tbody tr.hbl-row-selected,
.table.hbl-table tbody tr.hbl-row-expanded,
.table.hbl-table tbody tr.selected,
.hbl-table tbody tr.hbl-row-selected,
.hbl-table tbody tr.hbl-row-expanded,
.hbl-table tbody tr.selected {
    outline: none !important;
    box-shadow: none !important;
}

.table.hbl-table tbody tr.dtrg-start > td,
.hbl-table tbody tr.dtrg-start > td {
    background-color: var(--hbl-table-header-bg) !important;
    color: var(--hbl-table-body-text) !important;
    border-top: 1px solid var(--hbl-table-border) !important;
    border-bottom: 1px solid var(--hbl-table-border) !important;
    font-weight: 700 !important;
}

.table.hbl-table tbody td.sorting_1,
.hbl-table tbody td.sorting_1 {
    background-color: rgba(18, 45, 80, 0.03) !important;
}

.table.hbl-table tbody tr:hover > td.sorting_1,
.table.hbl-table tbody tr:focus-within > td.sorting_1,
.hbl-table tbody tr:hover > td.sorting_1,
.hbl-table tbody tr:focus-within > td.sorting_1 {
    background-color: #f6f7f8 !important;
}

.table.hbl-table tbody tr.hbl-row-selected > td.sorting_1,
.table.hbl-table tbody tr.hbl-row-expanded > td.sorting_1,
.table.hbl-table tbody tr.selected > td.sorting_1,
.table.hbl-table tbody tr.table-active > td.sorting_1,
.hbl-table tbody tr.hbl-row-selected > td.sorting_1,
.hbl-table tbody tr.hbl-row-expanded > td.sorting_1,
.hbl-table tbody tr.selected > td.sorting_1,
.hbl-table tbody tr.table-active > td.sorting_1 {
    background-color: #e8dfdd !important;
}

.hbl-table-actions {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.35rem;
    white-space: nowrap;
}

.hbl-table-actions .btn,
.hbl-table-actions .btn-icon,
.hbl-table-actions a.btn {
    min-width: 2rem;
    min-height: 2rem;
}

.hbl-status-badge,
.hbl-table .status-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    padding: 0.34rem 0.85rem;
    border-radius: 9999px;
    font-size: 0.82rem;
    font-weight: 600;
    line-height: 1.2;
    white-space: nowrap;
    border: 1px solid transparent;
    background-color: #f1f3f5 !important;
    color: #495057 !important;
    border-color: #ced4da !important;
    box-shadow: none !important;
}

.hbl-status-dot,
.hbl-table .status-badge-dot {
    width: 7px;
    height: 7px;
    min-width: 7px;
    border-radius: 50%;
    display: inline-block;
    background-color: currentColor;
}

.hbl-row-status-pending,
.hbl-row-status-pending-approval,
.hbl-row-status-awaiting-deposit {
    --hbl-row-accent: var(--hbl-status-pending);
}

.hbl-row-status-approved {
    --hbl-row-accent: var(--hbl-status-approved);
}

.hbl-row-status-rejected,
.hbl-row-status-cancelled,
.hbl-row-status-withdrawn {
    --hbl-row-accent: var(--hbl-status-rejected);
}

.hbl-row-status-completed {
    --hbl-row-accent: var(--hbl-status-completed);
}

.hbl-row-status-active,
.hbl-row-status-new,
.hbl-row-status-contacted,
.hbl-row-status-scheduled,
.hbl-row-status-crew-assigned {
    --hbl-row-accent: var(--hbl-status-active);
}

.hbl-row-status-inactive,
.hbl-row-status-on-hold,
.hbl-row-status-unscheduled,
.hbl-row-status-not-scheduled {
    --hbl-row-accent: var(--hbl-status-inactive);
}

.hbl-row-status-draft,
.hbl-row-status-proposal-sent,
.hbl-row-status-sent-to-customer,
.hbl-row-status-resubmitted {
    --hbl-row-accent: var(--hbl-status-draft);
}

.hbl-row-status-overdue,
.hbl-row-status-waiting-on-material,
.hbl-row-status-pending-bid,
.hbl-row-status-in-progress {
    --hbl-row-accent: var(--hbl-status-overdue);
}

.hbl-row-status-default {
    --hbl-row-accent: var(--hbl-status-default);
}

.hbl-status-badge--pending,
.workorder-status-badge--awaiting-deposit {
    background-color: #fff2e8 !important;
    color: var(--hbl-status-pending) !important;
    border-color: #ffc999 !important;
}

.hbl-status-badge--approved,
.hbl-status-badge--completed,
.workorder-status-badge--completed {
    background-color: #ebfbee !important;
    color: var(--hbl-status-approved) !important;
    border-color: #b2dfb9 !important;
}

.hbl-status-badge--rejected,
.workorder-status-badge--cancelled {
    background-color: #fff0f0 !important;
    color: var(--hbl-status-rejected) !important;
    border-color: #ffc9c9 !important;
}

.hbl-status-badge--active,
.hbl-status-badge--new,
.hbl-status-badge--commercial,
.workorder-status-badge--scheduled,
.workorder-status-badge--crew-assigned {
    background-color: #e8f3ff !important;
    color: var(--hbl-status-active) !important;
    border-color: #9ac5ff !important;
}

.hbl-status-badge--inactive,
.hbl-status-badge--default,
.hbl-status-badge--other,
.workorder-status-badge--default,
.workorder-status-badge--unscheduled,
.workorder-status-badge--on-hold {
    background-color: #f1f3f5 !important;
    color: var(--hbl-status-inactive) !important;
    border-color: #ced4da !important;
}

.hbl-status-badge--draft {
    background-color: #f1f3f5 !important;
    color: var(--hbl-status-draft) !important;
    border-color: #ced4da !important;
}

.hbl-status-badge--overdue,
.hbl-status-badge--vip,
.workorder-status-badge--in-progress,
.workorder-status-badge--waiting-on-material {
    background-color: #fff2e8 !important;
    color: var(--hbl-status-overdue) !important;
    border-color: #ffc999 !important;
}

.hbl-status-badge--residential {
    background-color: #ebfbee !important;
    color: var(--hbl-status-residential) !important;
    border-color: #b2dfb9 !important;
}

body.mod-skin-dark:not(.mod-skin-light) .table.hbl-table,
body.mod-skin-dark:not(.mod-skin-light) .hbl-table {
    color: var(--hbl-table-dark-text);
}

body.mod-skin-dark:not(.mod-skin-light) .table.hbl-table thead th,
body.mod-skin-dark:not(.mod-skin-light) .hbl-table thead th {
    background-color: var(--hbl-table-dark-group-bg, #24272e) !important;
    color: var(--hbl-table-dark-group-text, #f3f4f6) !important;
    border-color: var(--hbl-table-dark-group-border, #343946) !important;
}

body.mod-skin-dark:not(.mod-skin-light) .table.hbl-table thead th.sorting_asc,
body.mod-skin-dark:not(.mod-skin-light) .table.hbl-table thead th.sorting_desc,
body.mod-skin-dark:not(.mod-skin-light) .hbl-table thead th.sorting_asc,
body.mod-skin-dark:not(.mod-skin-light) .hbl-table thead th.sorting_desc {
    color: #b9d2f5 !important;
}

body.mod-skin-dark:not(.mod-skin-light) .table.hbl-table tbody td,
body.mod-skin-dark:not(.mod-skin-light) .hbl-table tbody td {
    color: inherit;
    border-color: var(--hbl-table-dark-border) !important;
}

body.mod-skin-dark:not(.mod-skin-light) .table.hbl-table tbody tr.dtrg-start > td,
body.mod-skin-dark:not(.mod-skin-light) .hbl-table tbody tr.dtrg-start > td,
body.mod-skin-dark:not(.mod-skin-light) .table.hbl-table tbody tr.dtrg-start:hover > td,
body.mod-skin-dark:not(.mod-skin-light) .hbl-table tbody tr.dtrg-start:hover > td {
    background: none !important;
    background-color: var(--hbl-table-dark-group-bg, #24272e) !important;
    background-image: none !important;
    color: var(--hbl-table-dark-group-text, #f3f4f6) !important;
    border-top-color: var(--hbl-table-dark-group-border, #343946) !important;
    border-bottom-color: var(--hbl-table-dark-group-border, #343946) !important;
}

body.mod-skin-dark:not(.mod-skin-light) .hbl-status-badge--pending,
body.mod-skin-dark:not(.mod-skin-light) .workorder-status-badge--awaiting-deposit {
    background-color: rgba(240, 140, 0, 0.16) !important;
    color: #ffd8a8 !important;
    border-color: rgba(255, 201, 153, 0.4) !important;
}

body.mod-skin-dark:not(.mod-skin-light) .hbl-status-badge--approved,
body.mod-skin-dark:not(.mod-skin-light) .hbl-status-badge--completed,
body.mod-skin-dark:not(.mod-skin-light) .workorder-status-badge--completed {
    background-color: rgba(47, 158, 68, 0.16) !important;
    color: #b2f2bb !important;
    border-color: rgba(178, 223, 185, 0.4) !important;
}

body.mod-skin-dark:not(.mod-skin-light) .hbl-status-badge--rejected,
body.mod-skin-dark:not(.mod-skin-light) .workorder-status-badge--cancelled {
    background-color: rgba(224, 49, 49, 0.16) !important;
    color: #ffc9c9 !important;
    border-color: rgba(255, 201, 201, 0.4) !important;
}

body.mod-skin-dark:not(.mod-skin-light) .hbl-status-badge--active,
body.mod-skin-dark:not(.mod-skin-light) .hbl-status-badge--new,
body.mod-skin-dark:not(.mod-skin-light) .hbl-status-badge--commercial,
body.mod-skin-dark:not(.mod-skin-light) .workorder-status-badge--scheduled,
body.mod-skin-dark:not(.mod-skin-light) .workorder-status-badge--crew-assigned {
    background-color: rgba(13, 110, 253, 0.16) !important;
    color: #b6d4fe !important;
    border-color: rgba(154, 197, 255, 0.4) !important;
}

body.mod-skin-dark:not(.mod-skin-light) .hbl-status-badge--inactive,
body.mod-skin-dark:not(.mod-skin-light) .hbl-status-badge--default,
body.mod-skin-dark:not(.mod-skin-light) .hbl-status-badge--other,
body.mod-skin-dark:not(.mod-skin-light) .workorder-status-badge--default,
body.mod-skin-dark:not(.mod-skin-light) .workorder-status-badge--unscheduled,
body.mod-skin-dark:not(.mod-skin-light) .workorder-status-badge--on-hold {
    background-color: rgba(108, 117, 125, 0.16) !important;
    color: #dee2e6 !important;
    border-color: rgba(206, 212, 218, 0.35) !important;
}

body.mod-skin-dark:not(.mod-skin-light) .hbl-status-badge--draft {
    background-color: rgba(108, 117, 125, 0.16) !important;
    color: #dee2e6 !important;
    border-color: rgba(206, 212, 218, 0.35) !important;
}

body.mod-skin-dark:not(.mod-skin-light) .hbl-status-badge--overdue,
body.mod-skin-dark:not(.mod-skin-light) .hbl-status-badge--vip,
body.mod-skin-dark:not(.mod-skin-light) .workorder-status-badge--in-progress,
body.mod-skin-dark:not(.mod-skin-light) .workorder-status-badge--waiting-on-material {
    background-color: rgba(240, 140, 0, 0.16) !important;
    color: #ffd8a8 !important;
    border-color: rgba(255, 201, 153, 0.4) !important;
}

body.mod-skin-dark:not(.mod-skin-light) .hbl-status-badge--residential {
    background-color: rgba(47, 158, 68, 0.16) !important;
    color: #b2f2bb !important;
    border-color: rgba(178, 223, 185, 0.4) !important;
}

/* Missing common badge tones */
.hbl-status-badge--primary { background-color: #e8f3ff !important; color: #0d6efd !important; border-color: #9ac5ff !important; }
.hbl-status-badge--secondary { background-color: #f1f3f5 !important; color: #6c757d !important; border-color: #ced4da !important; }
.hbl-status-badge--success { background-color: #ebfbee !important; color: #2f9e44 !important; border-color: #b2dfb9 !important; }
.hbl-status-badge--danger { background-color: #fff0f0 !important; color: #e03131 !important; border-color: #ffc9c9 !important; }
.hbl-status-badge--warning { background-color: #fff2e8 !important; color: #f08c00 !important; border-color: #ffc999 !important; }
.hbl-status-badge--info { background-color: #e7f5ff !important; color: #15aabf !important; border-color: #99e9f2 !important; }

body.mod-skin-dark:not(.mod-skin-light) .hbl-status-badge--primary { background-color: rgba(13, 110, 253, 0.16) !important; color: #b6d4fe !important; border-color: rgba(154, 197, 255, 0.4) !important; }
body.mod-skin-dark:not(.mod-skin-light) .hbl-status-badge--secondary { background-color: rgba(108, 117, 125, 0.16) !important; color: #dee2e6 !important; border-color: rgba(206, 212, 218, 0.35) !important; }
body.mod-skin-dark:not(.mod-skin-light) .hbl-status-badge--success { background-color: rgba(47, 158, 68, 0.16) !important; color: #b2f2bb !important; border-color: rgba(178, 223, 185, 0.4) !important; }
body.mod-skin-dark:not(.mod-skin-light) .hbl-status-badge--danger { background-color: rgba(224, 49, 49, 0.16) !important; color: #ffc9c9 !important; border-color: rgba(255, 201, 201, 0.4) !important; }
body.mod-skin-dark:not(.mod-skin-light) .hbl-status-badge--warning { background-color: rgba(240, 140, 0, 0.16) !important; color: #ffd8a8 !important; border-color: rgba(255, 201, 153, 0.4) !important; }
body.mod-skin-dark:not(.mod-skin-light) .hbl-status-badge--info { background-color: rgba(21, 170, 191, 0.16) !important; color: #99e9f2 !important; border-color: rgba(153, 233, 242, 0.4) !important; }

body.mod-skin-dark:not(.mod-skin-light) .hbl-table tbody tr:hover > td {
    background-color: var(--hbl-table-dark-hover-bg) !important;
    color: var(--hbl-table-dark-row-text, #f3f4f6) !important;
}

body.mod-skin-dark:not(.mod-skin-light) .hbl-table tbody tr.selected > td,
body.mod-skin-dark:not(.mod-skin-light) .hbl-table tbody tr.table-active > td,
body.mod-skin-dark:not(.mod-skin-light) .hbl-table tbody tr.hbl-row-expanded > td,
body.mod-skin-dark:not(.mod-skin-light) .hbl-table tbody tr.hbl-row-selected > td {
    background-color: var(--hbl-table-dark-selected-bg) !important;
    color: var(--hbl-table-dark-row-text, #f3f4f6) !important;
}

body.mod-skin-dark:not(.mod-skin-light) .hbl-table tbody tr.selected:hover > td,
body.mod-skin-dark:not(.mod-skin-light) .hbl-table tbody tr.table-active:hover > td,
body.mod-skin-dark:not(.mod-skin-light) .hbl-table tbody tr.hbl-row-expanded:hover > td,
body.mod-skin-dark:not(.mod-skin-light) .hbl-table tbody tr.hbl-row-selected:hover > td {
    background-color: var(--hbl-table-dark-selected-bg) !important;
    color: var(--hbl-table-dark-row-text, #f3f4f6) !important;
}

body.mod-skin-dark:not(.mod-skin-light) .hbl-table tbody tr:hover > td.sorting_1 {
    background-color: var(--hbl-table-dark-hover-bg) !important;
    color: var(--hbl-table-dark-row-text, #f3f4f6) !important;
}

body.mod-skin-dark:not(.mod-skin-light) .hbl-table tbody tr.selected > td.sorting_1,
body.mod-skin-dark:not(.mod-skin-light) .hbl-table tbody tr.table-active > td.sorting_1,
body.mod-skin-dark:not(.mod-skin-light) .hbl-table tbody tr.hbl-row-expanded > td.sorting_1,
body.mod-skin-dark:not(.mod-skin-light) .hbl-table tbody tr.hbl-row-selected > td.sorting_1,
body.mod-skin-dark:not(.mod-skin-light) .hbl-table tbody tr.selected:hover > td.sorting_1,
body.mod-skin-dark:not(.mod-skin-light) .hbl-table tbody tr.table-active:hover > td.sorting_1,
body.mod-skin-dark:not(.mod-skin-light) .hbl-table tbody tr.hbl-row-expanded:hover > td.sorting_1,
body.mod-skin-dark:not(.mod-skin-light) .hbl-table tbody tr.hbl-row-selected:hover > td.sorting_1 {
    background-color: var(--hbl-table-dark-selected-bg) !important;
    color: var(--hbl-table-dark-row-text, #f3f4f6) !important;
}

body.mod-skin-dark:not(.mod-skin-light) .hbl-table tbody tr:hover > td a,
body.mod-skin-dark:not(.mod-skin-light) .hbl-table tbody tr.hbl-row-expanded > td a,
body.mod-skin-dark:not(.mod-skin-light) .hbl-table tbody tr.selected > td a,
body.mod-skin-dark:not(.mod-skin-light) .hbl-table tbody tr.table-active > td a,
body.mod-skin-dark:not(.mod-skin-light) .hbl-table tbody tr.hbl-row-selected > td a,
body.mod-skin-dark:not(.mod-skin-light) .hbl-table tbody tr.hbl-row-expanded:hover > td a,
body.mod-skin-dark:not(.mod-skin-light) .hbl-table tbody tr.selected:hover > td a,
body.mod-skin-dark:not(.mod-skin-light) .hbl-table tbody tr.table-active:hover > td a,
body.mod-skin-dark:not(.mod-skin-light) .hbl-table tbody tr.hbl-row-selected:hover > td a {
    color: var(--hbl-table-dark-row-text, #f3f4f6) !important;
}

body.mod-skin-dark:not(.mod-skin-light) .hbl-table tbody tr:hover > td .btn,
body.mod-skin-dark:not(.mod-skin-light) .hbl-table tbody tr.hbl-row-expanded > td .btn,
body.mod-skin-dark:not(.mod-skin-light) .hbl-table tbody tr.selected > td .btn,
body.mod-skin-dark:not(.mod-skin-light) .hbl-table tbody tr.table-active > td .btn,
body.mod-skin-dark:not(.mod-skin-light) .hbl-table tbody tr.hbl-row-selected > td .btn {
    color: inherit;
}

body.mod-skin-dark:not(.mod-skin-light) .hbl-table tbody :is(
    tr:hover,
    tr.hbl-row-expanded,
    tr.selected,
    tr.table-active,
    tr.hbl-row-selected,
    tr.hbl-row-expanded:hover,
    tr.selected:hover,
    tr.table-active:hover,
    tr.hbl-row-selected:hover
) > td :where(.text-primary, .text-secondary, .text-muted, .text-body, .text-dark, small, i) {
    color: var(--hbl-table-dark-row-text, #f3f4f6) !important;
}


.dataTables_wrapper .pagination .page-item:not(.active):not(.disabled):not(.previous):not(.next) .page-link:hover,
.dataTables_wrapper .pagination .page-item:not(.active):not(.disabled):not(.previous):not(.next) .page-link:focus {
    color: #0f2f57 !important;
    background-color: #f6f7f8 !important;
    border-color: #d1d5db !important;
    box-shadow: none !important;
}

body.mod-skin-dark:not(.mod-skin-light) .dataTables_wrapper .pagination .page-item:not(.active):not(.disabled):not(.previous):not(.next) .page-link:hover,
body.mod-skin-dark:not(.mod-skin-light) .dataTables_wrapper .pagination .page-item:not(.active):not(.disabled):not(.previous):not(.next) .page-link:focus {
    color: #dfe7f2 !important;
    background-color: #2f3033 !important;
    border-color: #4b5563 !important;
    box-shadow: none !important;
}