/* ============================================================
   VALORA CRM | IDENTIDADE VISUAL DARK UNIFICADA | 2026-11-02
   Azul principal #2387E8; destaque mais claro #59A9F5.
   Tokens referenciais usados nas folhas de estilo antigas.
   Verde semantico (pago, recebido, concluido, WhatsApp) preservado.
   ============================================================ */
html[data-theme="dark"] {
  --valora-visual-accent: #59A9F5;
  --valora-visual-accent-strong: #2387E8;
  --valora-visual-accent-rgb: 89, 169, 245;
  --valora-visual-accent-soft: rgba(89, 169, 245, 0.12);
  --brand: #59A9F5;
  --brand-dark: #2387E8;
  --accent: #59A9F5;
  --accent-strong: #2387E8;
  --logo-aqua: #59A9F5;
  --logo-aqua-dark: #2387E8;
}
html[data-theme="dark"] body {
  --brand: #59A9F5;
  --brand-dark: #2387E8;
  --accent: #59A9F5;
  --accent-strong: #2387E8;
}

/* ===========================================================
   VALORA CRM | PALETA DARK GLOBAL | 02/11/2026
   Aplicacao nas paginas internas: carregado por ultimo no <head>.
   Superficies de conteudo = #1B1B1B; menu do Valora = #09080D.
   Exclusivo do modo escuro. Nao modifica o tema claro.
   =========================================================== */

html[data-theme="dark"] {
  color-scheme: dark;
  --valora-global-canvas: #1B1B1B;
  --valora-global-surface: #1B1B1B;
  --dark-bg: #1B1B1B;
  --dark-bg-soft: #1B1B1B;
  --dark-shell: #1B1B1B;
  --dark-panel: #1B1B1B;
  --dark-panel-2: #1B1B1B;
  --dark-input: #1B1B1B;
  --dark-input-disabled: #1B1B1B;
  --dark-table-head: #1B1B1B;
  --bg: #1B1B1B;
  --bg-soft: #1B1B1B;
  --panel: #1B1B1B;
  --card-bg: #1B1B1B;
  --input-bg: #1B1B1B;
  --input-bg-disabled: #1B1B1B;
  --fin-bg: #1B1B1B;
  --fin-card: #1B1B1B;
  --fin-soft: #1B1B1B;
  --fin-master-panel: #1B1B1B;
  --surface: #1B1B1B;
  --surface-soft: #1B1B1B;
  --agenda-bg: #1B1B1B;
  --agenda-surface: #1B1B1B;
  --agenda-surface-soft: #1B1B1B;
  --form-active-dark-bg: #1B1B1B;
  --valora-dark-canvas: #1B1B1B;
  --valora-dark-surface: #1B1B1B;
  --valora-dark-surface-soft: #1B1B1B;
  --valora-top-action-bg: #1B1B1B;
}

/* Alguns modulos declaram variaveis no body ou no main. */
html[data-theme="dark"] body,
html[data-theme="dark"] body.financeiro-theme-valora,
html[data-theme="dark"] :is(
  .layout, .main, .financeiro-page, .financeiro-receber-page,
  .financeiro-pagar-page, .agenda-page, .audit-page, .hour-page,
  .formularios-vnext, .formularios-page, .monitoramento-page
) {
  --bg: #1B1B1B !important;
  --bg-soft: #1B1B1B !important;
  --panel: #1B1B1B !important;
  --card-bg: #1B1B1B !important;
  --input-bg: #1B1B1B !important;
  --fin-bg: #1B1B1B !important;
  --fin-card: #1B1B1B !important;
  --fin-soft: #1B1B1B !important;
  --surface: #1B1B1B !important;
  --surface-soft: #1B1B1B !important;
  --agenda-bg: #1B1B1B !important;
  --agenda-surface: #1B1B1B !important;
  --agenda-surface-soft: #1B1B1B !important;
}

/* Canvas e layouts de TODOS os modulos, inclusive os que nao
   carregavam o antigo dark-chatgpt-fix.css. */
html[data-theme="dark"],
html[data-theme="dark"] body,
html[data-theme="dark"] :is(
  .layout, main, .main, .page, .content, .app-content,
  .main-content, .app-page, .dashboard-page, .dashboard-page-shell,
  .financeiro-page, .agenda-page, .agenda-page-body, .agenda-main,
  .audit-page, .hour-page, .formularios-page, .formularios-vnext,
  .valora-shell-body, .valora-shell-stage, .empresas-vinculadas-page,
  .valora-conferencia-pendencias, .arq-drive-shell, .monitoramento-page
) {
  background-color: #1B1B1B !important;
}

/* Somente os fundos decorativos do canvas: nao remover gradientes
   de botoes primarios, graficos, icones e estados. */
html[data-theme="dark"] body,
html[data-theme="dark"] main,
html[data-theme="dark"] .layout,
html[data-theme="dark"] .main {
  background-image: none !important;
}

/* Superficies: paineis, cards, KPIs, widgets, filtros e resumos. */
html[data-theme="dark"] :is(
  .card, .panel-card, .section-card, .surface-card,
  .stat-card, .kpi-card, .metric-card, .financeiro-card,
  .financeiro-saas-card, .financeiro-saas-metric,
  .dashboard-kpi, .dashboard-kpi-box, .dashboard-panel-card,
  .financeiro-panel, .financeiro-filter-panel,
  .financeiro-unified-filter-panel, .financeiro-toolbar--saas,
  .financeiro-section-card, .financeiro-editor-card,
  .financeiro-cadastro-panel, .financeiro-ficha-main,
  .financeiro-ficha-sidebar, .settings-panel, .settings-card,
  .monitoramento-ficha-shell, .monitoramento-ficha-content,
  .monitoramento-ficha-sidebar, .monitoramento-table-panel,
  .agenda-side-panel, .agenda-page-search-input,
  .agenda-search-result, .lock-card, .state-card, .insight-card,
  .critical-section, .ev-panel, .valora-conferencia-panel, .valora-conferencia-summary,
  .ev-list-panel, .hour-detail-panel, .form-section,
  .form-card, .form-box, .tab-panel, .wizard-panel,
  .clientes-filter-card, .fornecedores-filter-card,
  .produtos-filter-card, .monitoramento-filter-card,
  .financeiro-table-wrap, .valora-table-wrapper,
  .table-container, .table-wrapper, .panel-card-table,
  .budget-panel, .budget-section-card,
  .agenda-setting-section, .config-form-panel
) {
  background: #1B1B1B !important;
  background-image: none !important;
}

