/*
 * FluxoHub — dark palette unification
 * Reference: Financeiro / Compras dark mode.
 * Visual-only overrides for Tarefas and Painel do CEO.
 */

/* =========================
   TAREFAS — neutral dark base
   ========================= */
.dark .financeiro-serious-mode {
  /* Reset the Kanban-scoped blue/black palette to the global FluxoHub dark tokens. */
  --background: 224 14% 8%;
  --foreground: 220 14% 92%;
  --card: 224 14% 11%;
  --card-foreground: 220 14% 92%;
  --popover: 224 14% 11%;
  --popover-foreground: 220 14% 92%;
  --secondary: 224 12% 15%;
  --secondary-foreground: 220 14% 85%;
  --muted: 224 12% 15%;
  --muted-foreground: 220 9% 50%;
  --accent: 224 12% 18%;
  --accent-foreground: 220 14% 92%;
  --border: 224 12% 18%;
  --input: 224 12% 18%;

  background: hsl(var(--background)) !important;
  background-image: none !important;
}

.dark .financeiro-serious-mode .financeiro-main-header {
  background: hsl(var(--background)) !important;
  border-color: hsl(var(--border) / .65) !important;
  backdrop-filter: none !important;
}

.dark .financeiro-serious-mode .financeiro-filter-row {
  background: hsl(var(--background)) !important;
  border-color: hsl(var(--border) / .55) !important;
}

.dark .financeiro-serious-mode .financeiro-pipeline-selector,
.dark .financeiro-serious-mode .financeiro-report-button,
.dark .financeiro-serious-mode .financeiro-view-button,
.dark .financeiro-serious-mode .financeiro-filter-row > button,
.dark .financeiro-serious-mode .financeiro-filter-row input {
  background: hsl(var(--card)) !important;
  border-color: hsl(var(--border) / .72) !important;
  color: hsl(var(--foreground)) !important;
}

.dark .financeiro-serious-mode .financeiro-filter-row > button.bg-primary {
  background: hsl(var(--primary)) !important;
  border-color: hsl(var(--primary)) !important;
  color: hsl(var(--primary-foreground)) !important;
}

/* Equalize every structural layer behind the Kanban columns. */
.dark .financeiro-serious-mode .financeiro-board,
.dark .financeiro-serious-mode .financeiro-board-shell,
.dark .financeiro-serious-mode .financeiro-board-viewport {
  background: hsl(var(--background)) !important;
  background-color: hsl(var(--background)) !important;
  background-image: none !important;
}

.dark .financeiro-serious-mode .financeiro-board-shell,
.dark .financeiro-serious-mode .financeiro-board-viewport {
  border-color: hsl(var(--border) / .55) !important;
  box-shadow: none !important;
}

.dark .financeiro-serious-mode .financeiro-board::-webkit-scrollbar-track,
.dark .financeiro-serious-mode .financeiro-board-shell::-webkit-scrollbar-track,
.dark .financeiro-serious-mode .financeiro-board-viewport::-webkit-scrollbar-track {
  background: hsl(var(--background)) !important;
}

.dark .financeiro-serious-mode .kanban-column {
  background: hsl(var(--card)) !important;
  border-color: hsl(var(--border) / .72) !important;
}

.dark .financeiro-serious-mode .kanban-column-header > div:nth-child(2) {
  background: color-mix(
    in srgb,
    var(--financeiro-column-accent, #64748b) 10%,
    hsl(var(--card))
  ) !important;
  border-bottom-color: color-mix(
    in srgb,
    var(--financeiro-column-accent, #64748b) 18%,
    hsl(var(--border))
  ) !important;
}

.dark .financeiro-serious-mode .kanban-column-header > div:nth-child(2) > div:first-child > div:first-child,
.dark .financeiro-serious-mode .kanban-column-header [class*="rounded-full"] {
  background: color-mix(
    in srgb,
    var(--financeiro-column-accent, #64748b) 14%,
    hsl(var(--card))
  ) !important;
}

.dark .financeiro-serious-mode .kanban-card {
  background: color-mix(in srgb, hsl(var(--card)) 92%, hsl(var(--foreground)) 8%) !important;
  border-color: hsl(var(--border) / .78) !important;
}

.dark .financeiro-serious-mode .kanban-card:hover {
  background: color-mix(in srgb, hsl(var(--card)) 87%, hsl(var(--foreground)) 13%) !important;
  border-color: hsl(var(--border)) !important;
}

.dark .financeiro-serious-mode .financeiro-list-shell,
.dark .financeiro-serious-mode .financeiro-list-table,
.dark .financeiro-serious-mode .financeiro-list-table thead {
  background: hsl(var(--card)) !important;
}

.dark .financeiro-serious-mode .financeiro-list-table tbody tr:hover {
  background: hsl(var(--muted) / .28) !important;
}

/* =========================
   PAINEL DO CEO — neutral dark base
   ========================= */
.dark .ceo-density-root {
  background: hsl(var(--background)) !important;
  background-image: none !important;
}

.dark .ceo-density-content {
  background: hsl(var(--background)) !important;
}

.dark .ceo-density-header {
  background: hsl(var(--card)) !important;
  border-color: hsl(var(--border) / .72) !important;
  backdrop-filter: none !important;
}

.dark .ceo-density-header input,
.dark .ceo-density-header button {
  background: color-mix(in srgb, hsl(var(--card)) 92%, hsl(var(--foreground)) 8%) !important;
  border-color: hsl(var(--border) / .72) !important;
}

.dark .ceo-density-kpis > div {
  background: hsl(var(--card)) !important;
  border-color: hsl(var(--border) / .72) !important;
  backdrop-filter: none !important;
}

.dark .ceo-density-board {
  background: hsl(var(--background)) !important;
}

.dark .ceo-density-column {
  background: hsl(var(--card)) !important;
  border-color: hsl(var(--border) / .72) !important;
  backdrop-filter: none !important;
}

.dark .ceo-density-column-header {
  background: color-mix(
    in srgb,
    var(--ceo-column-accent, #64748b) 8%,
    hsl(var(--card))
  ) !important;
  border-bottom-color: color-mix(
    in srgb,
    var(--ceo-column-accent, #64748b) 16%,
    hsl(var(--border))
  ) !important;
}

.dark .ceo-density-column-header [class*="h-8"][class*="w-8"] {
  background: color-mix(
    in srgb,
    var(--ceo-column-accent, #64748b) 13%,
    hsl(var(--card))
  ) !important;
}

.dark .ceo-density-column-body {
  background: hsl(var(--card)) !important;
}

.dark .ceo-density-card {
  background: color-mix(in srgb, hsl(var(--card)) 92%, hsl(var(--foreground)) 8%) !important;
  border-color: hsl(var(--border) / .78) !important;
}

.dark .ceo-density-card:hover {
  background: color-mix(in srgb, hsl(var(--card)) 87%, hsl(var(--foreground)) 13%) !important;
  border-color: hsl(var(--border)) !important;
}

.dark .ceo-density-card button {
  box-shadow: none !important;
}

.dark .ceo-density-root .fixed.bottom-4 > div {
  background: hsl(var(--card) / .96) !important;
  border-color: hsl(var(--border) / .72) !important;
  backdrop-filter: blur(8px) !important;
}

/* Keep semantic colors for selection/status only; remove structural blue glow. */
.dark .ceo-density-root [class*="shadow-[0_0_"],
.dark .financeiro-serious-mode [class*="shadow-[0_0_"] {
  box-shadow: none !important;
}