/* ============================================================
   AURA SMS — COMPREHENSIVE DARK MODE
   Unified dark theme for Admin, User, and Client panels
   ============================================================ */

/* ============================================================
   1. GLOBAL DARK MODE BASE
   ============================================================ */

.dark .fi-body .fi-main {
    background: #0f172a !important;
}

.dark .fi-body .fi-page {
    color: #e2e8f0 !important;
}

/* ============================================================
   2. SIDEBAR — Dark
   ============================================================ */

.dark .fi-body .fi-sidebar {
    background: #1e293b !important;
    border-right-color: #334155 !important;
}

.dark .fi-body .fi-sidebar-group {
    border-color: #334155 !important;
    background: #1e293b !important;
}

.dark .fi-body .fi-sidebar-group-label {
    color: #94a3b8 !important;
    background: #0f172a !important;
    border-bottom-color: #334155 !important;
}

.dark .fi-body .fi-sidebar-item a,
.dark .fi-body .fi-sidebar-item button {
    color: #cbd5e1 !important;
}

.dark .fi-body .fi-sidebar-item a:hover,
.dark .fi-body .fi-sidebar-item button:hover {
    background: #334155 !important;
    color: #f1f5f9 !important;
}

.dark .fi-body .fi-sidebar-item-active a,
.dark .fi-body .fi-sidebar-item.active a,
.dark .fi-body .fi-sidebar-item-active button,
.dark .fi-body .fi-sidebar-item.active button {
    background: #1e40af !important;
    color: #ffffff !important;
    border-color: #3b82f6 !important;
}

/* ============================================================
   3. TOPBAR — Dark
   ============================================================ */