/* Abrange cards/painéis novos ou de modulos especificos sem
   atingir seus indicadores internos, avatares e badges. */
html[data-theme="dark"] :is(div, section, article, aside)[class$="-card"],
html[data-theme="dark"] :is(div, section, article, aside)[class*="-card "],
html[data-theme="dark"] :is(div, section, article, aside)[class$="-panel"],
html[data-theme="dark"] :is(div, section, article, aside)[class*="-panel "] {
  background-color: #1B1B1B !important;
}

/* Tabelas e listagens em todos os modulos. Sem alterar a cor de
   avisos, marcadores de status ou botoes de acao. */
html[data-theme="dark"] :is(
  .financeiro-table-wrap, .table-responsive, .table-scroll,
  .financeiro-table, .valora-table, .monitoramento-table,
  .monitoramento-list-table, .valora-conferencia-table, .acomp-table,
  .agenda-table, .budget-items-table, .table-wrap
) {
  background-color: #1B1B1B !important;
}
html[data-theme="dark"] :is(table, thead, tbody, tfoot, th, td),
html[data-theme="dark"] :is(.table-pagination, .table-pagination-top, .table-toolbar) {
  background-color: #1B1B1B !important;
}
html[data-theme="dark"] :is(tr, .table-row):hover > td {
  background-color: #252525 !important;
}

/* Formulario neutro: inputs, datas, listas, selects, pesquisa.
   Deixa os placeholders, bordas e foco a cargo do design atual. */
html[data-theme="dark"] :is(
  input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="range"]),
  select, textarea
):not([type="submit"]):not([type="button"]):not([type="reset"]) {
  background-color: #1B1B1B !important;
  background-image: none !important;
}
html[data-theme="dark"] :is(
  .input-group, .input-with-icon, .form-control, .search-field,
  .filter-field, .financeiro-select-mini, .financeiro-form-grid,
  .ficha-principal-system-fields, .financeiro-filters-grid,
  .agenda-page-search, .agenda-page-search-input,
  .financeiro-filter-chip, .financeiro-bulk-filter,
  .financeiro-filter-summary, .filters-container
) {
  background-color: #1B1B1B !important;
}

/* Modais e fichas, inclusive cabeçalhos, sidebars internas,
   rodapes e abas. Exclui overlays/backdrops. */
html[data-theme="dark"] :is(
  .modal, .modal-content, .modal-dialog, .modal-body,
  .modal-header, .modal-footer, .modal-scroll,
  .financeiro-modal, .financeiro-modal-body,
  .financeiro-modal-head, .financeiro-modal-foot,
  .monitoramento-modal, .monitoramento-modal-body,
  .monitoramento-modal-head, .monitoramento-modal-topbar,
  .monitoramento-modal-sidebar, .monitoramento-modal-main,
  .monitoramento-modal-workbar, .monitoramento-modal-footer,
  .cliente-modal-shell, .fornecedor-modal-shell,
  .produto-modal-shell, .patrimonio-modal-shell,
  .cotacao-modal-shell, .budget-modal-shell, .proposal-modal-shell,
  .cliente-modal-content, .fornecedor-modal-content,
  .produto-modal-content, .budget-modal-content,
  .proposal-modal-content, .settings-modal-content,
  .cliente-modal-sidebar, .fornecedor-modal-sidebar,
  .produto-modal-sidebar, .patrimonio-modal-sidebar,
  .cotacao-modal-sidebar, .budget-modal-sidebar,
  .proposal-modal-sidebar, .financeiro-ficha-sidebar,
  .financeiro-ficha-main, .financeiro-ficha-content,
  .financeiro-modal-toolbar, .financeiro-modal-ficha,
  .cliente-modal-main, .fornecedor-modal-main, .produto-modal-main,
  .cliente-modal-scroll, .fornecedor-modal-scroll,
  .produto-modal-scroll, .budget-modal-scroll, .proposal-modal-scroll
) {
  background-color: #1B1B1B !important;
  background-image: none !important;
}

/* Editor de formularios, que possui uma paleta de superficies propria. */
html[data-theme="dark"] .formularios-vnext :is(
  .form-editor-workspace, .form-workspace, .form-editor-sidebar,
  .form-modules-sidebar, .form-editor-main, .form-canvas,
  .form-builder, .editor-surface, .fields-list, .fields-workspace,
  .form-preview, .form-editor-panel, .form-editor-card,
  .form-editor-input, .form-field-card
) {
  background-color: #1B1B1B !important;
}

/* Acoes SECUNDARIAS neutras. Nao atingir CTA azul, status e alertas. */
html[data-theme="dark"] :is(
  .btn-secondary, .btn-outline, .btn-ghost, .soft-button,
  .financeiro-filter-chip, .financeiro-select-mini,
  .agenda-search-result, .filter-toggle
) {
  background-color: #1B1B1B !important;
}
html[data-theme="dark"] :is(
  .btn-secondary, .btn-outline, .btn-ghost, .soft-button,
  .financeiro-filter-chip, .financeiro-select-mini
):hover {
  background-color: #343434 !important;
}

/* EXCECAO: barras de navegacao continuam #09080D apenas no dark. */
html[data-theme="dark"] #valora-menu-root .valora-auvo-topbar,
html[data-theme="dark"] #valora-menu-root .brand-btn,
html[data-theme="dark"] .valora-auvo-topbar,
html[data-theme="dark"] .financeiro-sidebar,
html[data-theme="dark"] .financeiro-sidebar-root {
  background-color: #09080D !important;
}

/* Correcoes definitivas da ficha de Pagar e Receber, sem tocar em status. */
html[data-theme="dark"] :is(body.financeiro-pagar-body, body.financeiro-receber-body)
  #modal-lancamento .financeiro-system-code-head::before {
  background: rgba(89, 169, 245, 0.12) !important;
  border-color: rgba(89, 169, 245, 0.25) !important;
  color: #59A9F5 !important;
}
html[data-theme="dark"] :is(body.financeiro-pagar-body, body.financeiro-receber-body)
  #modal-lancamento .financeiro-system-code-card,
html[data-theme="dark"] :is(body.financeiro-pagar-body, body.financeiro-receber-body)
  #modal-lancamento .financeiro-system-code-card .financeiro-system-code-head {
  background: #1B1B1B !important;
}
html[data-theme="dark"] :is(body.financeiro-pagar-body, body.financeiro-receber-body)
  #modal-lancamento .financeiro-sidebar-avatar,
