/*
 * Redesign — Etapa 5, sub-etapa 4: Modais/Dialogs.
 *
 * Fonte: src/app/components/ui/dialog.tsx do Figma "Novo projeto".
 *
 * .despesa-create-dialog e' o shell reaproveitado por ~11 dialogs
 * diferentes no sistema (bankCreateDlg, cartaoEditDlg, osEditDlg,
 * vendaCreateDlg, boletoCreateDlg, documentoCreateDlg, nfeCreateDlg,
 * cadastroVendaDlg, finalizarVendaDlg, osCreateDlg, agendaEditDlg) - uma
 * mudanca aqui aparece em todos eles de uma vez, e' o ponto desta
 * sub-etapa.
 *
 * Achado ao comparar: o dialog do Figma usa bg-background (a cor de
 * fundo da PAGINA), nao bg-card - escolha deliberada deles pro modal se
 * misturar com o fundo em vez de parecer "mais um card". Segui isso.
 */

body[data-theme-preset="dark"] .despesa-create-dialog {
  background: var(--ds-bg) !important;
  color: var(--ds-foreground) !important;
  border: 1px solid var(--ds-border) !important;
  border-radius: var(--ds-radius-lg) !important;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -4px rgba(0, 0, 0, .3) !important;
}
body[data-theme-preset="dark"] .despesa-create-dialog::backdrop {
  background: rgba(0, 0, 0, .5);
}