/* dark-mode-usuarios.css - tema escuro da tela de Usuarios (lista, formulario, Permissoes financeiras,
   Parametros de pagamento). Arquivo SEPARADO de dark-mode.css (que e gerado por script e sobrescreve).
   Causa das tarjas brancas: .usuarios-modal-content usa gradiente em background-image (o dark-mode.css
   so troca background-color) e os blocos .fp-* / .pp-* tem cores claras fixas no <style> do index.html. */
html.dark-mode .usuarios-modal-content {
  background-image: none !important; background-color: var(--dk-surface) !important;
  color: var(--dk-text); border-color: var(--dk-border) !important;
}
html.dark-mode #usuarios-modal .aba-conteudo { background: transparent !important; color: var(--dk-text); }
html.dark-mode #aba-financeiro, html.dark-mode #aba-parametros-pagamento { color: var(--dk-text); }
html.dark-mode #aba-lista, html.dark-mode #aba-formulario { background: transparent !important; }
html.dark-mode #form-titulo { color: #8ab4ff; }
html.dark-mode #usuarios-modal .form-group small,
html.dark-mode #usuarios-modal #postos-aviso { color: var(--dk-text-mut) !important; }
html.dark-mode #usuarios-modal #postos-lista { border-color: var(--dk-border) !important; background: var(--dk-surface-2); color: var(--dk-text); }
html.dark-mode #usuarios-modal .form-group.checkbox label { color: var(--dk-text) !important; }

/* Permissoes financeiras (.fp-*) e Parametros de pagamento (.pp-*) */
html.dark-mode .fp-muted, html.dark-mode .fp-intro span, html.dark-mode .fp-heading p,
html.dark-mode .fp-person small, html.dark-mode .fp-tags, html.dark-mode .fp-account small { color: var(--dk-text-mut) !important; }
html.dark-mode .fp-list, html.dark-mode .fp-editor { background-color: var(--dk-surface-2) !important; border-color: var(--dk-border) !important; color: var(--dk-text); }
html.dark-mode .fp-search, html.dark-mode .fp-field input, html.dark-mode .pp-toolbar input,
html.dark-mode #aba-parametros-pagamento select, html.dark-mode .fp-field select {
  background-color: var(--dk-surface) !important; color: var(--dk-text) !important; border-color: var(--dk-border) !important;
}
html.dark-mode .fp-person { background-color: transparent !important; color: var(--dk-text) !important; border-bottom-color: var(--dk-border) !important; }
html.dark-mode .fp-person:hover, html.dark-mode .fp-person.selected { background-color: #323a58 !important; }
html.dark-mode .fp-editor section { border-top-color: var(--dk-border) !important; }
html.dark-mode .fp-account, html.dark-mode .pp-row { border-color: var(--dk-border) !important; background-color: transparent !important; color: var(--dk-text); }
html.dark-mode .fp-heading h3, html.dark-mode .fp-editor h4, html.dark-mode .fp-intro strong { color: var(--dk-text) !important; }
html.dark-mode .fp-heading > span { background-color: #143324 !important; color: #6ee7a0 !important; }
html.dark-mode .fp-actions span { color: #6ee7a0 !important; }
html.dark-mode .fp-actions button { background-color: #4263eb !important; color: #fff !important; }
html.dark-mode .fp-check input { accent-color: #6b8cff; }
html.dark-mode .fp-field, html.dark-mode .fp-check { color: var(--dk-text); }
html.dark-mode #usuarios-modal .form-buttons { border-top-color: var(--dk-border) !important; }