html[data-theme="dark"] :is(body.financeiro-pagar-body, body.financeiro-receber-body)
  #modal-lancamento .financeiro-ficha-icon {
  color: #59A9F5 !important;
  border-color: rgba(89, 169, 245, 0.24) !important;
}
html[data-theme="dark"] :is(body.financeiro-pagar-body, body.financeiro-receber-body)
  #modal-lancamento .financeiro-ficha-nav button.is-active,
html[data-theme="dark"] :is(body.financeiro-pagar-body, body.financeiro-receber-body)
  #modal-lancamento .financeiro-ficha-nav button.is-active i {
  color: #59A9F5 !important;
}
html[data-theme="dark"] :is(body.financeiro-pagar-body, body.financeiro-receber-body)
  #modal-lancamento .financeiro-ficha-nav button.is-active {
  background: rgba(89, 169, 245, 0.14) !important;
}
html[data-theme="dark"] :is(body.financeiro-pagar-body, body.financeiro-receber-body)
  #modal-lancamento .financeiro-ficha-nav button.is-active::before {
  background: #59A9F5 !important;
}

/* Gradientes SVG decorativos declarados em atributos HTML. */
html[data-theme="dark"] stop[stop-color="#4BC3C7"],
html[data-theme="dark"] stop[stop-color="#4bc3c7"] {
  stop-color: #59A9F5;
}


/* ===============================================================
   02/11/2026 | ACABAMENTO DARK NEUTRO (CORRECAO GLOBAL)

   Componentes com fundos azul-marinho antigos (0F172A, 111827,
   17232D, 0B1220 e equivalentes) obedecem a mesma superficie:
   #1B1B1B. Apenas no modo dark. Menus, CTA, status e avisos
   conservam suas cores de significado.
   =============================================================== */
html[data-theme="dark"] {
  --valora-legacy-navy-replacement: #1B1B1B;
  --valora-neutral-border: #383838;
}

/* Superficies e controles identificados na varredura de estilos. */

[data-theme="dark"] #produto-search-results,
[data-theme="dark"] #produto-search-results.is-column-layout .product-result,
[data-theme="dark"] #produto-search-results.is-list-layout,
[data-theme="dark"] #settings-modal .btn-close,
[data-theme="dark"] #settings-modal .btn-secondary,
[data-theme="dark"] #settings-modal .budget-action-btn,
[data-theme="dark"] #settings-modal .kit-products-card,
[data-theme="dark"] #settings-modal .product-search-box,
[data-theme="dark"] #settings-modal .settings-empty-state,
[data-theme="dark"] #settings-modal .settings-inline-toggle,
[data-theme="dark"] .budget-autocomplete,
[data-theme="dark"] .financeiro-ficha-sidebar,
[data-theme="dark"] .product-empty,
[data-theme="dark"] .product-load-status,
[data-theme="dark"] .product-result,
html.dark .zcPerfil-btnGhost,
html.dark .zcPerfil-field input,
html.dark .zcPerfil-field select,
html.dark .zcPerfilMediaPreviewEmpty,
html.dark .zcPerfilPill,
html[data-theme="dark"] #budget-modal .btn-close,
html[data-theme="dark"] #budget-modal .budget-modal-footer,
html[data-theme="dark"] #budget-modal .budget-modal-sidebar,
html[data-theme="dark"] #budget-modal .budget-modal-topbar,
html[data-theme="dark"] #budget-modal .budget-section-card,
html[data-theme="dark"] #budget-modal .budget-sidebar-total-card,
html[data-theme="dark"] #financeiro-visualizacao-modal .financeiro-view-btn,
html[data-theme="dark"] #financeiro-visualizacao-modal .financeiro-view-card,
html[data-theme="dark"] #financeiro-visualizacao-modal .financeiro-view-header,
html[data-theme="dark"] #financeiro-visualizacao-modal .financeiro-view-icon-btn {
  background: var(--valora-legacy-navy-replacement) !important;
  background-image: none !important;
}

html[data-theme="dark"] #financeiro-visualizacao-modal .financeiro-view-menu,
html[data-theme="dark"] #financeiro-visualizacao-modal .financeiro-view-scroll,
html[data-theme="dark"] #financeiro-visualizacao-modal .financeiro-view-shell,
html[data-theme="dark"] #financeiro-visualizacao-modal .financeiro-view-summary,
html[data-theme="dark"] #financeiro-visualizacao-modal .financeiro-view-toolbar,
html[data-theme="dark"] #modal-campo .cep-destination-select,
html[data-theme="dark"] #modal-cliente-backdrop #btn-fechar-modal-cliente,
html[data-theme="dark"] #modal-cliente-backdrop .agenda-fixed-top-btn,
html[data-theme="dark"] #modal-cliente-backdrop .cliente-actions-menu,
html[data-theme="dark"] #modal-cliente-backdrop .cliente-actions-trigger,
html[data-theme="dark"] #modal-cliente-backdrop .cliente-modal-workbar,
html[data-theme="dark"] #modal-cliente-backdrop .cliente-save-shortcut kbd,
html[data-theme="dark"] #modal-cliente-backdrop .cliente-top-icon-action.btn-secondary,
html[data-theme="dark"] #modal-cotacao-backdrop .cotacao-actions-menu,
html[data-theme="dark"] #modal-cotacao-backdrop .cotacao-actions-trigger,
html[data-theme="dark"] #modal-cotacao-backdrop .cotacao-add-fornecedor,
html[data-theme="dark"] #modal-cotacao-backdrop .cotacao-ficha-toggle,
html[data-theme="dark"] #modal-cotacao-backdrop .cotacao-modal-workbar,
html[data-theme="dark"] #modal-cotacao-backdrop .cotacao-native-section-head,
html[data-theme="dark"] #modal-cotacao-backdrop .cotacao-system-code-card,
html[data-theme="dark"] #modal-fornecedor-backdrop .fornecedor-actions-menu,
html[data-theme="dark"] #modal-fornecedor-backdrop .fornecedor-actions-trigger,
html[data-theme="dark"] #modal-fornecedor-backdrop .fornecedor-modal-workbar,
html[data-theme="dark"] #modal-fornecedor-backdrop .fornecedor-save-shortcut kbd,
html[data-theme="dark"] #modal-produto-backdrop .produto-fornecedor-card,
html[data-theme="dark"] #modal-produto-backdrop .produto-fornecedor-summary-item,
html[data-theme="dark"] #modal-produto-backdrop .produto-fornecedor-whatsapp-card,
html[data-theme="dark"] #modal-secao .secao-icone-preview,
html[data-theme="dark"] #modal-secao .secao-icone-trigger,
html[data-theme="dark"] #modal-secao .secao-icones-popover {
  background: var(--valora-legacy-navy-replacement) !important;
  background-image: none !important;
}

