/**
 * Financial Audit — dark mode overrides (/public/css, app.blade.php).
 * Use html[data-layout-mode] + duplicate classes to beat Vue scoped light-theme !important rules.
 */
html[data-layout-mode=dark_mode] .fa-audit-action-center {
    background: var(--dm-surface-2, #232a35) !important;
    border: 1px solid var(--dm-border, #2a3340);
}

html[data-layout-mode=dark_mode] .fa-audit-options-item {
    background: var(--dm-surface-2, #232a35) !important;
    border-color: var(--dm-border, #2a3340) !important;
    color: var(--dm-text, #e8edf3) !important;
}

html[data-layout-mode=dark_mode] .fa-audit-options-item:hover {
    background: var(--dm-surface-3, #2c3441) !important;
    border-color: var(--dm-border-strong, #3d4858) !important;
}

html[data-layout-mode=dark_mode] .fa-audit-options-panel__title {
    color: var(--dm-text-muted, #9aa8b8) !important;
}

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

html[data-layout-mode=dark_mode] .financial_audit .fa-discrepancy-alert {
    background: rgba(180, 83, 9, 0.18) !important;
    color: #fcd34d !important;
    border: 1px solid rgba(180, 83, 9, 0.35);
}

html[data-layout-mode=dark_mode] .financial_audit .fa-discrepancy-label {
    color: #fbbf24 !important;
}

html[data-layout-mode=dark_mode] .financial_audit .fa-discrepancy-dates {
    color: #fde68a !important;
}

html[data-layout-mode=dark_mode] .financial_audit .fa-legend-inner,
html[data-layout-mode=dark_mode] .financial_audit .fa-legend > div {
    background: var(--dm-surface, #1a1f27) !important;
    border-color: var(--dm-border, #2a3340) !important;
    box-shadow: none !important;
}

html[data-layout-mode=dark_mode] .financial_audit .fa-legend .text-muted.small,
html[data-layout-mode=dark_mode] .financial_audit .fa-legend-label {
    color: var(--dm-text-muted, #9aa8b8) !important;
}

html[data-layout-mode=dark_mode] .financial_audit .fa-audit-board.fa-audit-board {
    background:
        radial-gradient(circle at top left, rgba(74, 143, 212, 0.12), transparent 32%),
        linear-gradient(180deg, var(--dm-surface, #1a1f27) 0%, var(--dm-surface-2, #232a35) 100%) !important;
    border-color: var(--dm-border, #2a3340) !important;
}

html[data-layout-mode=dark_mode] .financial_audit .fa-date-divider.fa-date-divider {
    background: var(--dm-surface-2, #232a35) !important;
    border-color: var(--dm-border, #2a3340) !important;
    color: var(--dm-text, #e8edf3) !important;
    box-shadow: none !important;
}

html[data-layout-mode=dark_mode] .financial_audit .fa-account-card.excel-table.fa-account-card,
html[data-layout-mode=dark_mode] .financial_audit .fa-account-card--skeleton.excel-table {
    background: var(--dm-surface, #1a1f27) !important;
    border-color: var(--dm-border, #2a3340) !important;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.35) !important;
}

html[data-layout-mode=dark_mode] .financial_audit .fa-card-header,
html[data-layout-mode=dark_mode] .financial_audit .fa-card-titlebar,
html[data-layout-mode=dark_mode] .financial_audit .fa-card-beginning,
html[data-layout-mode=dark_mode] .financial_audit .fa-card-subheader,
html[data-layout-mode=dark_mode] .financial_audit .fa-entry-row,
html[data-layout-mode=dark_mode] .financial_audit .fa-entry-cell,
html[data-layout-mode=dark_mode] .financial_audit .fa-add-entry-row,
html[data-layout-mode=dark_mode] .financial_audit .fa-column-total-row,
html[data-layout-mode=dark_mode] .financial_audit .fa-card-skeleton-footer {
    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] .financial_audit .fa-card-title,
html[data-layout-mode=dark_mode] .financial_audit .fa-col-header-label,
html[data-layout-mode=dark_mode] .financial_audit .fa-column-total-row span,
html[data-layout-mode=dark_mode] .financial_audit .fa-card-total-row span {
    color: var(--dm-text, #e8edf3) !important;
}

html[data-layout-mode=dark_mode] .financial_audit .fa-col-sort-btn,
html[data-layout-mode=dark_mode] .financial_audit .fa-card-menu-btn {
    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] .financial_audit .fa-col-sort-btn:hover,
html[data-layout-mode=dark_mode] .financial_audit .fa-col-sort-btn.is-active {
    background: rgba(74, 143, 212, 0.2) !important;
    border-color: rgba(74, 143, 212, 0.45) !important;
    color: var(--dm-accent, #7eb8e8) !important;
}

html[data-layout-mode=dark_mode] .financial_audit .fa-add-entry-row,
html[data-layout-mode=dark_mode] .financial_audit .fa-add-entry-label {
    color: var(--dm-accent, #7eb8e8) !important;
}

html[data-layout-mode=dark_mode] .financial_audit .fa-add-entry-row:hover {
    background: var(--dm-surface-3, #2c3441) !important;
}

html[data-layout-mode=dark_mode] .financial_audit .fa-card-total-row {
    background: var(--dm-surface-3, #2c3441) !important;
}

html[data-layout-mode=dark_mode] .financial_audit .fa-account-card.is-audited .fa-column-total-row {
    background: rgba(34, 197, 94, 0.15) !important;
}

html[data-layout-mode=dark_mode] .financial_audit .fa-card-total-row.is-audited {
    background: rgba(34, 197, 94, 0.22) !important;
    border-top-color: rgba(34, 197, 94, 0.4) !important;
}

html[data-layout-mode=dark_mode] .financial_audit .fa-summary-footer.fa-summary-footer {
    background: rgba(26, 31, 39, 0.96) !important;
    border-color: var(--dm-border, #2a3340) !important;
    color: var(--dm-text, #e8edf3) !important;
    box-shadow: 0 -6px 22px rgba(0, 0, 0, 0.4) !important;
}

html[data-layout-mode=dark_mode] .financial_audit .fa-summary-card {
    border-right-color: var(--dm-border, #2a3340) !important;
}

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

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

html[data-layout-mode=dark_mode] .financial_audit .fa-summary-card.is-negative .fa-summary-value {
    color: #f87171 !important;
}

html[data-layout-mode=dark_mode] .financial_audit .tab-footer.fa-day-footer,
html[data-layout-mode=dark_mode] .financial_audit .fa-day-footer.tab-footer {
    background: var(--dm-surface-2, #232a35) !important;
    border-top: 1px solid var(--dm-border, #2a3340);
    color: var(--dm-text-secondary, #c5d0dc) !important;
}

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

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

html[data-layout-mode=dark_mode] .financial_audit .fa-card-total-row.is-pending .btn.btn-primary,
html[data-layout-mode=dark_mode] .financial_audit .fa-card-total-row:not(.is-audited) .btn.btn-primary {
    background: #2563eb !important;
    background-color: #2563eb !important;
    border-color: #93c5fd !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    box-shadow: 0 0 0 1px rgba(147, 197, 253, 0.55), 0 2px 10px rgba(37, 99, 235, 0.45) !important;
}

html[data-layout-mode=dark_mode] .financial_audit .fa-card-total-row.is-audited .btn.btn-soft-secondary {
    background: rgba(255, 255, 255, 0.14) !important;
    border-color: rgba(255, 255, 255, 0.38) !important;
    color: #ffffff !important;
    font-weight: 600 !important;
}

html[data-layout-mode=dark_mode] .financial_audit .right-label.fa-entry-tag span {
    color: #ffffff !important;
}

html[data-layout-mode=dark_mode] .financial_audit .bg-light-green2 {
    background: rgba(34, 197, 94, 0.12) !important;
}

html[data-layout-mode=dark_mode] .financial_audit .right-label:not(.fa-entry-tag) span {
    color: var(--dm-text-muted, #9aa8b8) !important;
}

html[data-layout-mode=dark_mode] .financial_audit .fa-beginning-peso-sign {
    color: var(--dm-text-muted, #9aa8b8) !important;
}

html[data-layout-mode=dark_mode] .financial_audit .fa-beginning-input,
html[data-layout-mode=dark_mode] .financial_audit .fa-entry-input,
html[data-layout-mode=dark_mode] .financial_audit .fa-entry-cell input,
html[data-layout-mode=dark_mode] .financial_audit .fa-entry-cell .h-2 {
    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] .financial_audit .fa-entry-cell .with-peso::after {
    color: var(--dm-text-muted, #9aa8b8) !important;
}

/* Entry rows / amount cells — override Vue scoped #fff & #dcfce7 */
html[data-layout-mode=dark_mode] .row.financial_audit .fa-entry-row.fa-entry-row,
html[data-layout-mode=dark_mode] .financial_audit .excel-body.fa-entry-row.fa-entry-row {
    background: var(--dm-surface-2, #232a35) !important;
    border-bottom-color: var(--dm-border, #2a3340) !important;
}

html[data-layout-mode=dark_mode] .row.financial_audit .fa-entry-cell.fa-entry-cell,
html[data-layout-mode=dark_mode] .financial_audit .fa-entry-cell.bg-light-green2,
html[data-layout-mode=dark_mode] .financial_audit .fa-entry-cell.fa-entry-cell.bg-light-green2 {
    background: rgba(34, 197, 94, 0.14) !important;
}

html[data-layout-mode=dark_mode] .financial_audit .fa-entry-cell-inner {
    background: transparent !important;
}

html[data-layout-mode=dark_mode] .financial_audit .fa-entry-cell .h-2,
html[data-layout-mode=dark_mode] .financial_audit .fa-entry-cell input,
html[data-layout-mode=dark_mode] .financial_audit .fa-entry-cell .fa-entry-input,
html[data-layout-mode=dark_mode] .financial_audit .fa-entry-cell .p-inputnumber-input,
html[data-layout-mode=dark_mode] .financial_audit .fa-entry-cell .p-inputtext,
html[data-layout-mode=dark_mode] .financial_audit :is(.fa-entry-cell) .h-2,
html[data-layout-mode=dark_mode] .financial_audit :is(.fa-entry-cell) input {
    background: transparent !important;
    color: var(--dm-text, #e8edf3) !important;
    border: none !important;
    box-shadow: none !important;
}

/* Entry tags (EXP, SALES, FT…) — colors come from inline :style / getAuditCategoryLabelStyle */

html[data-layout-mode=dark_mode] .row.financial_audit .fa-column-total-row.fa-column-total-row,
html[data-layout-mode=dark_mode] .financial_audit .excel-body.fa-column-total-row {
    background: var(--dm-surface-2, #232a35) !important;
    border-bottom-color: var(--dm-border, #2a3340) !important;
}

html[data-layout-mode=dark_mode] .financial_audit .fa-column-total-row span {
    color: var(--dm-text, #e8edf3) !important;
}

html[data-layout-mode=dark_mode] .financial_audit .fa-account-card.is-audited .fa-column-total-row.fa-column-total-row {
    background: rgba(34, 197, 94, 0.18) !important;
}

html[data-layout-mode=dark_mode] .row.financial_audit .fa-add-entry-row.fa-add-entry-row,
html[data-layout-mode=dark_mode] .financial_audit .excel-body.fa-add-entry-row {
    background: var(--dm-surface-2, #232a35) !important;
    border-bottom-color: var(--dm-border, #2a3340) !important;
}

html[data-layout-mode=dark_mode] .financial_audit .fa-add-entry-row:hover {
    background: var(--dm-surface-3, #2c3441) !important;
}

html[data-layout-mode=dark_mode] .financial_audit .fa-card-total-row.fa-card-total-row {
    background: var(--dm-surface-3, #2c3441) !important;
    border-top-color: var(--dm-border, #2a3340) !important;
}

html[data-layout-mode=dark_mode] .financial_audit .fa-card-total-row.is-audited {
    background: rgba(34, 197, 94, 0.22) !important;
    border-top-color: rgba(34, 197, 94, 0.4) !important;
}

html[data-layout-mode=dark_mode] .financial_audit .fa-card-total-row span,
html[data-layout-mode=dark_mode] .financial_audit .fa-card-total-row p {
    color: var(--dm-text, #e8edf3) !important;
}

html[data-layout-mode=dark_mode] .financial_audit .fa-entry-delete-btn,
html[data-layout-mode=dark_mode] .financial_audit .fa-entry-delete-btn:hover,
html[data-layout-mode=dark_mode] .financial_audit .fa-entry-row:hover .fa-entry-delete-btn {
    background: transparent !important;
    color: #4ade80 !important;
}

html[data-layout-mode=dark_mode] .financial_audit .fa-account-card.excel-table.fa-account-card {
    background: var(--dm-surface, #1a1f27) !important;
    border-color: var(--dm-border, #2a3340) !important;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.35) !important;
}

/* Cash Flow Summary Roadmap */
html[data-layout-mode=dark_mode] .financial_audit .fa-roadmap-panel.fa-roadmap-panel {
    background: var(--dm-surface, #1a1f27) !important;
    border-color: var(--dm-border, #2a3340) !important;
    box-shadow:
        0 12px 32px rgba(0, 0, 0, 0.35),
        inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

html[data-layout-mode=dark_mode] .financial_audit .fa-roadmap-deco::after {
    background: linear-gradient(
        180deg,
        rgba(26, 31, 39, 0.92) 0%,
        rgba(26, 31, 39, 0.78) 45%,
        rgba(26, 31, 39, 0.9) 100%
    ) !important;
}

html[data-layout-mode=dark_mode] .financial_audit .fa-bg-svg {
    opacity: 0.5;
}

html[data-layout-mode=dark_mode] .financial_audit .fa-bg-base {
    fill: var(--dm-surface, #1a1f27) !important;
}

html[data-layout-mode=dark_mode] .financial_audit .fa-bg-flow-line,
html[data-layout-mode=dark_mode] .financial_audit .fa-bg-flow-line-2 {
    opacity: 0.2 !important;
}

html[data-layout-mode=dark_mode] .financial_audit .fa-roadmap-icon {
    background: rgba(74, 143, 212, 0.2) !important;
    color: var(--dm-accent, #7eb8e8) !important;
}

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

html[data-layout-mode=dark_mode] .financial_audit .fa-roadmap-subtitle {
    color: var(--dm-text-muted, #9aa8b8) !important;
}

html[data-layout-mode=dark_mode] .financial_audit .fa-roadmap-date-range,
html[data-layout-mode=dark_mode] .financial_audit .fa-roadmap-legend.fa-roadmap-legend-top,
html[data-layout-mode=dark_mode] .financial_audit .fa-roadmap-legend-top {
    background: var(--dm-surface-2, #232a35) !important;
    border-color: var(--dm-border, #2a3340) !important;
    box-shadow: none !important;
    color: var(--dm-text, #e8edf3) !important;
}

html[data-layout-mode=dark_mode] .financial_audit .fa-roadmap-legend-top .fa-roadmap-legend-item strong,
html[data-layout-mode=dark_mode] .financial_audit .fa-roadmap-legend-item strong {
    color: var(--dm-text, #e8edf3) !important;
}

html[data-layout-mode=dark_mode] .financial_audit .fa-roadmap-legend-top .fa-roadmap-legend-item > span {
    color: var(--dm-text-muted, #9aa8b8) !important;
}

html[data-layout-mode=dark_mode] .financial_audit .fa-roadmap-card.fa-roadmap-card {
    background: var(--dm-surface-2, #232a35) !important;
    border-color: var(--dm-border, #2a3340) !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25) !important;
}

html[data-layout-mode=dark_mode] .financial_audit .fa-roadmap-card-date {
    color: var(--dm-text, #e8edf3) !important;
}

html[data-layout-mode=dark_mode] .financial_audit .fa-roadmap-day.is-selected .fa-roadmap-card {
    background: rgba(74, 143, 212, 0.22) !important;
    border-color: var(--dm-accent, #4a8fd4) !important;
    box-shadow: 0 0 0 2px rgba(74, 143, 212, 0.25) !important;
}

html[data-layout-mode=dark_mode] .financial_audit .fa-roadmap-day.has-balance-mismatch .fa-roadmap-card,
html[data-layout-mode=dark_mode] .financial_audit .fa-roadmap-day.has-ending-mismatch .fa-roadmap-card {
    border-color: #f87171 !important;
}

html[data-layout-mode=dark_mode] .financial_audit .fa-roadmap-marker {
    border-color: var(--dm-surface, #1a1f27) !important;
}

html[data-layout-mode=dark_mode] .financial_audit .fa-roadmap-row {
    border-bottom-color: var(--dm-border, #2a3340) !important;
}

html[data-layout-mode=dark_mode] .financial_audit .fa-roadmap-row span,
html[data-layout-mode=dark_mode] .financial_audit .fa-roadmap-category-label,
html[data-layout-mode=dark_mode] .financial_audit .fa-roadmap-loading,
html[data-layout-mode=dark_mode] .financial_audit .fa-ending-info-icon {
    color: var(--dm-text-muted, #9aa8b8) !important;
}

html[data-layout-mode=dark_mode] .financial_audit .fa-roadmap-row strong,
html[data-layout-mode=dark_mode] .financial_audit .fa-roadmap-category-row strong,
html[data-layout-mode=dark_mode] .financial_audit .fa-roadmap-ending-money strong {
    color: var(--dm-accent, #7eb8e8) !important;
}

html[data-layout-mode=dark_mode] .financial_audit .fa-roadmap-category-row.is-child .fa-roadmap-category-label {
    border-left-color: var(--dm-border, #2a3340) !important;
}

html[data-layout-mode=dark_mode] .financial_audit .fa-roadmap-ending-row:hover {
    background: rgba(74, 143, 212, 0.1) !important;
}

html[data-layout-mode=dark_mode] .financial_audit .fa-roadmap-ending-money.fa-roadmap-ending-money {
    background: var(--dm-surface-3, #2c3441) !important;
    border-top-color: var(--dm-border, #2a3340) !important;
    color: var(--dm-text-secondary, #c5d0dc) !important;
}

html[data-layout-mode=dark_mode] .financial_audit .fa-roadmap-ending-money:hover {
    background: rgba(74, 143, 212, 0.15) !important;
}

html[data-layout-mode=dark_mode] .financial_audit .fa-roadmap-ending-money.has-ending-mismatch {
    background: rgba(220, 38, 38, 0.15) !important;
    border-color: rgba(248, 113, 113, 0.45) !important;
}

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

html[data-layout-mode=dark_mode] .financial_audit .fa-roadmap-summary-monthly-label {
    background: rgba(74, 143, 212, 0.2) !important;
    color: var(--dm-accent, #7eb8e8) !important;
}

html[data-layout-mode=dark_mode] .financial_audit .fa-roadmap-summary-item > span,
html[data-layout-mode=dark_mode] .financial_audit .fa-roadmap-summary-category-label {
    color: var(--dm-text-muted, #9aa8b8) !important;
}

html[data-layout-mode=dark_mode] .financial_audit .fa-roadmap-summary-item strong,
html[data-layout-mode=dark_mode] .financial_audit .fa-roadmap-summary-category strong {
    color: var(--dm-text, #e8edf3) !important;
}

html[data-layout-mode=dark_mode] .financial_audit .fa-roadmap-summary-category.is-child {
    border-left-color: var(--dm-border, #2a3340) !important;
}

html[data-layout-mode=dark_mode] .financial_audit .fa-roadmap-summary-sep {
    color: var(--dm-border, #2a3340) !important;
}

html[data-layout-mode=dark_mode] .financial_audit .fa-close-btn {
    color: var(--dm-text-muted, #9aa8b8) !important;
}

html[data-layout-mode=dark_mode] .financial_audit .is-zero strong,
html[data-layout-mode=dark_mode] .financial_audit .is-zero {
    color: var(--dm-text-muted, #9aa8b8) !important;
}

html[data-layout-mode=dark_mode] .fa-ending-computation-popover.fa-ending-computation-popover {
    background: var(--dm-surface, #1a1f27) !important;
    border-color: var(--dm-border, #2a3340) !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45) !important;
    color: var(--dm-text-secondary, #c5d0dc) !important;
}

html[data-layout-mode=dark_mode] .fa-ending-computation-popover .fa-ending-panel {
    color: var(--dm-text-secondary, #c5d0dc) !important;
}

html[data-layout-mode=dark_mode] .fa-ending-computation-popover .fa-ending-panel-title {
    color: var(--dm-accent, #7eb8e8) !important;
}

html[data-layout-mode=dark_mode] .fa-ending-computation-popover .fa-ending-panel-date,
html[data-layout-mode=dark_mode] .fa-ending-computation-popover .fa-ending-panel-section-title,
html[data-layout-mode=dark_mode] .fa-ending-computation-popover .fa-ending-panel-label {
    color: var(--dm-text-muted, #9aa8b8) !important;
}

html[data-layout-mode=dark_mode] .fa-ending-computation-popover .fa-ending-panel-formula {
    background: var(--dm-surface-2, #232a35) !important;
    border-color: var(--dm-border, #2a3340) !important;
    color: var(--dm-text, #e8edf3) !important;
}

html[data-layout-mode=dark_mode] .fa-ending-computation-popover .fa-ending-panel-amount {
    color: var(--dm-accent, #7eb8e8) !important;
}

/* Card menus / overlays */
html[data-layout-mode=dark_mode] .fa-card-menu-panel,
html[data-layout-mode=dark_mode] .fa-card-menu-inner,
html[data-layout-mode=dark_mode] .fa-card-menu-item,
html[data-layout-mode=dark_mode] .fa-column-sort-choice {
    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] .fa-card-menu-item:hover {
    background: var(--dm-surface-3, #2c3441) !important;
}

html[data-layout-mode=dark_mode] .fa-card-menu-item-primary {
    background: rgba(74, 143, 212, 0.18) !important;
    color: var(--dm-accent, #7eb8e8) !important;
}

html[data-layout-mode=dark_mode] .fa-card-menu-danger-zone {
    background: rgba(220, 38, 38, 0.12) !important;
    border-color: rgba(220, 38, 38, 0.35) !important;
}

html[data-layout-mode=dark_mode] .fa-column-sort-choice.is-active {
    background: rgba(74, 143, 212, 0.2) !important;
    border-color: var(--dm-accent, #4a8fd4) !important;
    color: var(--dm-accent, #7eb8e8) !important;
}

/* Action banners (Summary / Unplotted) */
html[data-layout-mode=dark_mode] .fa-action-card.fa-action-card {
    background: var(--dm-surface, #1a1f27) !important;
    border-color: var(--dm-border, #2a3340) !important;
    box-shadow: none !important;
}

html[data-layout-mode=dark_mode] .fa-action-card--summary:hover,
html[data-layout-mode=dark_mode] .fa-action-card--summary.is-active {
    border-color: rgba(74, 143, 212, 0.5) !important;
    box-shadow: 0 0 0 2px rgba(74, 143, 212, 0.15) !important;
}

html[data-layout-mode=dark_mode] .fa-action-card--unplotted:hover {
    border-color: rgba(248, 113, 113, 0.45) !important;
}

html[data-layout-mode=dark_mode] .fa-action-card__title,
html[data-layout-mode=dark_mode] .fa-action-card__value {
    color: var(--dm-text, #e8edf3) !important;
}

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

html[data-layout-mode=dark_mode] .fa-action-card__icon-wrap--blue {
    background: linear-gradient(145deg, rgba(74, 143, 212, 0.25) 0%, rgba(37, 99, 235, 0.2) 100%) !important;
}

html[data-layout-mode=dark_mode] .fa-action-card__icon-wrap--red {
    background: linear-gradient(145deg, rgba(239, 68, 68, 0.2) 0%, rgba(220, 38, 38, 0.15) 100%) !important;
}

html[data-layout-mode=dark_mode] .fa-action-card__go--blue {
    background: rgba(74, 143, 212, 0.2) !important;
    color: var(--dm-accent, #7eb8e8) !important;
}

html[data-layout-mode=dark_mode] .fa-action-card__go--red {
    background: rgba(239, 68, 68, 0.15) !important;
    color: #f87171 !important;
}

html[data-layout-mode=dark_mode] .fa-trend-badge.is-up {
    background: rgba(16, 185, 129, 0.2) !important;
    color: #6ee7b7 !important;
}

html[data-layout-mode=dark_mode] .fa-trend-badge.is-down {
    background: rgba(220, 38, 38, 0.2) !important;
    color: #fca5a5 !important;
}

/* Toolbar mini */
html[data-layout-mode=dark_mode] .fa-audit-toolbar-mini,
html[data-layout-mode=dark_mode] .fa-audit-toolbar-expand {
    background: var(--dm-surface-3, #2c3441) !important;
    border-color: var(--dm-border, #2a3340) !important;
    color: var(--dm-text, #e8edf3) !important;
}

/* Focus / zoom panel (floating) */
html[data-layout-mode=dark_mode] .fa-focus-zoom-panel,
html[data-layout-mode=dark_mode] .fa-focus-toggle,
html[data-layout-mode=dark_mode] .fa-focus-zoom-btn,
html[data-layout-mode=dark_mode] .fa-focus-cols-presets {
    background: var(--dm-surface, #1a1f27) !important;
    border-color: var(--dm-border, #2a3340) !important;
    color: var(--dm-text-secondary, #c5d0dc) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35) !important;
}

html[data-layout-mode=dark_mode] .fa-focus-zoom-btn:hover,
html[data-layout-mode=dark_mode] .fa-focus-toggle:hover {
    background: var(--dm-surface-3, #2c3441) !important;
    border-color: rgba(74, 143, 212, 0.45) !important;
    color: var(--dm-accent, #7eb8e8) !important;
}

html[data-layout-mode=dark_mode] .fa-focus-zoom-btn-exit {
    background: rgba(220, 38, 38, 0.12) !important;
    border-color: rgba(220, 38, 38, 0.35) !important;
    color: #fca5a5 !important;
}

html[data-layout-mode=dark_mode] .fa-focus-cols-preset:hover,
html[data-layout-mode=dark_mode] .fa-focus-cols-preset.is-active {
    background: var(--dm-surface-3, #2c3441) !important;
    color: var(--dm-accent, #7eb8e8) !important;
    border-color: rgba(74, 143, 212, 0.4) !important;
}

html[data-layout-mode=dark_mode] .fa-focus-zoom-value,
html[data-layout-mode=dark_mode] .fa-focus-toggle-label {
    color: var(--dm-text, #e8edf3) !important;
}

html[data-layout-mode=dark_mode] .fa-focus-zoom-divider {
    background: var(--dm-border, #2a3340) !important;
}

/* Sync / export loaders */
html[data-layout-mode=dark_mode] .sync-loader {
    background: var(--dm-surface, #1a1f27) !important;
    border-color: var(--dm-border, #2a3340) !important;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5) !important;
}

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

/* PrimeVue skeleton loaders */
html[data-layout-mode=dark_mode] .financial_audit .p-skeleton,
html[data-layout-mode=dark_mode] .create-modal .p-skeleton,
html[data-layout-mode=dark_mode] .item-modal .p-skeleton,
html[data-layout-mode=dark_mode] .view-modal .p-skeleton,
html[data-layout-mode=dark_mode] .fa-unplotted-modal .p-skeleton,
html[data-layout-mode=dark_mode] .p-dialog.create-modal .p-skeleton,
html[data-layout-mode=dark_mode] .p-dialog.item-modal .p-skeleton,
html[data-layout-mode=dark_mode] .p-dialog.view-modal .p-skeleton,
html[data-layout-mode=dark_mode] .p-dialog.fa-unplotted-modal .p-skeleton {
    background: linear-gradient(90deg, #2c3441 0%, #3a4554 45%, #2c3441 90%) !important;
    background-size: 200% 100% !important;
    animation: fa-audit-skeleton-shimmer 1.35s ease-in-out infinite !important;
}

html[data-layout-mode=dark_mode] .financial_audit .p-skeleton::before,
html[data-layout-mode=dark_mode] .financial_audit .p-skeleton::after,
html[data-layout-mode=dark_mode] .create-modal .p-skeleton::before,
html[data-layout-mode=dark_mode] .create-modal .p-skeleton::after,
html[data-layout-mode=dark_mode] .item-modal .p-skeleton::before,
html[data-layout-mode=dark_mode] .item-modal .p-skeleton::after,
html[data-layout-mode=dark_mode] .view-modal .p-skeleton::before,
html[data-layout-mode=dark_mode] .view-modal .p-skeleton::after,
html[data-layout-mode=dark_mode] .fa-unplotted-modal .p-skeleton::before,
html[data-layout-mode=dark_mode] .fa-unplotted-modal .p-skeleton::after {
    background: linear-gradient(
        90deg,
        rgba(255, 255, 255, 0),
        rgba(255, 255, 255, 0.06),
        rgba(255, 255, 255, 0)
    ) !important;
}

html[data-layout-mode=dark_mode] .financial_audit .fa-card-skeleton-accent.p-skeleton {
    background: linear-gradient(90deg, #2a3340 0%, #3d4a5c 50%, #2a3340 100%) !important;
    background-size: 200% 100% !important;
}

@keyframes fa-audit-skeleton-shimmer {
    0% {
        background-position: 100% 0;
    }
    100% {
        background-position: -100% 0;
    }
}