.dark .fi-body .fi-topbar > nav {
    background: #1e293b !important;
    border-color: #334155 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

.dark .fi-body .fi-topbar-open-sidebar-btn,
.dark .fi-body .fi-topbar-close-sidebar-btn {
    background: #334155 !important;
    border-color: #475569 !important;
    color: #cbd5e1 !important;
}

.dark .fi-body .fi-topbar-open-sidebar-btn:hover,
.dark .fi-body .fi-topbar-close-sidebar-btn:hover {
    background: #475569 !important;
    color: #f1f5f9 !important;
}

.dark .fi-body .fi-topbar .custom-logout-btn {
    background: #7f1d1d !important;
    border-color: #991b1b !important;
    color: #fecaca !important;
}

.dark .fi-body .fi-topbar .custom-logout-btn:hover {
    background: #991b1b !important;
    border-color: #b91c1c !important;
    color: #ffffff !important;
}

/* ============================================================
   4. SECTIONS & CARDS — Dark
   ============================================================ */

.dark .fi-body .fi-section {
    background: #1e293b !important;
    border-color: #334155 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

.dark .fi-body .fi-section-header {
    background: #0f172a !important;
    border-bottom-color: #334155 !important;
}

.dark .fi-body .fi-section-header-heading {
    color: #f1f5f9 !important;
}

.dark .fi-body .fi-section-content {
    color: #cbd5e1 !important;
}

.dark .fi-body .fi-section-footer-ctn {
    background: #0f172a !important;
    border-top-color: #334155 !important;
}

/* ============================================================
   5. PAGE HEADER — Dark
   ============================================================ */

.dark .fi-body .fi-header-heading {
    color: #f1f5f9 !important;
}

.dark .fi-body .fi-header-subheading {
    color: #94a3b8 !important;
}

/* ============================================================
   6. TABLES — Dark
   ============================================================ */

.dark .fi-body .fi-ta-ctn {
    background: #1e293b !important;
    border-color: #334155 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

.dark .fi-body .fi-ta-header {
    background: #1e293b !important;
    border-bottom-color: #334155 !important;
}

.dark .fi-body .fi-ta-header-cell {
    background: #0f172a !important;
    border-bottom-color: #334155 !important;
    color: #94a3b8 !important;
}

.dark .fi-body .fi-ta-cell {
    border-bottom-color: #334155 !important;
    color: #cbd5e1 !important;
}

.dark .fi-body tbody tr:nth-child(even) td {
    background-color: #172033 !important;
}

.dark .fi-body tbody tr:hover td {
    background: linear-gradient(90deg, #1e3a5f 0%, #1e293b 70%) !important;
    color: #f1f5f9 !important;
}

.dark .fi-body .fi-ta-search-field input {
    background: #0f172a !important;
    border-color: #475569 !important;
    color: #e2e8f0 !important;
}

.dark .fi-body .fi-ta-search-field input::placeholder {
    color: #64748b !important;
}

.dark .fi-body .fi-ta-filters-btn,
.dark .fi-body .fi-ta-toggle-columns-btn {
    background: #334155 !important;
    border-color: #475569 !important;
    color: #cbd5e1 !important;
}

.dark .fi-body .fi-ta-filters-btn:hover,
.dark .fi-body .fi-ta-toggle-columns-btn:hover {
    background: #475569 !important;
    border-color: #64748b !important;
    color: #f1f5f9 !important;
}

.dark .fi-body .fi-ta-filter-indicators {
    background: #0f172a !important;
    border-bottom-color: #334155 !important;
}

.dark .fi-body .fi-ta-filter-indicator {
    background: #1e3a5f !important;
    color: #93c5fd !important;
    border-color: #3b82f6 !important;
}

.dark .fi-body .fi-ta-empty {
    color: #94a3b8 !important;
}

.dark .fi-body .fi-ta-empty-heading {
    color: #cbd5e1 !important;
}

/* ============================================================
   7. FORM INPUTS — Dark
   ============================================================ */

.dark .fi-body .fi-fo-field-wrp-label,
.dark .fi-body label.fi-fo-field-wrp-label {
    color: #cbd5e1 !important;
}

.dark .fi-body input[type="text"],
.dark .fi-body input[type="email"],
.dark .fi-body input[type="password"],
.dark .fi-body input[type="number"],
.dark .fi-body input[type="tel"],
.dark .fi-body input[type="url"],
.dark .fi-body input[type="date"],
.dark .fi-body input[type="datetime-local"],
.dark .fi-body input[type="time"],
.dark .fi-body select,
.dark .fi-body textarea,
.dark .fi-body .fi-fo-text-input input,
.dark .fi-body .fi-fo-select select,
.dark .fi-body .fi-fo-textarea textarea {
    background: #0f172a !important;
    border-color: #475569 !important;
    color: #e2e8f0 !important;
}

.dark .fi-body input[type="text"]:focus,
.dark .fi-body input[type="email"]:focus,
.dark .fi-body input[type="password"]:focus,
.dark .fi-body input[type="number"]:focus,
.dark .fi-body input[type="tel"]:focus,
.dark .fi-body input[type="url"]:focus,
.dark .fi-body input[type="date"]:focus,
.dark .fi-body input[type="datetime-local"]:focus,
.dark .fi-body input[type="time"]:focus,
.dark .fi-body select:focus,
.dark .fi-body textarea:focus,
.dark .fi-body .fi-fo-text-input input:focus,
.dark .fi-body .fi-fo-select select:focus,
.dark .fi-body .fi-fo-textarea textarea:focus {
    background: #1e293b !important;
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.25) !important;
}

.dark .fi-body input::placeholder,
.dark .fi-body textarea::placeholder {
    color: #64748b !important;
}

.dark .fi-body input[type="checkbox"] {
    border-color: #475569 !important;
    background: #0f172a !important;
}

.dark .fi-body input[type="checkbox"]:checked {
    background: #2563eb !important;
    border-color: #2563eb !important;
}

/* ============================================================
   8. BUTTONS — Dark
   ============================================================ */

.dark .fi-body .fi-btn-gray,
.dark .fi-body .fi-btn-secondary,
.dark .fi-body .fi-btn.fi-color-gray {
    background: #334155 !important;
    border-color: #475569 !important;
    color: #f1f5f9 !important;
}

.dark .fi-body .fi-btn-gray:hover,
.dark .fi-body .fi-btn-secondary:hover,
.dark .fi-body .fi-btn.fi-color-gray:hover {
    background: #475569 !important;
    border-color: #64748b !important;
    color: #ffffff !important;
}

.dark .fi-body .fi-btn.fi-color-primary,
.dark .fi-body .fi-btn-primary {
    background: #2563eb !important;
    border-color: #2563eb !important;
    color: #ffffff !important;
}

.dark .fi-body .fi-btn.fi-color-primary .fi-btn-label,
.dark .fi-body .fi-btn-primary .fi-btn-label {
    color: #ffffff !important;
}

/* ============================================================
   9. BADGES — Dark
   ============================================================ */

.dark .fi-body .fi-badge-success {
    background: #064e3b !important;
    color: #6ee7b7 !important;
    border-color: #065f46 !important;
}

.dark .fi-body .fi-badge-danger {
    background: #7f1d1d !important;
    color: #fca5a5 !important;
    border-color: #991b1b !important;
}

.dark .fi-body .fi-badge-warning {
    background: #78350f !important;
    color: #fcd34d !important;
    border-color: #92400e !important;
}

.dark .fi-body .fi-badge-info {
    background: #1e3a5f !important;
    color: #93c5fd !important;
    border-color: #1e40af !important;
}

.dark .fi-body .fi-badge-primary {
    background: #1e3a5f !important;
    color: #93c5fd !important;
    border-color: #1e40af !important;
}

.dark .fi-body .fi-badge-gray {
    background: #334155 !important;
    color: #cbd5e1 !important;
    border-color: #475569 !important;
}

/* ============================================================
   10. MODALS — Dark
   ============================================================ */

.dark .fi-body .fi-modal-window {
    background: #1e293b !important;
    border-color: #334155 !important;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.5) !important;
}

.dark .fi-body .fi-modal-header {
    background: #0f172a !important;
    border-bottom-color: #334155 !important;
}

.dark .fi-body .fi-modal-header-heading {
    color: #f1f5f9 !important;
}

.dark .fi-body .fi-modal-content {
    color: #cbd5e1 !important;
}

.dark .fi-body .fi-modal-footer {
    background: #0f172a !important;
    border-top-color: #334155 !important;
}

/* ============================================================
   11. DROPDOWNS — Dark
   ============================================================ */

.dark .fi-body .fi-dropdown-panel {
    background: #1e293b !important;
    border-color: #334155 !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4) !important;
}

.dark .fi-body .fi-dropdown-list-item,
.dark .fi-body .fi-dropdown-item {
    color: #cbd5e1 !important;
}

.dark .fi-body .fi-dropdown-list-item:hover,
.dark .fi-body .fi-dropdown-item:hover {
    background: #334155 !important;
    color: #f1f5f9 !important;
}

.dark .fi-body .fi-dropdown-panel .fi-dropdown-header {
    color: #94a3b8 !important;
    border-bottom-color: #334155 !important;
}

/* ============================================================
   12. PAGINATION — Dark
   ============================================================ */

.dark .fi-body .fi-pagination {
    background: #0f172a !important;
    border-top-color: #334155 !important;
}

.dark .fi-body .fi-pagination button,
.dark .fi-body .fi-pagination a {
    color: #cbd5e1 !important;
}

.dark .fi-body .fi-pagination button:hover:not(:disabled),
.dark .fi-body .fi-pagination a:hover:not(:disabled) {
    background: #334155 !important;
    color: #f1f5f9 !important;
}

.dark .fi-body .fi-pagination button.fi-pagination-current,
.dark .fi-body .fi-pagination a.fi-pagination-current {
    background: #2563eb !important;
    color: #ffffff !important;
}

/* ============================================================
   13. STATS OVERVIEW CARDS — Dark
   ============================================================ */

.dark .fi-body .fi-wi-stats-overview-stat,
.dark .fi-body .fi-stats-overview-stat {
    background: #1e293b !important;
    border-color: #334155 !important;
}

.dark .fi-body .fi-wi-stats-overview-stat-value,
.dark .fi-body .fi-stats-overview-stat-value {
    color: #f1f5f9 !important;
}

.dark .fi-body .fi-wi-stats-overview-stat-label,
.dark .fi-body .fi-stats-overview-stat-label {
    color: #94a3b8 !important;
}

.dark .fi-body .fi-wi-stats-overview-stat-description,
.dark .fi-body .fi-stats-overview-stat-description {
    color: #94a3b8 !important;
}

/* ============================================================
   14. KPI CARDS — Dark
   ============================================================ */

.dark .fi-body .able-kpi-card {
    background: #1e293b !important;
    border-color: #334155 !important;
}

.dark .fi-body .able-kpi-card__header {
    color: #94a3b8 !important;
}

.dark .fi-body .able-kpi-card__value {
    color: #f1f5f9 !important;
}

.dark .fi-body .able-kpi-card__meta {
    color: #94a3b8 !important;
}

/* ============================================================
   15. CHART CARDS — Dark
   ============================================================ */

.dark .fi-body .fi-wi-chart {
    background: #1e293b !important;
    border-color: #334155 !important;
}

.dark .fi-body .able-chart-card__top h3 {
    color: #f1f5f9 !important;
}

.dark .fi-body .able-chart-card__top p {
    color: #94a3b8 !important;
}

.dark .fi-body .able-badge {
    background: #334155 !important;
    color: #cbd5e1 !important;
    border-color: #475569 !important;
}

.dark .fi-body .able-badge.is-up {
    background: #064e3b !important;
    color: #6ee7b7 !important;
    border-color: #065f46 !important;
}

.dark .fi-body .able-badge.is-down {
    background: #7f1d1d !important;
    color: #fca5a5 !important;
    border-color: #991b1b !important;
}

/* ============================================================
   16. PROJECT / GROWTH CARDS — Dark
   ============================================================ */

.dark .fi-body .able-project-card {
    background: #1e293b !important;
    border-color: #334155 !important;
}

.dark .fi-body .able-project-card__title {
    color: #f1f5f9 !important;
}

.dark .fi-body .able-project-card__row {
    color: #cbd5e1 !important;
}

.dark .fi-body .able-project-card__foot {
    color: #94a3b8 !important;
}

.dark .fi-body .able-project-card__foot strong {
    color: #f1f5f9 !important;
}

.dark .fi-body .able-progress {
    background: #334155 !important;
}

.dark .fi-body .able-growth-list__item {
    background: #0f172a !important;
    border-color: #334155 !important;
}

.dark .fi-body .able-growth-list__label {
    color: #f1f5f9 !important;
}

.dark .fi-body .able-growth-list__meta {
    color: #94a3b8 !important;
}

.dark .fi-body .able-growth-list__value {
    color: #f1f5f9 !important;
}

/* ============================================================
   17. SMS STAT CARDS — Dark
   ============================================================ */

.dark .fi-body .sms-stat-card {
    background: #1e293b !important;
    border-color: #334155 !important;
}

.dark .fi-body .sms-stat-card__label {
    color: #94a3b8 !important;
}

.dark .fi-body .sms-stat-card__value {
    color: #f1f5f9 !important;
}

.dark .fi-body .sms-stat-card__sub {
    color: #94a3b8 !important;
}

.dark .fi-body .sms-stat-card--blue {
    background: linear-gradient(135deg, #1e3a5f 0%, #1e293b 100%) !important;
    border-color: #1e40af !important;
}

.dark .fi-body .sms-stat-card--blue .sms-stat-card__icon {
    background: #1e40af !important;
    color: #93c5fd !important;
}

.dark .fi-body .sms-stat-card--blue .sms-stat-card__value {
    color: #93c5fd !important;
}

.dark .fi-body .sms-stat-card--green {
    background: linear-gradient(135deg, #064e3b 0%, #1e293b 100%) !important;
    border-color: #065f46 !important;
}

.dark .fi-body .sms-stat-card--green .sms-stat-card__icon {
    background: #065f46 !important;
    color: #6ee7b7 !important;
}

.dark .fi-body .sms-stat-card--green .sms-stat-card__value {
    color: #6ee7b7 !important;
}

.dark .fi-body .sms-stat-card--amber {
    background: linear-gradient(135deg, #78350f 0%, #1e293b 100%) !important;
    border-color: #92400e !important;
}

.dark .fi-body .sms-stat-card--amber .sms-stat-card__icon {
    background: #92400e !important;
    color: #fcd34d !important;
}

.dark .fi-body .sms-stat-card--amber .sms-stat-card__value {
    color: #fcd34d !important;
}

/* ============================================================
   18. PROFILE PAGE — Dark
   ============================================================ */

.dark .fi-body .profile-name {
    color: #f1f5f9 !important;
}

.dark .fi-body .profile-email {
    color: #94a3b8 !important;
}

.dark .fi-body .profile-avatar {
    border-color: #334155 !important;
}

/* ============================================================
   19. NOTIFICATIONS — Dark
   ============================================================ */

.dark .fi-body .fi-notification {
    background: #1e293b !important;
    border-color: #334155 !important;
}

.dark .fi-body .fi-notification-title {
    color: #f1f5f9 !important;
}

.dark .fi-body .fi-notification-body {
    color: #cbd5e1 !important;
}

/* ============================================================
   20. MISC ELEMENTS — Dark
   ============================================================ */

.dark .fi-body .fi-loading-indicator {
    background: rgba(15, 23, 42, 0.8) !important;
}

.dark .fi-body .fi-empty-state {
    color: #94a3b8 !important;
}

.dark .fi-body .fi-link {
    color: #60a5fa !important;
}

.dark .fi-body .fi-link:hover {
    color: #93c5fd !important;
}

.dark .fi-body hr {
    border-color: #334155 !important;
}

.dark .fi-body .fi-tabs {
    border-bottom-color: #334155 !important;
}

.dark .fi-body .fi-tabs-item {
    color: #94a3b8 !important;
}

.dark .fi-body .fi-tabs-item:hover {
    color: #f1f5f9 !important;
}

.dark .fi-body .fi-tabs-item-active {
    color: #60a5fa !important;
    border-bottom-color: #3b82f6 !important;
}

/* ============================================================
   21. TEXT COLORS — Dark
   ============================================================ */

.dark .fi-body {
    color: #e2e8f0 !important;
}

.dark .fi-body h1, .dark .fi-body h2, .dark .fi-body h3,
.dark .fi-body h4, .dark .fi-body h5, .dark .fi-body h6 {
    color: #f1f5f9 !important;
}

.dark .fi-body p {
    color: #cbd5e1 !important;
}

.dark .fi-body .text-gray-500,
.dark .fi-body .text-gray-600,
.dark .fi-body .text-gray-700 {
    color: #94a3b8 !important;
}

/* ============================================================
   22. ADMIN PANEL SPECIFIC — Dark
   ============================================================ */

.dark .fi-body.fi-panel-admin .fi-main {
    background: #0f172a !important;
}

.dark .fi-body.fi-panel-admin .fi-sidebar {
    background: #1e293b !important;
    border-right-color: #334155 !important;
}

.dark .fi-body.fi-panel-admin .fi-topbar > nav {
    background: #1e293b !important;
    border-color: #334155 !important;
}

/* ============================================================
   23. USER PANEL SPECIFIC — Dark
   ============================================================ */

.dark .fi-body.fi-panel-user .fi-main {
    background: #0f172a !important;
}

.dark .fi-body.fi-panel-user .fi-sidebar {
    background: #1e293b !important;
    border-right-color: #334155 !important;
}

.dark .fi-body.fi-panel-user .fi-topbar > nav {
    background: #1e293b !important;
    border-color: #334155 !important;
}

/* ============================================================
   24. CLIENT PANEL SPECIFIC — Dark
   ============================================================ */

.dark .fi-body.fi-panel-client .fi-main {
    background: #0f172a !important;
}

.dark .fi-body.fi-panel-client .fi-sidebar {
    background: #1e293b !important;
    border-right-color: #334155 !important;
}

.dark .fi-body.fi-panel-client .fi-topbar > nav {
    background: #1e293b !important;
    border-color: #334155 !important;
}

/* ============================================================
   25. FINANCIAL REPORT PAGE — Dark
   ============================================================ */

.dark .fi-body .able-financial-btn--print {
    background: #334155 !important;
    border-color: #475569 !important;
    color: #e2e8f0 !important;
}

.dark .fi-body .able-financial-btn--print:hover {
    background: #475569 !important;
    border-color: #64748b !important;
}

.dark .fi-body .able-financial-table .fi-ta-header {
    background: #1e293b !important;
    border-bottom-color: #334155 !important;
}

.dark .fi-body .able-financial-table th.fi-ta-header-cell {
    background: #0f172a !important;
    color: #94a3b8 !important;
}

.dark .fi-body .able-financial-table td.fi-ta-cell {
    color: #cbd5e1 !important;
}

.dark .fi-body .able-financial-table tbody tr:nth-child(even) td {
    background: #172033 !important;
}

.dark .fi-body .able-financial-table tbody tr:hover td {
    background: #1e3a5f !important;
}

.dark .fi-body .able-financial-table .fi-pagination {
    background: #0f172a !important;
    border-top-color: #334155 !important;
}

/* ============================================================
   26. HERO CARD — Dark (keep gradient but darken)
   ============================================================ */

.dark .fi-body .able-hero {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4) !important;
}

/* ============================================================
   27. SCROLLBAR — Dark
   ============================================================ */

.dark .fi-body ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.dark .fi-body ::-webkit-scrollbar-track {
    background: #0f172a;
}

.dark .fi-body ::-webkit-scrollbar-thumb {
    background: #475569;
    border-radius: 4px;
}

.dark .fi-body ::-webkit-scrollbar-thumb:hover {
    background: #64748b;
}

/* ============================================================
   28. TABLES — High-specificity dark (beats shared white !important)
   able-dashboard-shared forces #fff on .fi-ta-ctn; these selectors win in dark mode.
   ============================================================ */

.dark .fi-body[class*="fi-panel-"] .fi-ta-ctn,
.dark .fi-body[class*="fi-panel-"] .fi-page[class*="fi-resource-"] .fi-ta-ctn,
.dark .fi-body[class*="fi-panel-"] .fi-resource-list-records-page .fi-ta-ctn,
.dark .fi-body[class*="fi-panel-"] .fi-resource-relation-manager .fi-ta-ctn,
.dark .fi-body[class*="fi-panel-"] .able-financial-table__body .fi-ta-ctn,
.dark .fi-body[class*="fi-panel-"] .able-financial-table__scroll .fi-ta-ctn,
.dark .fi-body[class*="fi-panel-"] .able-client-list-card__table .fi-ta-ctn,
.dark .fi-body[class*="fi-panel-"] .able-admin-user-list-card__table .fi-ta-ctn {
    background: #1e293b !important;
    border-color: #334155 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

.dark .fi-body[class*="fi-panel-"] .fi-ta-header,
.dark .fi-body[class*="fi-panel-"] .fi-page[class*="fi-resource-"] .fi-ta-header {
    background: #1e293b !important;
    border-bottom-color: #334155 !important;
}

.dark .fi-body[class*="fi-panel-"] th.fi-ta-header-cell,
.dark .fi-body[class*="fi-panel-"] .fi-ta-header-cell,
.dark .fi-body[class*="fi-panel-"] .fi-page[class*="fi-resource-"] th.fi-ta-header-cell {
    background: #0f172a !important;
    border-bottom-color: #334155 !important;
    color: #94a3b8 !important;
}

.dark .fi-body[class*="fi-panel-"] .fi-ta-header-cell-label,
.dark .fi-body[class*="fi-panel-"] .fi-page[class*="fi-resource-"] .fi-ta-header-cell-label {
    color: #94a3b8 !important;
}

.dark .fi-body[class*="fi-panel-"] td.fi-ta-cell,
.dark .fi-body[class*="fi-panel-"] .fi-ta-cell,
.dark .fi-body[class*="fi-panel-"] .fi-page[class*="fi-resource-"] td.fi-ta-cell {
    background-color: #1e293b !important;
    border-bottom-color: #334155 !important;
    color: #cbd5e1 !important;
}

.dark .fi-body[class*="fi-panel-"] .fi-ta-text-item-label,
.dark .fi-body[class*="fi-panel-"] .fi-page[class*="fi-resource-"] .fi-ta-text-item-label,
.dark .fi-body[class*="fi-panel-"] .fi-ta-cell span:not(.fi-badge),
.dark .fi-body[class*="fi-panel-"] .fi-page[class*="fi-resource-"] .fi-ta-cell span:not(.fi-badge) {
    color: #cbd5e1 !important;
}

.dark .fi-body[class*="fi-panel-"] tbody tr:nth-child(even) td,
.dark .fi-body[class*="fi-panel-"] .fi-page[class*="fi-resource-"] tbody tr:nth-child(even) td {
    background-color: #172033 !important;
}

.dark .fi-body[class*="fi-panel-"] tbody tr:hover td,
.dark .fi-body[class*="fi-panel-"] .fi-page[class*="fi-resource-"] tbody tr:hover td {
    background: linear-gradient(90deg, #1e3a5f 0%, #1e293b 70%) !important;
    color: #f1f5f9 !important;
}

.dark .fi-body[class*="fi-panel-"] .fi-pagination,
.dark .fi-body[class*="fi-panel-"] .fi-page[class*="fi-resource-"] .fi-pagination {
    background: #1e293b !important;
    border-top-color: #334155 !important;
    color: #cbd5e1 !important;
}

.dark .fi-body[class*="fi-panel-"] .fi-pagination button,
.dark .fi-body[class*="fi-panel-"] .fi-pagination a,
.dark .fi-body[class*="fi-panel-"] .fi-page[class*="fi-resource-"] .fi-pagination button,
.dark .fi-body[class*="fi-panel-"] .fi-page[class*="fi-resource-"] .fi-pagination a {
    background: #334155 !important;
    border-color: #475569 !important;
    color: #e2e8f0 !important;
}

.dark .fi-body[class*="fi-panel-"] .fi-pagination button:hover,
.dark .fi-body[class*="fi-panel-"] .fi-pagination a:hover {
    background: #475569 !important;
    color: #f8fafc !important;
}

.dark .fi-body[class*="fi-panel-"] .fi-ta-search-field input,
.dark .fi-body[class*="fi-panel-"] .fi-page[class*="fi-resource-"] .fi-ta-search-field input {
    background: #0f172a !important;
    border-color: #475569 !important;
    color: #e2e8f0 !important;
}

.dark .fi-body[class*="fi-panel-"] .fi-ta-search-field input::placeholder {
    color: #64748b !important;
}

.dark .fi-body[class*="fi-panel-"] .fi-ta-filters-btn,
.dark .fi-body[class*="fi-panel-"] .fi-ta-toggle-columns-btn,
.dark .fi-body[class*="fi-panel-"] .fi-page[class*="fi-resource-"] .fi-ta-filters-btn,
.dark .fi-body[class*="fi-panel-"] .fi-page[class*="fi-resource-"] .fi-ta-toggle-columns-btn {
    background: #334155 !important;
    border-color: #475569 !important;
    color: #cbd5e1 !important;
}

.dark .fi-body[class*="fi-panel-"] .fi-ta-filters-btn:hover,
.dark .fi-body[class*="fi-panel-"] .fi-ta-toggle-columns-btn:hover,
.dark .fi-body[class*="fi-panel-"] .fi-page[class*="fi-resource-"] .fi-ta-filters-btn:hover,
.dark .fi-body[class*="fi-panel-"] .fi-page[class*="fi-resource-"] .fi-ta-toggle-columns-btn:hover {
    background: #475569 !important;
    border-color: #64748b !important;
    color: #f1f5f9 !important;
}

.dark .fi-body[class*="fi-panel-"] .fi-ta-filter-indicators {
    background: #0f172a !important;
    border-bottom-color: #334155 !important;
}

.dark .fi-body[class*="fi-panel-"] .fi-ta-filter-indicator {
    background: #1e3a5f !important;
    color: #93c5fd !important;
    border-color: #3b82f6 !important;
}

.dark .fi-body[class*="fi-panel-"] .fi-ta-empty,
.dark .fi-body[class*="fi-panel-"] .fi-ta-empty-heading {
    color: #94a3b8 !important;
}

.dark .fi-body[class*="fi-panel-"] .fi-ta-table {
    background: transparent !important;
}

.dark .fi-body[class*="fi-panel-"] .fi-ta-row {
    background: transparent !important;
}

.dark .fi-body[class*="fi-panel-"] .fi-ta-col-toggle,
.dark .fi-body[class*="fi-panel-"] .fi-ta-selection-cell {
    background-color: inherit !important;
}

.dark .fi-body[class*="fi-panel-"] .able-data-table thead th {
    background: #0f172a !important;
    color: #94a3b8 !important;
    border-color: #334155 !important;
}

.dark .fi-body[class*="fi-panel-"] .able-data-table tbody td {
    background: #1e293b !important;
    color: #cbd5e1 !important;
    border-color: #334155 !important;
}

.dark .fi-body[class*="fi-panel-"] .able-data-table tbody tr:nth-child(even) td {
    background: #172033 !important;
}

.dark .fi-body[class*="fi-panel-"] .able-data-table tbody tr:hover td {
    background: #1e3a5f !important;
}