html[data-theme="dark"] #settings-modal .btn-close,
html[data-theme="dark"] #settings-modal .btn-secondary,
html[data-theme="dark"] #settings-modal .budget-action-btn,
html[data-theme="dark"] #settings-modal .kit-products-card,
html[data-theme="dark"] #settings-modal .product-search-box,
html[data-theme="dark"] #settings-modal .settings-empty-state,
html[data-theme="dark"] #settings-modal .settings-inline-toggle,
html[data-theme="dark"] .cliente-ficha-code-card.ficha-principal-code-card,
html[data-theme="dark"] .contract-client-info,
html[data-theme="dark"] .cotacao-ficha-code-card.ficha-principal-code-card,
html[data-theme="dark"] .custom-fields-grid .custom-multiselect-dropdown.is-open .custom-multiselect-menu,
html[data-theme="dark"] .custom-fields-grid .custom-multiselect-footer,
html[data-theme="dark"] .custom-fields-grid .custom-multiselect-menu,
html[data-theme="dark"] .custom-fields-grid .custom-multiselect-menu .custom-multiselect-option,
html[data-theme="dark"] .custom-fields-grid .custom-multiselect-menu .custom-multiselect-panel,
html[data-theme="dark"] .custom-fields-grid .custom-multiselect-panel,
html[data-theme="dark"] .custom-fields-grid .custom-multiselect-trigger,
html[data-theme="dark"] .custom-section-card,
html[data-theme="dark"] .ficha-principal-code-card,
html[data-theme="dark"] .field-config-section,
html[data-theme="dark"] .fornecedor-ficha-code-card.ficha-principal-code-card,
html[data-theme="dark"] .history-technical-budget,
html[data-theme="dark"] .history-technical-budget-head,
html[data-theme="dark"] .history-technical-open-budget,
html[data-theme="dark"] .modal-premium,
html[data-theme="dark"] .modal-premium .modal-close,
html[data-theme="dark"] .modal-premium-header,
html[data-theme="dark"] .modal-size-toggle,
html[data-theme="dark"] .patrimonio-ficha-code-card.ficha-principal-code-card,
html[data-theme="dark"] .premium-control input {
  background: var(--valora-legacy-navy-replacement) !important;
  background-image: none !important;
}

html[data-theme="dark"] .premium-control select,
html[data-theme="dark"] .premium-control textarea,
html[data-theme="dark"] .premium-field-preview,
html[data-theme="dark"] .premium-modal-body,
html[data-theme="dark"] .premium-modal-footer,
html[data-theme="dark"] .premium-modal-section,
html[data-theme="dark"] .produto-ficha-code-card,
html[data-theme="dark"] .produto-ficha-code-card.ficha-principal-code-card,
html[data-theme="dark"] .proposal-client-link-feedback,
html[data-theme="dark"] .proposal-client-next-step,
html[data-theme="dark"] .service-proposal-model-card,
html[data-theme="dark"] .service-proposal-section,
html[data-theme="dark"] .service-proposal-section-header,
html[data-theme="dark"] .service-proposal-standard-note,
html[data-theme="dark"] .service-proposal-template-footer,
html[data-theme="dark"] .service-proposal-template-header,
html[data-theme="dark"] .service-proposal-template-notice,
html[data-theme="dark"] .service-proposal-value-input,
html[data-theme="dark"] .service-template-add-service,
html[data-theme="dark"] .service-template-default-check,
html[data-theme="dark"] .service-template-row-actions button,
html[data-theme="dark"] .service-template-section-card,
html[data-theme="dark"] .service-template-section-head,
html[data-theme="dark"] .service-template-section-title-field input,
html[data-theme="dark"] .service-template-service-row > input[type="text"],
html[data-theme="dark"] .valora-export-close,
html[data-theme="dark"] .valora-export-format-card,
html[data-theme="dark"] .valora-export-scope-card,
html[data-theme="dark"] .valora-floating-help-btn,
html[data-theme="dark"] .valora-form.is-ficha-principal .custom-section-card-bitrix .custom-section-head {
  background: var(--valora-legacy-navy-replacement) !important;
  background-image: none !important;
}

html[data-theme="dark"] .valora-help-card,
html[data-theme="dark"] .valora-help-close,
html[data-theme="dark"] .valora-help-panel,
html[data-theme="dark"] .zcPerfil-btnGhost,
html[data-theme="dark"] .zcPerfil-field input,
html[data-theme="dark"] .zcPerfil-field select,
html[data-theme="dark"] .zcPerfilMediaPreviewEmpty,
html[data-theme="dark"] .zcPerfilPill,
html[data-theme="dark"] body.financeiro-pagar-body #modal-lancamento .financeiro-actions-menu,
html[data-theme="dark"] body.financeiro-pagar-body #modal-lancamento .financeiro-actions-trigger,
html[data-theme="dark"] body.financeiro-pagar-body #modal-lancamento .financeiro-editor-card,
html[data-theme="dark"] body.financeiro-pagar-body #modal-lancamento .financeiro-ficha-main,
html[data-theme="dark"] body.financeiro-pagar-body #modal-lancamento .financeiro-ficha-sidebar,
html[data-theme="dark"] body.financeiro-pagar-body #modal-lancamento .financeiro-modal--ficha,
html[data-theme="dark"] body.financeiro-pagar-body #modal-lancamento .financeiro-modal-body--ficha,
html[data-theme="dark"] body.financeiro-pagar-body #modal-lancamento .financeiro-modal-foot--ficha,
html[data-theme="dark"] body.financeiro-pagar-body #modal-lancamento .financeiro-modal-head--ficha,
html[data-theme="dark"] body.financeiro-pagar-body #modal-lancamento .financeiro-modal-workbar-cliente,
html[data-theme="dark"] body.financeiro-pagar-body #modal-lancamento .financeiro-system-code-card,
html[data-theme="dark"] body.financeiro-pagar-body #modal-lancamento .financeiro-top-icon-btn,
html[data-theme="dark"] body.financeiro-pagar-body #modal-lancamento .valora-cliente-consulta-card,
html[data-theme="dark"] body.financeiro-receber-body #modal-lancamento .financeiro-actions-menu,
html[data-theme="dark"] body.financeiro-receber-body #modal-lancamento .financeiro-actions-trigger,
html[data-theme="dark"] body.financeiro-receber-body #modal-lancamento .financeiro-editor-card,
html[data-theme="dark"] body.financeiro-receber-body #modal-lancamento .financeiro-ficha-main,
html[data-theme="dark"] body.financeiro-receber-body #modal-lancamento .financeiro-ficha-sidebar,
html[data-theme="dark"] body.financeiro-receber-body #modal-lancamento .financeiro-modal--ficha,
html[data-theme="dark"] body.financeiro-receber-body #modal-lancamento .financeiro-modal-body--ficha,
html[data-theme="dark"] body.financeiro-receber-body #modal-lancamento .financeiro-modal-foot--ficha,
html[data-theme="dark"] body.financeiro-receber-body #modal-lancamento .financeiro-modal-head--ficha {
  background: var(--valora-legacy-navy-replacement) !important;
  background-image: none !important;
}

