/**
 * Summary Report — dark mode (/public/css, app.blade.php).
 * Main grid (.summary-table), month tabs, and Saved Summaries list/detail dialogs.
 */
html[data-layout-mode=dark_mode] .summary-table .text-dark-blue,
html[data-layout-mode=dark_mode] .summary-table h5.text-dark-blue {
    color: #7eb8e8 !important;
}

html[data-layout-mode=dark_mode] .summary-table .div-table,
html[data-layout-mode=dark_mode] .summary-table .summary .div-table {
    border-bottom-color: var(--dm-border, #2a3340) !important;
    color: var(--dm-text, #e8edf3) !important;
}

html[data-layout-mode=dark_mode] .summary-table .div-table .details-label,
html[data-layout-mode=dark_mode] .summary-table .div-table .details-content,
html[data-layout-mode=dark_mode] .summary-table .summary .div-table .details-label,
html[data-layout-mode=dark_mode] .summary-table .summary .div-table .details-content {
    color: var(--dm-text, #e8edf3) !important;
}

html[data-layout-mode=dark_mode] .summary-table .div-table.pointer:hover,
html[data-layout-mode=dark_mode] .summary-table .summary .div-table.pointer:hover {
    background: var(--dm-surface-3, #2c3441) !important;
}

html[data-layout-mode=dark_mode] .summary-table .header-blue,
html[data-layout-mode=dark_mode] .summary-table .summary .header-blue {
    background: linear-gradient(180deg, #1e4a7a 0%, #163a62 100%) !important;
    border-bottom-color: rgba(96, 165, 250, 0.25) !important;
}

html[data-layout-mode=dark_mode] .summary-table .header-blue .color-white,
html[data-layout-mode=dark_mode] .summary-table .header-blue .details-label,
html[data-layout-mode=dark_mode] .summary-table .header-blue .details-content,
html[data-layout-mode=dark_mode] .summary-table .header-blue b {
    color: #ffffff !important;
}

html[data-layout-mode=dark_mode] .summary-table .div-table.bg-soft-warning,
html[data-layout-mode=dark_mode] .summary-table .summary .div-table.bg-soft-warning {
    background: rgba(245, 158, 11, 0.2) !important;
    border-bottom-color: rgba(245, 158, 11, 0.28) !important;
    color: #ffffff !important;
}

html[data-layout-mode=dark_mode] .summary-table .div-table.bg-soft-warning .details-label,
html[data-layout-mode=dark_mode] .summary-table .div-table.bg-soft-warning .details-content,
html[data-layout-mode=dark_mode] .summary-table .summary .div-table.bg-soft-warning .details-label,
html[data-layout-mode=dark_mode] .summary-table .summary .div-table.bg-soft-warning .details-content {
    color: #ffffff !important;
    font-weight: 700 !important;
}

html[data-layout-mode=dark_mode] .summary-table .div-table.bg-soft-success,
html[data-layout-mode=dark_mode] .summary-table .summary .div-table.bg-soft-success {
    background: rgba(34, 197, 94, 0.18) !important;
    border-bottom-color: rgba(34, 197, 94, 0.28) !important;
    color: #ffffff !important;
}

html[data-layout-mode=dark_mode] .summary-table .div-table.bg-soft-success .details-label,
html[data-layout-mode=dark_mode] .summary-table .div-table.bg-soft-success .details-content {
    color: #ffffff !important;
    font-weight: 700 !important;
}

html[data-layout-mode=dark_mode] .summary-table .div-table.bg-soft-danger,
html[data-layout-mode=dark_mode] .summary-table .summary .div-table.bg-soft-danger {
    background: rgba(239, 68, 68, 0.2) !important;
    border-bottom-color: rgba(239, 68, 68, 0.3) !important;
    color: #ffffff !important;
}

html[data-layout-mode=dark_mode] .summary-table .div-table.bg-soft-danger .details-label,
html[data-layout-mode=dark_mode] .summary-table .div-table.bg-soft-danger .details-content {
    color: #ffffff !important;
    font-weight: 700 !important;
}

html[data-layout-mode=dark_mode] .summary-table .bg-l-yellow,
html[data-layout-mode=dark_mode] .summary-table .details-label.bg-l-yellow {
    background: rgba(245, 158, 11, 0.22) !important;
    color: #ffffff !important;
    border-bottom-color: rgba(245, 158, 11, 0.2) !important;
}

html[data-layout-mode=dark_mode] .summary-table .bg-l-blue,
html[data-layout-mode=dark_mode] .summary-table .details-label.bg-l-blue {
    background: rgba(59, 130, 246, 0.22) !important;
    color: #ffffff !important;
    border-bottom-color: rgba(59, 130, 246, 0.2) !important;
}

html[data-layout-mode=dark_mode] .summary-table .order-status-cont :deep(.p-inputnumber-input),
html[data-layout-mode=dark_mode] .summary-table .order-status-cont :deep(input) {
    background: var(--dm-surface-3, #2c3441) !important;
    border-color: var(--dm-border, #2a3340) !important;
    color: var(--dm-text, #e8edf3) !important;
}

html[data-layout-mode=dark_mode] .tab-header .fa-tabs .fa-month-btn.active,
html[data-layout-mode=dark_mode] .tab-header .fa-tabs button.active,
html[data-layout-mode=dark_mode] .tab-header .fa-tabs .btn-soft-secondary.active {
    background: #3b82f6 !important;
    background-color: #3b82f6 !important;
    border-color: #60a5fa !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.45) !important;
}

html[data-layout-mode=dark_mode] .tab-header .fa-tabs button,
html[data-layout-mode=dark_mode] .tab-header .fa-tabs .btn-soft-secondary {
    background: var(--dm-surface-3, #2c3441) !important;
    border-color: var(--dm-border, #2a3340) !important;
    color: var(--dm-text-secondary, #c5d0dc) !important;
}

/* ========== Saved Summaries — list dialog ========== */
html[data-layout-mode=dark_mode] .saved-summary-eyebrow {
    color: var(--dm-text-muted, #9aa8b8) !important;
}

html[data-layout-mode=dark_mode] .saved-summary-count {
    background: rgba(59, 130, 246, 0.14) !important;
    border-color: rgba(96, 165, 250, 0.35) !important;
    color: #93c5fd !important;
}

html[data-layout-mode=dark_mode] .saved-summary-skeleton-row {
    background: var(--dm-surface-2, #232a35) !important;
    border-color: var(--dm-border, #2a3340) !important;
}

html[data-layout-mode=dark_mode] .saved-summary-empty {
    color: var(--dm-text-secondary, #c5d0dc) !important;
}

html[data-layout-mode=dark_mode] .saved-summary-empty h6 {
    color: var(--dm-text, #e8edf3) !important;
}

html[data-layout-mode=dark_mode] .saved-summary-empty-icon {
    background: rgba(59, 130, 246, 0.14) !important;
    color: #93c5fd !important;
}

html[data-layout-mode=dark_mode] .saved-summary-list-card.saved-summary-list-card {
    background: linear-gradient(180deg, var(--dm-surface-2, #232a35) 0%, var(--dm-surface, #1a1f27) 100%) !important;
    border-color: var(--dm-border, #2a3340) !important;
    box-shadow: none !important;
}

html[data-layout-mode=dark_mode] .saved-summary-list-card:hover {
    border-color: #60a5fa !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.35) !important;
}

html[data-layout-mode=dark_mode] .saved-summary-card-orbit {
    opacity: 0.08 !important;
}

html[data-layout-mode=dark_mode] .saved-summary-card-orbit circle {
    stroke: #60a5fa !important;
}

html[data-layout-mode=dark_mode] .saved-summary-name {
    color: var(--dm-text, #e8edf3) !important;
}

html[data-layout-mode=dark_mode] .saved-summary-meta {
    color: var(--dm-text-muted, #9aa8b8) !important;
}

html[data-layout-mode=dark_mode] .saved-summary-time-chip {
    background: rgba(59, 130, 246, 0.35) !important;
    color: #ffffff !important;
}

html[data-layout-mode=dark_mode] .saved-summary-list-stats div {
    background: var(--dm-surface-3, #2c3441) !important;
    border-color: var(--dm-border, #2a3340) !important;
}

html[data-layout-mode=dark_mode] .saved-summary-list-stats span {
    color: var(--dm-text-muted, #9aa8b8) !important;
}

html[data-layout-mode=dark_mode] .saved-summary-list-stats strong {
    color: var(--dm-text, #e8edf3) !important;
}

/* ========== Saved Summaries — detail dialog ========== */
html[data-layout-mode=dark_mode] .saved-summary-hero.saved-summary-hero {
    background: linear-gradient(135deg, #152536 0%, #1e4a7a 100%) !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

html[data-layout-mode=dark_mode] .saved-summary-hero h4,
html[data-layout-mode=dark_mode] .saved-summary-hero-meta strong {
    color: #ffffff !important;
}

html[data-layout-mode=dark_mode] .saved-summary-hero .saved-summary-eyebrow {
    color: rgba(255, 255, 255, 0.72) !important;
}

html[data-layout-mode=dark_mode] .saved-summary-hero-meta div {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.16) !important;
}

html[data-layout-mode=dark_mode] .saved-summary-stat-card.saved-summary-stat-card {
    background:
        radial-gradient(circle at 92% 18%, color-mix(in srgb, var(--summary-card-color) 14%, transparent), transparent 24%),
        var(--dm-surface-2, #232a35) !important;
    border-color: var(--dm-border, #2a3340) !important;
    box-shadow: none !important;
}

html[data-layout-mode=dark_mode] .saved-summary-stat-card strong {
    color: var(--dm-text, #e8edf3) !important;
    text-shadow: none !important;
}

html[data-layout-mode=dark_mode] .saved-summary-stat-card span {
    color: var(--dm-text-muted, #9aa8b8) !important;
}

html[data-layout-mode=dark_mode] .saved-summary-stat-icon {
    background: color-mix(in srgb, var(--summary-card-color) 16%, var(--dm-surface-3, #2c3441)) !important;
    border-color: color-mix(in srgb, var(--summary-card-color) 28%, var(--dm-border, #2a3340)) !important;
    box-shadow: none !important;
}

html[data-layout-mode=dark_mode] .saved-summary-hierarchy-legend {
    background: var(--dm-surface-2, #232a35) !important;
    border-color: var(--dm-border, #2a3340) !important;
    color: var(--dm-text-secondary, #c5d0dc) !important;
}

html[data-layout-mode=dark_mode] .saved-summary-legend-title {
    color: var(--dm-text, #e8edf3) !important;
}

html[data-layout-mode=dark_mode] .saved-summary-accordion-tools {
    background: var(--dm-surface-2, #232a35) !important;
    border-color: var(--dm-border, #2a3340) !important;
    box-shadow: none !important;
}

html[data-layout-mode=dark_mode] .saved-summary-search-box,
html[data-layout-mode=dark_mode] .saved-summary-section-filter {
    background: var(--dm-surface-3, #2c3441) !important;
    border-color: var(--dm-border, #2a3340) !important;
    color: var(--dm-text, #e8edf3) !important;
}

html[data-layout-mode=dark_mode] .saved-summary-search-box svg {
    color: var(--dm-text-muted, #9aa8b8) !important;
}

html[data-layout-mode=dark_mode] .saved-summary-search-box :deep(input) {
    color: var(--dm-text, #e8edf3) !important;
}

html[data-layout-mode=dark_mode] .saved-summary-match-count {
    background: rgba(245, 158, 11, 0.16) !important;
    border-color: rgba(245, 158, 11, 0.35) !important;
    color: #fcd34d !important;
}

html[data-layout-mode=dark_mode] .saved-summary-filter-check {
    color: var(--dm-text-secondary, #c5d0dc) !important;
}

html[data-layout-mode=dark_mode] .saved-summary-clear-filter {
    background: rgba(59, 130, 246, 0.14) !important;
    border-color: rgba(96, 165, 250, 0.35) !important;
    color: #93c5fd !important;
}

html[data-layout-mode=dark_mode] .saved-summary-section::before {
    background: linear-gradient(var(--dm-accent, #4a8fd4), rgba(74, 143, 212, 0)) !important;
}

html[data-layout-mode=dark_mode] :deep(.saved-summary-search-mark) {
    background: rgba(245, 158, 11, 0.35) !important;
    color: #fef3c7 !important;
    box-shadow: 0 0 0 2px rgba(245, 158, 11, 0.2) !important;
}

/* Save snapshot dialog hint box */
html[data-layout-mode=dark_mode] .p-dialog .bg-light.rounded {
    background: var(--dm-surface-2, #232a35) !important;
    border: 1px solid var(--dm-border, #2a3340);
    color: var(--dm-text-secondary, #c5d0dc) !important;
}

html[data-layout-mode=dark_mode] .p-dialog .bg-light.rounded .fw-600 {
    color: var(--dm-text, #e8edf3) !important;
}

/* ========== Saved Summaries — detail accordion & tables ========== */
html[data-layout-mode=dark_mode] .saved-summary-section-header {
    background: var(--dm-surface-2, #232a35) !important;
    border-color: var(--dm-border, #2a3340) !important;
}

html[data-layout-mode=dark_mode] .saved-summary-section-header span {
    color: var(--dm-text, #e8edf3) !important;
}

html[data-layout-mode=dark_mode] .saved-summary-section-header strong,
html[data-layout-mode=dark_mode] .saved-summary-section-total {
    color: var(--dm-text-muted, #9aa8b8) !important;
}

html[data-layout-mode=dark_mode] .saved-summary-section-total span,
html[data-layout-mode=dark_mode] .saved-summary-module-amount strong {
    color: var(--dm-text, #e8edf3) !important;
}

html[data-layout-mode=dark_mode] .saved-summary-module-card {
    background: var(--dm-surface, #1a1f27) !important;
    border-color: var(--dm-border, #2a3340) !important;
    box-shadow: none !important;
}

html[data-layout-mode=dark_mode] .saved-summary-module-card:hover {
    border-color: #60a5fa !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.28) !important;
}

html[data-layout-mode=dark_mode] .saved-summary-module-card::before {
    background: rgba(96, 165, 250, 0.45) !important;
}

html[data-layout-mode=dark_mode] .saved-summary-branch-dot {
    background: var(--dm-surface, #1a1f27) !important;
    border-color: #60a5fa !important;
    box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.15) !important;
}

html[data-layout-mode=dark_mode] .saved-summary-module-head h6 {
    color: var(--dm-text, #e8edf3) !important;
}

html[data-layout-mode=dark_mode] .saved-summary-module-head span {
    color: var(--dm-text-muted, #9aa8b8) !important;
}

html[data-layout-mode=dark_mode] .saved-summary-detail-level {
    border-left-color: rgba(96, 165, 250, 0.35) !important;
}

html[data-layout-mode=dark_mode] .saved-summary-detail-level::before {
    background: rgba(96, 165, 250, 0.35) !important;
}

html[data-layout-mode=dark_mode] .saved-summary-detail-level-label {
    color: var(--dm-text-muted, #9aa8b8) !important;
}

html[data-layout-mode=dark_mode] .saved-summary-detail-table {
    border-top-color: var(--dm-border, #2a3340) !important;
    color: var(--dm-text-secondary, #c5d0dc) !important;
}

html[data-layout-mode=dark_mode] .saved-summary-detail-table thead th {
    background: var(--dm-surface-3, #2c3441) !important;
    color: var(--dm-text-muted, #9aa8b8) !important;
    border-color: var(--dm-border, #2a3340) !important;
}

html[data-layout-mode=dark_mode] .saved-summary-detail-table td {
    background: var(--dm-surface, #1a1f27) !important;
    color: var(--dm-text-secondary, #c5d0dc) !important;
    border-color: var(--dm-border, #2a3340) !important;
}

html[data-layout-mode=dark_mode] .saved-summary-detail-table tbody tr:hover td {
    background: var(--dm-surface-2, #232a35) !important;
}

html[data-layout-mode=dark_mode] .saved-summary-sort-head svg {
    color: var(--dm-text-muted, #9aa8b8) !important;
}

html[data-layout-mode=dark_mode] .saved-summary-detail-table th:hover .saved-summary-sort-head svg {
    color: #93c5fd !important;
}

html[data-layout-mode=dark_mode] .saved-summary-status {
    background: rgba(59, 130, 246, 0.14) !important;
    color: #93c5fd !important;
}

html[data-layout-mode=dark_mode] .saved-summary-no-details {
    border-top-color: var(--dm-border, #2a3340) !important;
    color: var(--dm-text-muted, #9aa8b8) !important;
}

/* ========== Expense Details modal (summary-report-detail-modal) ========== */
html[data-layout-mode=dark_mode] .summary-report-detail-modal.p-dialog,
html[data-layout-mode=dark_mode] .summary-report-detail-modal.p-dialog .p-dialog-content {
    background: var(--dm-surface, #1a1f27) !important;
    border-color: var(--dm-border, #2a3340) !important;
    color: var(--dm-text, #e8edf3) !important;
    box-shadow: 0 24px 48px rgba(0, 0, 0, 0.45) !important;
}

html[data-layout-mode=dark_mode] .summary-report-detail-modal .p-dialog-header {
    background: var(--dm-surface-2, #232a35) !important;
    border-bottom: 1px solid var(--dm-border, #2a3340) !important;
    color: var(--dm-text, #e8edf3) !important;
}

html[data-layout-mode=dark_mode] .summary-report-detail-modal .p-dialog-header h5 {
    color: var(--dm-text, #e8edf3) !important;
}

html[data-layout-mode=dark_mode] .summary-report-detail-scroll,
html[data-layout-mode=dark_mode] .summary-report-detail-sticky-foot {
    background: var(--dm-surface, #1a1f27) !important;
}

html[data-layout-mode=dark_mode] .expense-detail-dialog .vr-wizard--footer {
    background: var(--dm-surface-2, #232a35) !important;
    border-top: 1px solid var(--dm-border, #2a3340) !important;
}

html[data-layout-mode=dark_mode] .summary-report-detail-paginator,
html[data-layout-mode=dark_mode] .summary-report-detail-paginator-inline {
    background: var(--dm-surface-2, #232a35) !important;
    border-color: var(--dm-border, #2a3340) !important;
    box-shadow: none !important;
}

html[data-layout-mode=dark_mode] .expense-detail-accordion {
    background: var(--dm-surface-2, #232a35) !important;
    border-color: var(--dm-border, #2a3340) !important;
    box-shadow: none !important;
}

html[data-layout-mode=dark_mode] .expense-detail-accordion-head {
    background: var(--dm-surface-3, #2c3441) !important;
    border-bottom: 1px solid var(--dm-border, #2a3340);
}

html[data-layout-mode=dark_mode] .expense-detail-accordion-title {
    color: var(--dm-text, #e8edf3) !important;
}

html[data-layout-mode=dark_mode] .expense-detail-accordion-meta,
html[data-layout-mode=dark_mode] .expense-detail-accordion-icon {
    color: var(--dm-text-muted, #9aa8b8) !important;
}

html[data-layout-mode=dark_mode] .expense-detail-accordion-body {
    border-top-color: var(--dm-border, #2a3340) !important;
    background: var(--dm-surface-2, #232a35) !important;
}

html[data-layout-mode=dark_mode] .expense-detail-card,
html[data-layout-mode=dark_mode] .expense-detail-table-card {
    background: var(--dm-surface, #1a1f27) !important;
    border-color: var(--dm-border, #2a3340) !important;
    box-shadow: none !important;
}

html[data-layout-mode=dark_mode] .expense-detail-card-expense {
    border-top-color: #22c55e !important;
}

html[data-layout-mode=dark_mode] .expense-detail-card-payables {
    border-top-color: #3b82f6 !important;
}

html[data-layout-mode=dark_mode] .expense-detail-card-receivables {
    border-top-color: #a78bfa !important;
}

html[data-layout-mode=dark_mode] .expense-detail-card-label,
html[data-layout-mode=dark_mode] .expense-detail-card-sub {
    color: var(--dm-text-muted, #9aa8b8) !important;
}

html[data-layout-mode=dark_mode] .expense-detail-hero-amount,
html[data-layout-mode=dark_mode] .expense-detail-amount,
html[data-layout-mode=dark_mode] .expense-detail-amount.is-strong,
html[data-layout-mode=dark_mode] .expense-detail-supplier {
    color: var(--dm-text, #e8edf3) !important;
}

html[data-layout-mode=dark_mode] .expense-detail-table {
    --expense-detail-border: var(--dm-border, #2a3340);
}

html[data-layout-mode=dark_mode] .expense-detail-table thead th {
    background: var(--dm-surface-3, #2c3441) !important;
    border-bottom-color: var(--dm-border, #2a3340) !important;
    color: var(--dm-text-muted, #9aa8b8) !important;
}

html[data-layout-mode=dark_mode] .expense-detail-table tbody td {
    background: transparent !important;
    border-bottom-color: var(--dm-border, #2a3340) !important;
    color: var(--dm-text-secondary, #c5d0dc) !important;
}

html[data-layout-mode=dark_mode] .expense-detail-pill.is-success {
    background: rgba(34, 197, 94, 0.2) !important;
    border-color: rgba(34, 197, 94, 0.45) !important;
    color: #86efac !important;
}

html[data-layout-mode=dark_mode] .expense-detail-pill.is-muted {
    background: var(--dm-surface-3, #2c3441) !important;
    border-color: var(--dm-border, #2a3340) !important;
    color: var(--dm-text-muted, #9aa8b8) !important;
}

html[data-layout-mode=dark_mode] .expense-detail-total-audited td,
html[data-layout-mode=dark_mode] .expense-detail-total-row th {
    background: rgba(245, 158, 11, 0.16) !important;
    border-color: rgba(245, 158, 11, 0.3) !important;
    color: #fcd34d !important;
}

html[data-layout-mode=dark_mode] .expense-detail-total-audited strong {
    color: #ffffff !important;
}

html[data-layout-mode=dark_mode] .expense-detail-click-row:hover td {
    background: var(--dm-surface-3, #2c3441) !important;
}

html[data-layout-mode=dark_mode] .expense-detail-supplier-search-input {
    background: var(--dm-surface-3, #2c3441) !important;
    border-color: var(--dm-border, #2a3340) !important;
    color: var(--dm-text, #e8edf3) !important;
}

html[data-layout-mode=dark_mode] .expense-detail-supplier-search-meta,
html[data-layout-mode=dark_mode] .expense-detail-supplier-empty {
    color: var(--dm-text-muted, #9aa8b8) !important;
}

html[data-layout-mode=dark_mode] .expense-detail-supplier :is(.expense-detail-search-hit) {
    background: rgba(245, 158, 11, 0.35) !important;
    color: #fef3c7 !important;
}

/* Records section — PrimeVue table & tabs */
html[data-layout-mode=dark_mode] .expense-detail-dialog .summary-report-detail-datatable .p-datatable .p-datatable-thead > tr > th,
html[data-layout-mode=dark_mode] .expense-detail-dialog .summary-report-detail-datatable .p-datatable .p-datatable-tbody > tr > td {
    background: var(--dm-surface, #1a1f27) !important;
    border-color: var(--dm-border, #2a3340) !important;
    color: var(--dm-text-secondary, #c5d0dc) !important;
}

html[data-layout-mode=dark_mode] .expense-detail-dialog .summary-report-detail-datatable .p-datatable .p-datatable-thead > tr > th {
    background: var(--dm-surface-3, #2c3441) !important;
    color: var(--dm-text-muted, #9aa8b8) !important;
}

html[data-layout-mode=dark_mode] .expense-detail-dialog .summary-report-detail-datatable .p-datatable .p-datatable-tbody > tr:hover > td {
    background: var(--dm-surface-2, #232a35) !important;
}

html[data-layout-mode=dark_mode] .expense-detail-dialog .summary-report-detail-datatable .p-datatable-footer,
html[data-layout-mode=dark_mode] .expense-detail-dialog .summary-report-detail-datatable .p-datatable .p-datatable-tfoot > tr > td,
html[data-layout-mode=dark_mode] .expense-detail-dialog .bg-light-yellow {
    background: rgba(245, 158, 11, 0.16) !important;
    border-color: rgba(245, 158, 11, 0.28) !important;
    color: #ffffff !important;
}

html[data-layout-mode=dark_mode] .expense-detail-dialog .summary-report-detail-tabs.p-tabview .p-tabview-nav,
html[data-layout-mode=dark_mode] .expense-detail-dialog .summary-report-detail-tabs .p-tabview-nav {
    background: var(--dm-surface-2, #232a35) !important;
    border-color: var(--dm-border, #2a3340) !important;
}

html[data-layout-mode=dark_mode] .expense-detail-dialog .summary-report-detail-tabs .p-tabview-nav li .p-tabview-nav-link {
    background: transparent !important;
    color: var(--dm-text-muted, #9aa8b8) !important;
    border-color: transparent !important;
}

html[data-layout-mode=dark_mode] .expense-detail-dialog .summary-report-detail-tabs .p-tabview-nav li.p-highlight .p-tabview-nav-link,
html[data-layout-mode=dark_mode] .expense-detail-dialog .summary-report-detail-tabs .p-tabview-header.p-highlight .p-tabview-nav-link {
    background: #3b82f6 !important;
    color: #ffffff !important;
    border-color: #60a5fa !important;
}

html[data-layout-mode=dark_mode] .expense-detail-dialog .summary-report-detail-tabs .p-tabview-nav li.p-highlight .fw-normal {
    background: transparent !important;
    color: #ffffff !important;
    border: none !important;
    box-shadow: none !important;
}

html[data-layout-mode=dark_mode] .expense-detail-dialog .p-paginator {
    background: transparent !important;
    color: var(--dm-text-secondary, #c5d0dc) !important;
}

html[data-layout-mode=dark_mode] .expense-detail-dialog .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
    background: #3b82f6 !important;
    border-color: #3b82f6 !important;
    color: #ffffff !important;
}

html[data-layout-mode=dark_mode] .expense-detail-dialog .page-limit-container h5,
html[data-layout-mode=dark_mode] .expense-detail-dialog .page-limit-container span {
    color: var(--dm-text-muted, #9aa8b8) !important;
}