/* Tema escuro azul ValuNext: superfícies distinguíveis, sem fundo quase preto. */
.dark {
    --vn-dark-canvas: #0f1e31;
    --vn-dark-sidebar: #122640;
    --vn-dark-topbar: #172d49;
    --vn-dark-surface: #1a304d;
    --vn-dark-surface-2: #203956;
    --vn-dark-line: #304d6e;
    --vn-dark-text: #e8f1f8;
    --vn-dark-muted: #a8bfd3;
}
.dark body, .dark .fi-body { background: var(--vn-dark-canvas) !important; color: var(--vn-dark-text); }
.dark .fi-main { background: var(--vn-dark-canvas); }
.dark .fi-topbar { background: var(--vn-dark-topbar) !important; box-shadow: 0 1px 0 var(--vn-dark-line), 0 12px 30px -24px #020b16 !important; }
.dark .fi-sidebar, .dark .fi-sidebar-nav { background: var(--vn-dark-sidebar) !important; }
.dark .fi-sidebar { border-inline-end: 1px solid var(--vn-dark-line); }
.dark .fi-sidebar-header { background: var(--vn-dark-sidebar) !important; box-shadow: 0 1px 0 var(--vn-dark-line) !important; }
/* O PNG do footer tem margens transparentes; a escala iguala a marca visível ao logo principal. */
.dark .fi-logo-dark { transform: scale(1.86); transform-origin: center; }
.dark .fi-topbar-start .fi-logo-dark { transform: translateX(2.65rem) scale(1.86); }
.dark .fi-sidebar-item-label { color: #d9e8f5 !important; }
.dark .fi-sidebar-item-icon { color: #91abc3 !important; }
.dark .fi-sidebar-item-btn:hover { background: #1a3855 !important; }
.dark .fi-sidebar-item.fi-active .fi-sidebar-item-btn { background: #113e43 !important; box-shadow: inset 3px 0 0 #01d7a4; }
.dark .fi-section,
.dark .fi-wi-stats-overview-stat,
.dark .fi-ta-ctn,
.dark .fi-modal-window,
.dark .fi-dropdown-panel,
.dark .fi-fo-repeater-item,
.dark .fi-card,
.dark .vn-card,
.dark .vn-info-bar,
.dark .vn-plan-banner,
.dark .vn-action-card {
    background: var(--vn-dark-surface) !important;
    border-color: var(--vn-dark-line) !important;
    outline-color: var(--vn-dark-line) !important;
    box-shadow: 0 12px 30px -24px rgb(0 5 15 / .78) !important;
}
.dark .fi-section-header, .dark .fi-ta-header, .dark .fi-ta-header-toolbar { background: transparent !important; border-color: var(--vn-dark-line) !important; }
.dark .fi-ta-row, .dark .fi-ta-cell { border-color: #294665 !important; }
.dark .fi-ta-row:hover { background: #203a58 !important; }
.dark .fi-input-wrp, .dark .fi-select-input, .dark .fi-input { background-color: #152b46; border-color: var(--vn-dark-line); }
.dark .fi-input-wrp { box-shadow: inset 0 0 0 1px var(--vn-dark-line); }
.dark .fi-input-wrp:focus-within { background: #193552; box-shadow: inset 0 0 0 2px #35cdb0, 0 0 0 3px rgb(1 215 164 / .12); }
.dark .fi-header-heading, .dark .fi-section-header-heading, .dark .fi-wi-stats-overview-stat-value { color: #f4f9fd !important; }
.dark .fi-section-header-description, .dark .fi-wi-stats-overview-stat-description, .dark .fi-ta-text, .dark .fi-body .text-gray-500 { color: var(--vn-dark-muted) !important; }
.dark .fi-pagination, .dark .fi-ta-footer { border-color: var(--vn-dark-line) !important; background: #172d49 !important; }
.dark .fi-btn.fi-color-gray { background: #294563; color: #e8f1f8; }
.dark .fi-dropdown-list-item:hover { background: #294866 !important; }
.dark ::selection { background: rgb(1 215 164 / .35); color: #fff; }