html[data-theme="dark"] body.financeiro-receber-body #modal-lancamento .financeiro-modal-workbar-cliente,
html[data-theme="dark"] body.financeiro-receber-body #modal-lancamento .financeiro-system-code-card,
html[data-theme="dark"] body.financeiro-receber-body #modal-lancamento .financeiro-top-icon-btn,
html[data-theme="dark"] body.financeiro-receber-body #modal-lancamento .valora-cliente-consulta-card,
html[data-theme="dark"] body.financeiro-theme-valora #modal-lancamento .fin-parceiro-campo input,
html[data-theme="dark"] body.financeiro-theme-valora #modal-lancamento .fin-parceiro-campo select,
html[data-theme="dark"] body.financeiro-theme-valora #modal-lancamento .fin-parceiro-campo textarea,
html[data-theme="dark"] body.financeiro-theme-valora #modal-lancamento .fin-parceiro-mensagem,
html[data-theme="dark"] body.financeiro-theme-valora #modal-lancamento .fin-parceiro-secao,
html[data-theme="dark"] body.financeiro-theme-valora #modal-lancamento .fin-parceiro-secao-corpo,
html[data-theme="dark"] body.financeiro-theme-valora #modal-lancamento .fin-parceiro-secao-head,
html[data-theme="dark"] body.financeiro-theme-valora #modal-lancamento .fin-parceiro-status:not(.is-positive):not(.is-success),
html[data-theme="dark"] body.financeiro-theme-valora #modal-lancamento .financeiro-editor-card,
html[data-theme="dark"] body.financeiro-theme-valora #modal-lancamento .financeiro-empresa-vinculada-form,
html[data-theme="dark"] body.financeiro-theme-valora #modal-lancamento .financeiro-empresa-vinculada-form select,
html[data-theme="dark"] body.financeiro-theme-valora #modal-lancamento .financeiro-ficha-form,
html[data-theme="dark"] body.financeiro-theme-valora #modal-lancamento .financeiro-ficha-main,
html[data-theme="dark"] body.financeiro-theme-valora #modal-lancamento .financeiro-ficha-sidebar,
html[data-theme="dark"] body.financeiro-theme-valora #modal-lancamento .financeiro-ficha-workbar,
html[data-theme="dark"] body.financeiro-theme-valora #modal-lancamento .financeiro-form-grid,
html[data-theme="dark"] body.financeiro-theme-valora #modal-lancamento .financeiro-modal--ficha,
html[data-theme="dark"] body.financeiro-theme-valora #modal-lancamento .financeiro-modal-body--ficha,
html[data-theme="dark"] body.financeiro-theme-valora #modal-lancamento .financeiro-modal-foot--ficha,
html[data-theme="dark"] body.financeiro-theme-valora #modal-lancamento .financeiro-modal-head--ficha,
html[data-theme="dark"] body.financeiro-theme-valora #modal-lancamento .financeiro-modal-workbar-cliente,
html[data-theme="dark"] body.financeiro-theme-valora #modal-lancamento .financeiro-system-code-card,
html[data-theme="dark"] body.financeiro-theme-valora #modal-lancamento .valora-cliente-consulta-card,
html[data-theme="dark"] body.financeiro-theme-valora .financeiro-config-index,
html[data-theme="dark"] body.financeiro-theme-valora .financeiro-config-separation,
html[data-theme="dark"] body.financeiro-theme-valora .valora-mensal-ate {
  background: var(--valora-legacy-navy-replacement) !important;
  background-image: none !important;
}

/* Hover neutro continua visivel sem o tom azul-marinho. */

html[data-theme="dark"] #modal-cliente-backdrop .cliente-actions-trigger:hover,
html[data-theme="dark"] #modal-fornecedor-backdrop .fornecedor-actions-trigger:hover,
html[data-theme="dark"] .history-technical-action:hover,
html[data-theme="dark"] .service-proposal-model-card:hover {
  background: #252525 !important;
  background-image: none !important;
}

/* Bordas neutras e textos da ficha comercial, sem alterar estados. */
html[data-theme="dark"] body.financeiro-theme-valora #modal-lancamento :is(
  .fin-parceiro-secao, .fin-parceiro-secao-head,
  .fin-parceiro-campo input, .fin-parceiro-campo textarea,
  .fin-parceiro-campo select, .financeiro-empresa-vinculada-form
) {
  border-color: var(--valora-neutral-border) !important;
}

/* Status cadastral neutro no modal, coerente com a paleta azul. */
html[data-theme="dark"] body.financeiro-theme-valora #modal-lancamento .fin-parceiro-status {
  background: rgba(89, 169, 245, .12) !important;
  border-color: rgba(89, 169, 245, .3) !important;
  color: #59A9F5 !important;
}

/* Excecoes do design aprovadas: menus nao viram superficie da pagina. */
html[data-theme="dark"] #valora-menu-root .valora-auvo-topbar,
html[data-theme="dark"] .financeiro-sidebar,
html[data-theme="dark"] .financeiro-sidebar-root {
  background: #09080D !important;
}


/* ===========================================================
   CLIENTES / FICHA PRINCIPAL — SUPERFICIES NEUTRAS (02/11/2026)
   Escopo: somente modo dark e modal de Clientes.
   Corrige fundo cinza de grupos gerados pelo construtor e status.
   =========================================================== */
html[data-theme="dark"] #modal-cliente-backdrop .custom-section-card,
html[data-theme="dark"] #modal-cliente-backdrop .custom-section-card.custom-section-card-bitrix {
  background: #1B1B1B !important;
  border-color: #383838 !important;
  background-image: none !important;
}
html[data-theme="dark"] #modal-cliente-backdrop .custom-section-card > .custom-section-head,
html[data-theme="dark"] #modal-cliente-backdrop .custom-section-card > .custom-fields-grid,
html[data-theme="dark"] #modal-cliente-backdrop .custom-section-card .custom-fields-grid,
html[data-theme="dark"] #modal-cliente-backdrop .custom-section-card .custom-fields-container {
  background: #1B1B1B !important;
  background-image: none !important;
}
html[data-theme="dark"] #modal-cliente-backdrop .custom-section-card > .custom-section-head {
  border-bottom-color: #383838 !important;
}
/* O select fica transparente dentro do controle (sem duas caixas). */
html[data-theme="dark"] #modal-cliente-backdrop .ficha-principal-system-fields .ficha-principal-status-field .valora-system-status-control {
  background: #1B1B1B !important;
  border-color: #383838 !important;
}
html[data-theme="dark"] #modal-cliente-backdrop .ficha-principal-system-fields .ficha-principal-status-field .valora-system-status-control:focus-within {
  border-color: #59A9F5 !important;
  box-shadow: 0 0 0 3px rgba(89,169,245,.12) !important;
}
html[data-theme="dark"] #modal-cliente-backdrop .ficha-principal-system-fields .ficha-principal-status-field .valora-system-status-control .valora-system-status-dot {
  background: #59A9F5 !important;
  box-shadow: 0 0 0 3px rgba(89,169,245,.14) !important;
}
html[data-theme="dark"] #modal-cliente-backdrop .valora-system-status-control[data-state="inativo"] .valora-system-status-dot,
html[data-theme="dark"] #modal-cliente-backdrop .valora-system-status-control[data-state="baixado"] .valora-system-status-dot {
  background: #94A3B8 !important;
  box-shadow: 0 0 0 3px rgba(148,163,184,.14) !important;
}
html[data-theme="dark"] #modal-cliente-backdrop .valora-system-status-control[data-state="bloqueado"] .valora-system-status-dot,
html[data-theme="dark"] #modal-cliente-backdrop .valora-system-status-control[data-state="manutencao"] .valora-system-status-dot {
  background: #F59E0B !important;
  box-shadow: 0 0 0 3px rgba(245,158,11,.14) !important;
}
html[data-theme="dark"] #modal-cliente-backdrop .valora-system-status-control[data-state="extraviado"] .valora-system-status-dot {
  background: #EF4444 !important;
  box-shadow: 0 0 0 3px rgba(239,68,68,.14) !important;
}



/* ============================================================
   VALORA | CAMPOS DE FORMULARIO - PADRAO DARK (02/11/2026)
   A folha global e carregada por ultimo nas 43 paginas internas.
   Altera a superficie editavel, nao a logica nem os estados.
   Campos nativos, datas, buscas, filtros e controles do builder.
   ============================================================ */
html[data-theme="dark"] {
  --valora-field-bg: #242424;
  --valora-field-border: #404040;
  --valora-field-focus: #59A9F5;
  --valora-field-placeholder: #929292;
  --valora-field-text: #EAEAEA;
}

/* Corrige primeiro os campos nativos que heredam cinza/azul de CSS locais.
   Exclui checkboxes, radios, color, range, file e controles de acao. */
html[data-theme="dark"] body :is(
  input:not([type]),
  input[type="text"], input[type="search"], input[type="email"],
  input[type="tel"], input[type="url"], input[type="password"],
  input[type="number"], input[type="date"], input[type="time"],
  input[type="datetime-local"], input[type="month"], input[type="week"],
  select, textarea
),
html[data-theme="dark"] #modal-cliente-backdrop :is(input:not([type]), input[type="text"], input[type="number"], input[type="email"], input[type="tel"], input[type="date"], select, textarea),
html[data-theme="dark"] #modal-fornecedor-backdrop :is(input:not([type]), input[type="text"], input[type="number"], input[type="email"], input[type="tel"], input[type="date"], select, textarea),
html[data-theme="dark"] #modal-produto-backdrop :is(input:not([type]), input[type="text"], input[type="number"], input[type="email"], input[type="tel"], input[type="date"], select, textarea),
html[data-theme="dark"] #modal-lancamento :is(input:not([type]), input[type="text"], input[type="search"], input[type="number"], input[type="date"], input[type="email"], input[type="tel"], select, textarea) {
  background-color: var(--valora-field-bg) !important;
  border-color: var(--valora-field-border) !important;
  color: var(--valora-field-text) !important;
}

/* Campos visuais compostos que sao usados como selects ou pesquisas,
   mantendo suas opcoes selecionadas e botoes de acao intactos. */
html[data-theme="dark"] body :is(
  .valora-select-trigger, .valora-select-search,
  .custom-multiselect-trigger,
  .valora-remote-input-wrap,
  .financeiro-lookup,
  .form-control,
  .search-input, .search-box,
  .workspace-field-search, .workspace-field-type,
  .premium-control,
  .campo-editor-input,
  .input-with-icon,
  .form-field-edit
) {
  background-color: var(--valora-field-bg) !important;
}

/* As bordas dos wrappers mantem desenho e estado visual; os campos internos
   de pesquisas nao criam bordas duplas, pois border-style fica intocado. */
html[data-theme="dark"] body :is(
  .valora-select-trigger, .custom-multiselect-trigger,
  .financeiro-lookup, .valora-remote-input-wrap,
  .form-control, .search-input, .search-box,
  .workspace-field-search, .workspace-field-type,
  .form-field-edit
) {
  border-color: var(--valora-field-border) !important;
}

/* Itens de escolha nativos (nao altera listas customizadas e badges). */
html[data-theme="dark"] select option,
html[data-theme="dark"] select optgroup {
  background-color: var(--valora-field-bg);
  color: var(--valora-field-text);
}

/* Placeholder sempre legivel, sem confundir com valor preenchido. */
html[data-theme="dark"] body :is(input,textarea)::placeholder {
  color: var(--valora-field-placeholder) !important;
  opacity: 1;
}

/* Foco azul somente no controle em edicao; nao altera status de sucesso/erro. */
html[data-theme="dark"] body :is(
  input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]):not([type="color"]):not([type="range"]),
  select, textarea, .valora-select-trigger, .custom-multiselect-trigger
):is(:focus,:focus-visible),
html[data-theme="dark"] :is(#modal-cliente-backdrop,#modal-fornecedor-backdrop,#modal-produto-backdrop,#modal-lancamento) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]):not([type="color"]):not([type="range"]),select,textarea):is(:focus,:focus-visible) {
  border-color: var(--valora-field-focus) !important;
  outline-color: var(--valora-field-focus);
}

/* Estados desabilitados permanecem distinguiveis por opacidade, sem
   mudar a cor-base do preenchimento do formulario. */
html[data-theme="dark"] body :is(input,select,textarea):disabled {
  background-color: var(--valora-field-bg) !important;
  color: #A1A1A1 !important;
  opacity: .7;
}
html[data-theme="dark"] body :is(input,textarea)[readonly] {
  background-color: var(--valora-field-bg) !important;
  color: #C9C9C9 !important;
}

/* Sinalizacao de erro tem prioridade semantica: nao volta para azul. */
html[data-theme="dark"] body :is(input,select,textarea):is([aria-invalid="true"],.is-invalid,.invalid),
html[data-theme="dark"] :is(#modal-cliente-backdrop,#modal-fornecedor-backdrop,#modal-produto-backdrop,#modal-lancamento) :is(input,select,textarea):is([aria-invalid="true"],.is-invalid,.invalid) {
  border-color: #EF6A70 !important;
}


/* ===============================================================
   VALORA | CAMPOS VISIVEIS SOBRE A SUPERFICIE #1B1B1B
   Regra final: separar campos editaveis do fundo da ficha.
   No dark: painel #1B1B1B / input #242424 / borda #404040.
   Nao interfere no light, em botoes nem em badges e estados.
   =============================================================== */
html[data-theme="dark"] body :is(
  input:not([type]), input[type="text"], input[type="search"],
  input[type="email"], input[type="tel"], input[type="url"],
  input[type="password"], input[type="number"], input[type="date"],
  input[type="time"], input[type="datetime-local"],
  input[type="month"], input[type="week"], select, textarea
),
html[data-theme="dark"] body #modal-cliente-backdrop :is(.custom-fields-grid,.custom-section-card,.form-group,.ficha-principal-system-fields) :is(input:not([type]),input[type="text"],input[type="email"],input[type="tel"],input[type="number"],select,textarea),
html[data-theme="dark"] body #modal-fornecedor-backdrop :is(.custom-fields-grid,.custom-section-card,.form-group) :is(input:not([type]),input[type="text"],input[type="email"],input[type="tel"],select,textarea),
html[data-theme="dark"] body #modal-produto-backdrop :is(.custom-fields-grid,.custom-section-card,.form-group) :is(input:not([type]),input[type="text"],input[type="number"],select,textarea),
html[data-theme="dark"] body #modal-lancamento .financeiro-field :is(input:not([type]),input[type="text"],input[type="search"],input[type="number"],input[type="date"],select,textarea) {
  background-color: #242424 !important;
  border-color: #404040 !important;
  color: #EAEAEA !important;
}

html[data-theme="dark"] body :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]):not([type="color"]):not([type="range"]),select,textarea):is(:focus,:focus-visible) {
  border-color: #59A9F5 !important;
  outline-color: #59A9F5 !important;
}

/* Nao pinta o wrapper de selects customizados por cima do valor.
   Somente a superficie de entrada recebe o cinza diferenciado. */
html[data-theme="dark"] body :is(
  .valora-select-trigger,.custom-multiselect-trigger,
  .financeiro-lookup,.valora-remote-input-wrap,
  .search-input,.search-box,.premium-control,.campo-editor-input
) {
  background-color: #242424 !important;
  border-color: #404040 !important;
}

/* Elementos de selecao compostos do campo Status mantem as cores
   semanticas do ponto; o fundo do controle fica neutro. */
html[data-theme="dark"] body :is(
  .valora-system-status-control,
  .financeiro-system-status-control
) {
  background-color: #242424 !important;
  border-color: #404040 !important;
}

/* Leitura continua diferenciada do campo editavel. */
html[data-theme="dark"] body :is(input:not([type="checkbox"]),select,textarea):disabled {
  background-color: #242424 !important;
  color: #B6B6B6 !important;
  opacity: .72;
}


/* ======================================================================
   VALORA | DESIGN UNIFICADO DAS FICHAS | 03/11/2026
   Uma unica regra final para TODOS os formularios de ficha no modo dark.
   Superficie de secao: #1B1B1B; campo: #242424; borda: #383838.
   Respeita estados semanticos, dropdowns, foco, modo claro e hierarquia.
   ====================================================================== */
html[data-theme="dark"] {
  --valora-form-surface: #1B1B1B;
  --valora-form-control: #242424;
  --valora-form-border: #383838;
  --valora-form-text: #EAEAEA;
  --valora-form-muted: #B4B4B4;
  --valora-form-accent: #59A9F5;
}

/* Mesmo fundo para o cartao do codigo e para as secoes de cadastro.
   Usar apenas a arvore de modais, sem alterar cards de indicadores. */
html[data-theme="dark"] body :is(
  #modal-cliente-backdrop,
  #modal-fornecedor-backdrop,
  #modal-produto-backdrop,
  #modal-patrimonio,
  #modal-cotacao-backdrop,
  #modal-lancamento
) :is(
  .custom-section-card,
  .custom-section-card-bitrix,
  .section-card,
  .custom-fields-card,
  .cliente-main-card,
  .fornecedor-main-card,
  .produto-main-card,
  .patrimonio-main-card,
  .cotacao-main-card,
  .financeiro-editor-card,
  .ficha-principal-code-card,
  .cliente-ficha-code-card,
  .fornecedor-ficha-code-card,
  .produto-ficha-code-card,
  .patrimonio-ficha-code-card,
  .financeiro-system-code-card
) {
  background: var(--valora-form-surface) !important;
  background-image: none !important;
  border-color: var(--valora-form-border) !important;
  box-shadow: none !important;
}

/* Cabeçalho e corpo dos blocos, inclusive os criados dinamicamente. */
html[data-theme="dark"] body :is(
  #modal-cliente-backdrop,
  #modal-fornecedor-backdrop,
  #modal-produto-backdrop,
  #modal-patrimonio,
  #modal-cotacao-backdrop,
  #modal-lancamento
) :is(
  .custom-section-card,
  .custom-section-card-bitrix,
  .section-card,
  .custom-fields-card,
  .financeiro-editor-card
) :is(
  .custom-section-head,
  .custom-fields-grid,
  .custom-fields-container,
  .custom-section-body,
  .valora-section-body,
  .section-card-body,
  .financeiro-editor-card-head,
  .financeiro-form-grid
) {
  background: var(--valora-form-surface) !important;
  background-image: none !important;
}

/* O fornecedor usa regras com IDs proprios, que antes venciam o dark global. */
html[data-theme="dark"] body #modal-fornecedor-backdrop #formFornecedor :is(
  .custom-section-card,.custom-section-card-bitrix,.custom-section-head,.custom-fields-grid
),
html[data-theme="dark"] body #modal-cliente-backdrop #formCliente :is(
  .custom-section-card,.custom-section-card-bitrix,.custom-section-head,.custom-fields-grid
),
html[data-theme="dark"] body #modal-produto-backdrop #formProduto :is(
  .custom-section-card,.custom-section-card-bitrix,.custom-section-head,.custom-fields-grid
),
html[data-theme="dark"] body #modal-patrimonio #formPatrimonio :is(
  .custom-section-card,.custom-section-card-bitrix,.custom-section-head,.custom-fields-grid
),
html[data-theme="dark"] body #modal-cotacao-backdrop #formCotacao :is(
  .custom-section-card,.custom-section-card-bitrix,.custom-section-head,.custom-fields-grid
) {
  background: var(--valora-form-surface) !important;
  background-image: none !important;
  border-color: var(--valora-form-border) !important;
}

/* Campos editaveis: a superficie #242424 cria separacao visual do card.
   Checkboxes/radios/arquivos/botoes e opcoes de dropdown ficam de fora. */
html[data-theme="dark"] body :is(
  #modal-cliente-backdrop,
  #modal-fornecedor-backdrop,
  #modal-produto-backdrop,
  #modal-patrimonio,
  #modal-cotacao-backdrop,
  #modal-lancamento
) :is(
  input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]):not([type="color"]):not([type="range"]):not([type="submit"]):not([type="button"]),
  select,textarea,
  .custom-multiselect-trigger,
  .valora-select-trigger
) {
  background-color: var(--valora-form-control) !important;
  border-color: var(--valora-form-border) !important;
  color: var(--valora-form-text) !important;
}

/* Campos com foco e erro continuam distinguiveis. */
html[data-theme="dark"] body :is(
  #modal-cliente-backdrop,#modal-fornecedor-backdrop,#modal-produto-backdrop,
  #modal-patrimonio,#modal-cotacao-backdrop,#modal-lancamento
) :is(input,select,textarea,.custom-multiselect-trigger,.valora-select-trigger):focus-visible {
  border-color: var(--valora-form-accent) !important;
  outline-color: var(--valora-form-accent) !important;
}
html[data-theme="dark"] body :is(
  #modal-cliente-backdrop,#modal-fornecedor-backdrop,#modal-produto-backdrop,
  #modal-patrimonio,#modal-cotacao-backdrop,#modal-lancamento
) :is(input,select,textarea)[aria-invalid="true"] {
  border-color: #EF4444 !important;
}

/* Legendas e textos de ajuda legiveis sem ganhar peso de titulo. */
html[data-theme="dark"] body :is(
  #modal-cliente-backdrop,#modal-fornecedor-backdrop,#modal-produto-backdrop,
  #modal-patrimonio,#modal-cotacao-backdrop,#modal-lancamento
) :is(.custom-field-item,.form-group,.financeiro-field) > label {
  color: var(--valora-form-muted) !important;
}

/* Icones decorativos das secoes usam o azul do produto. */
html[data-theme="dark"] body :is(
  #modal-cliente-backdrop,#modal-fornecedor-backdrop,#modal-produto-backdrop,
  #modal-patrimonio,#modal-cotacao-backdrop,#modal-lancamento
) :is(.custom-section-icon,.financeiro-system-code-head)::before,
html[data-theme="dark"] body :is(
  #modal-cliente-backdrop,#modal-fornecedor-backdrop,#modal-produto-backdrop,
  #modal-patrimonio,#modal-cotacao-backdrop,#modal-lancamento
) .custom-section-icon {
  color: var(--valora-form-accent) !important;
}

/* A bolinha do status 'Ativo' do cadastro e azul; estados de alerta
   e erros nao devem receber override. */
html[data-theme="dark"] body #modal-fornecedor-backdrop .fornecedor-status-pill:not(.is-inativo):not(.is-bloqueado) .fa-circle {
  color: var(--valora-form-accent) !important;
}
html[data-theme="dark"] body #modal-fornecedor-backdrop .valora-system-status-control:not([data-state="inativo"]):not([data-state="bloqueado"]) .valora-system-status-dot {
  background: var(--valora-form-accent) !important;
  box-shadow: 0 0 0 3px rgba(89,169,245,.14) !important;
}


/* ====================================================================
   VALORA | Seleção das tabelas financeiras no modo escuro | 03/11/2026
   Corrige o azul pastel #EAF4FF misturado ao painel em "Por títulos",
   que deixa a linha quase branca, com texto de contraste insuficiente.
   Sem alterar status de pagamento, ações, foco ou o tema claro.
   ==================================================================== */
html[data-theme="dark"] body.financeiro-theme-valora .financeiro-receber-page
  #receber-titulos-wrap .financeiro-receber-row.is-selected > td,
html[data-theme="dark"] body.financeiro-theme-valora .financeiro-pagar-page
  .financeiro-pagar-row.is-selected > td {
  background: rgba(89, 169, 245, 0.12) !important;
  background-image: none !important;
  color: #EAEAEA !important;
}

html[data-theme="dark"] body.financeiro-theme-valora .financeiro-receber-page
  #receber-titulos-wrap .financeiro-receber-row.is-selected > td:first-child,
html[data-theme="dark"] body.financeiro-theme-valora .financeiro-pagar-page
  .financeiro-pagar-row.is-selected > td:first-child {
  box-shadow: inset 3px 0 0 #59A9F5 !important;
}

/* Mesma seleção discreta nas grades que permitem marcar várias contas. */
html[data-theme="dark"] body.financeiro-theme-valora .financeiro-receber-page
  .valora-receber-contas__grid tbody tr.is-lote-selected > td,
html[data-theme="dark"] body.financeiro-theme-valora .financeiro-pagar-page
  .valora-pagar-contas__grid tbody tr.is-lote-selected > td {
  background: #242424 !important;
  background-image: none !important;
}