/* ==========================================================================
   advus — modo escuro v2 (12/10/2026)
   Camada final do tema escuro. Carregada por último no index.html.
   Substitui a paleta "navy + creme" do dark-elegance-20260720 por um grafite
   neutro com o ciano da marca (#14B4C8). Tudo escopado em html.dark — o modo
   claro não é tocado. Rollback: tirar a tag <link> deste arquivo do index.html.
   ========================================================================== */

html.dark {
  /* superfícies */
  --af-bg: #0c0e11;
  --af-bg-2: #0f1215; /* menu lateral / cabeçalho */
  --af-s1: #15181c; /* cartões */
  --af-s2: #1b1f24; /* campos, botões, cartão dentro de cartão */
  --af-s3: #232830; /* hover / selecionado */
  --af-s4: #2b313a;
  --af-line: rgba(255, 255, 255, 0.075);
  --af-line-2: rgba(255, 255, 255, 0.12);
  --af-line-3: rgba(255, 255, 255, 0.18);
  /* texto */
  --af-tx: #e8ebef;
  --af-tx-2: #a3acb7;
  --af-tx-3: #6f7883;
  /* marca */
  --af-ac: #14b4c8;
  --af-ac-2: #2fc6d8;
  --af-ac-tx: #5fd6e4;
  --af-ac-soft: rgba(20, 180, 200, 0.13);
  --af-ac-line: rgba(20, 180, 200, 0.38);
  /* semântica */
  --af-red: #f87171; --af-red-soft: rgba(248, 113, 113, 0.11); --af-red-line: rgba(248, 113, 113, 0.30);
  --af-amb: #f5b642; --af-amb-soft: rgba(245, 182, 66, 0.11); --af-amb-line: rgba(245, 182, 66, 0.30);
  --af-grn: #3dd68c; --af-grn-soft: rgba(61, 214, 140, 0.11); --af-grn-line: rgba(61, 214, 140, 0.30);
  --af-blu: #6aa8ff; --af-blu-soft: rgba(106, 168, 255, 0.12); --af-blu-line: rgba(106, 168, 255, 0.30);
  --af-vio: #a99bff; --af-vio-soft: rgba(169, 155, 255, 0.12); --af-vio-line: rgba(169, 155, 255, 0.30);
  --af-shadow: 0 1px 2px rgba(0, 0, 0, 0.35), 0 8px 24px -12px rgba(0, 0, 0, 0.55);

  /* tokens do shadcn (o bundle lê estes) */
  --background: 216 16% 6%;
  --foreground: 216 15% 93%;
  --card: 216 14% 10%;
  --card-foreground: 216 15% 93%;
  --popover: 216 14% 11%;
  --popover-foreground: 216 15% 93%;
  --primary: 187 82% 43%;
  --primary-foreground: 200 40% 6%;
  --secondary: 215 14% 13%;
  --secondary-foreground: 216 15% 90%;
  --muted: 215 14% 13%;
  --muted-foreground: 213 10% 68%;
  --accent: 215 13% 17%;
  --accent-foreground: 216 15% 93%;
  --destructive: 0 84% 63%;
  --destructive-foreground: 0 0% 100%;
  --border: 215 12% 17%;
  --input: 215 12% 20%;
  --ring: 187 82% 43%;
  --sidebar-background: 210 16% 7%;
  --sidebar-foreground: 213 12% 74%;
  --sidebar-primary: 187 82% 43%;
  --sidebar-primary-foreground: 200 40% 6%;
  --sidebar-accent: 215 13% 15%;
  --sidebar-accent-foreground: 216 15% 93%;
  --sidebar-border: 215 12% 14%;
  --sidebar-ring: 187 82% 43%;
  color-scheme: dark;
  background: var(--af-bg) !important;
}

/* ---------- base ---------- */
html.dark body {
  background: var(--af-bg) !important;
  color: var(--af-tx);
  -webkit-font-smoothing: antialiased;
}
html.dark ::selection { background: rgba(20, 180, 200, 0.32); color: #fff; }
html.dark h1, html.dark h2, html.dark h3, html.dark h4,
html.dark [class*="font-bold"], html.dark [class*="font-semibold"] { color: var(--af-tx); }
html.dark h1 { letter-spacing: -0.02em; }
html.dark [class*="text-muted-foreground"] { color: var(--af-tx-2) !important; }
html.dark [class*="text-[#1f2937]"], html.dark [class*="text-[#252525]"],
html.dark [class*="text-[#374151]"], html.dark [class*="text-[#3b4dc8]"] { color: var(--af-tx) !important; }

/* ---------- superfícies ---------- */
html.dark [class*="bg-background"] { background-color: var(--af-bg) !important; }
html.dark main { background-color: transparent !important; }
html.dark [class*="bg-card"], html.dark [class*="bg-popover"] {
  background: var(--af-s1) !important;
  color: var(--af-tx) !important;
}
html.dark [class*="bg-muted"] { background-color: var(--af-s2) !important; }
html.dark [class*="bg-secondary"] { background-color: var(--af-s2) !important; color: var(--af-tx) !important; }
html.dark [class*="bg-accent"] { background-color: var(--af-s3) !important; color: var(--af-tx) !important; }
html.dark .bg-white, html.dark [class*="bg-white"] { background-color: var(--af-s1) !important; color: var(--af-tx) !important; }
html.dark [class*="bg-[#f8f6f3]"], html.dark [class*="bg-[#fbfaf8]"], html.dark [class*="bg-[#f0ede8]"] { background-color: var(--af-s1) !important; }
html.dark [class*="bg-card"] [class*="bg-card"],
html.dark [class*="bg-card"] .bg-white,
html.dark [class*="bg-card"] [class*="bg-white"] { background: var(--af-s2) !important; }

/* bordas: uma linha só, discreta */
html.dark [class*="border"], html.dark [class*="border-border"], html.dark [class*="border-input"] { border-color: var(--af-line-2) !important; }
html.dark [class*="divide-y"] > :not([hidden]) ~ :not([hidden]),
html.dark [class*="divide-x"] > :not([hidden]) ~ :not([hidden]) { border-color: var(--af-line) !important; }
html.dark [role="dialog"], html.dark [cmdk-root],
html.dark [class*="rounded-md"][class*="bg-popover"],
html.dark [class*="rounded-xl"][class*="bg-card"] { border-color: var(--af-line-2) !important; }

/* sombras: leves, sem halo azul */
html.dark [class*="shadow"], html.dark .shadow-subtle { box-shadow: var(--af-shadow) !important; }
html.dark [class*="shadow-none"] { box-shadow: none !important; }
html.dark [role="dialog"], html.dark [data-radix-popper-content-wrapper] > * {
  box-shadow: 0 0 0 1px var(--af-line-2), 0 24px 60px -12px rgba(0, 0, 0, 0.75) !important;
}
html.dark [class*="backdrop-blur"] { backdrop-filter: blur(14px) saturate(120%); }
html.dark [data-state="open"][class*="fixed"][class*="inset-0"][class*="bg-black"] { background-color: rgba(0, 0, 0, 0.66) !important; }

/* ---------- cabeçalho ---------- */
html.dark header {
  background: rgba(15, 18, 21, 0.86) !important;
  border-color: var(--af-line) !important;
  box-shadow: none !important;
  backdrop-filter: blur(14px) saturate(120%);
}
html.dark header button, html.dark header a, html.dark header [role="button"] {
  background: var(--af-s1) !important;
  border-color: var(--af-line-2) !important;
  color: var(--af-tx) !important;
  box-shadow: none !important;
}
html.dark header button:hover, html.dark header a:hover { background: var(--af-s2) !important; border-color: var(--af-line-3) !important; }
html.dark header button [class*="bg-primary"], html.dark header [class*="rounded-full"][class*="bg-primary"] { background: var(--af-ac) !important; color: #04181c !important; }

/* ---------- menu lateral ---------- */
html.dark [data-sidebar], html.dark [data-sidebar] [class*="bg-white"],
html.dark [class*="bg-sidebar"], html.dark [class*="from-sidebar"], html.dark [class*="to-sidebar"] {
  background-color: var(--af-bg-2) !important;
}
html.dark [data-sidebar="sidebar"] { border-color: var(--af-line) !important; }
html.dark [data-sidebar] a, html.dark [data-sidebar] button { color: var(--af-tx-2) !important; box-shadow: none !important; }
html.dark [data-sidebar] a:hover, html.dark [data-sidebar] button:hover { color: var(--af-tx) !important; background-color: var(--af-s2) !important; }
html.dark [data-sidebar] a[data-active="true"], html.dark [data-sidebar] button[data-active="true"],
html.dark [data-sidebar] [data-active="true"], html.dark [data-sidebar="menu-button"][data-active="true"],
html.dark [class*="bg-sidebar-accent"] {
  background-color: var(--af-ac-soft) !important;
  color: var(--af-ac-tx) !important;
  box-shadow: inset 0 0 0 1px var(--af-ac-line) !important;
}
html.dark [data-sidebar] [data-active="true"] svg { color: var(--af-ac-tx) !important; }
html.dark [class*="text-sidebar"], html.dark [class*="text-sidebar-foreground"] { color: var(--af-tx-2) !important; }
html.dark [data-sidebar="separator"], html.dark [data-sidebar] hr { background-color: var(--af-line) !important; }

/* ---------- campos ---------- */
html.dark input, html.dark textarea, html.dark select, html.dark [role="combobox"] {
  background-color: var(--af-s2) !important;
  border-color: var(--af-line-2) !important;
  color: var(--af-tx) !important;
  box-shadow: none !important;
}
html.dark input[type="checkbox"], html.dark input[type="radio"] { accent-color: var(--af-ac); }
html.dark input[type="range"] { accent-color: var(--af-ac); background-color: transparent !important; }
html.dark input::placeholder, html.dark textarea::placeholder { color: var(--af-tx-3) !important; }
html.dark input:hover, html.dark textarea:hover, html.dark select:hover, html.dark [role="combobox"]:hover { border-color: var(--af-line-3) !important; }
html.dark input:focus, html.dark textarea:focus, html.dark select:focus, html.dark [role="combobox"]:focus,
html.dark [role="combobox"][data-state="open"] {
  border-color: var(--af-ac-line) !important;
  box-shadow: 0 0 0 3px rgba(20, 180, 200, 0.16) !important;
  outline: none !important;
}
html.dark [class*="focus-within"] { box-shadow: none !important; }
html.dark select option { background: var(--af-s2); color: var(--af-tx); }
html.dark input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px var(--af-s2) inset !important;
  -webkit-text-fill-color: var(--af-tx) !important;
}
html.dark [class*="ring-offset-background"] { --tw-ring-offset-color: var(--af-bg) !important; }
html.dark [class*="ring-ring"], html.dark :focus-visible { --tw-ring-color: rgba(20, 180, 200, 0.55) !important; }

/* ---------- botões ---------- */
html.dark button[class~="bg-primary"], html.dark a[class~="bg-primary"], html.dark [role="button"][class~="bg-primary"] {
  background: var(--af-ac) !important;
  border-color: transparent !important;
  color: #04181c !important;
  text-shadow: none !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.18) inset, 0 6px 18px -8px rgba(20, 180, 200, 0.55) !important;
  font-weight: 600;
}
html.dark button[class~="bg-primary"] svg, html.dark a[class~="bg-primary"] svg { color: #04181c !important; }
html.dark button[class~="bg-primary"]:hover, html.dark a[class~="bg-primary"]:hover, html.dark [role="button"][class~="bg-primary"]:hover {
  transform: none;
  background: var(--af-ac-2) !important;
}
html.dark button[class*="border"], html.dark a[class*="border"], html.dark [role="button"][class*="border"] { border-color: var(--af-line-2) !important; }
html.dark button[class*="bg-background"], html.dark a[class*="bg-background"],
html.dark button[class*="border-input"], html.dark a[class*="border-input"],
html.dark [role="button"][class*="bg-background"] {
  background: var(--af-s1) !important;
  color: var(--af-tx) !important;
}
html.dark button[class*="bg-background"]:hover, html.dark a[class*="bg-background"]:hover,
html.dark button[class*="border-input"]:hover, html.dark a[class*="border-input"]:hover,
html.dark button[class*="hover:bg-accent"]:hover, html.dark a[class*="hover:bg-accent"]:hover,
html.dark button[class*="hover:bg-muted"]:hover, html.dark a[class*="hover:bg-muted"]:hover {
  background: var(--af-s3) !important;
  color: var(--af-tx) !important;
  border-color: var(--af-line-3) !important;
}
html.dark button[class*="ghost"], html.dark button[class*="hover:bg-accent"], html.dark a[class*="hover:bg-accent"],
html.dark button[class*="hover:bg-muted"], html.dark a[class*="hover:bg-muted"],
html.dark [role="button"][class*="hover:bg-accent"], html.dark [role="button"][class*="hover:bg-muted"] { color: var(--af-tx); }
html.dark [class*="hover:bg-muted"]:hover, html.dark [class*="hover:bg-secondary"]:hover, html.dark [class*="hover:bg-accent"]:hover { background-color: var(--af-s3) !important; }
html.dark button:disabled, html.dark [role="button"][aria-disabled="true"], html.dark [class*="disabled:opacity-50"]:disabled {
  opacity: 0.45 !important;
  color: var(--af-tx-2) !important;
}
html.dark button[class*="bg-destructive"], html.dark a[class*="bg-destructive"], html.dark [role="button"][class*="bg-destructive"] {
  background: #dc4a4a !important;
  color: #fff !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
html.dark button[class*="bg-destructive"]:hover { background: #e65a5a !important; }

/* ---------- texto / destaques da marca ---------- */
html.dark [class~="text-primary"] { color: var(--af-ac-tx) !important; }
html.dark:root [class~="bg-primary/5"], html.dark:root [class~="bg-primary/10"],
html.dark:root [class~="bg-primary/15"], html.dark:root [class~="bg-primary/20"] {
  background-color: var(--af-ac-soft) !important;
  color: var(--af-ac-tx) !important;
}
html.dark:root [class~="border-primary"], html.dark:root [class~="border-primary/20"], html.dark:root [class~="border-primary/30"], html.dark:root [class~="border-primary/40"], html.dark:root [class~="border-primary/50"] { border-color: var(--af-ac-line) !important; }
html.dark [class~="bg-primary"][class*="transition-all"] { background: var(--af-ac) !important; } /* barras de progresso */
html.dark [class~="bg-primary"]:not(button):not(a):not([role="button"]):not([class*="transition-all"]) { background-color: var(--af-ac) !important; color: #04181c !important; }
html.dark a:not([class]) { color: var(--af-ac-tx); }

/* ---------- estados ativos (abas, toggles) ---------- */
html.dark [data-state="active"]:not([role="tabpanel"]), html.dark [data-state="on"], html.dark [aria-selected="true"] {
  background: var(--af-s3) !important;
  color: var(--af-tx) !important;
  border-color: var(--af-line-3) !important;
}
html.dark [role="tabpanel"][data-state="active"] { background: transparent !important; }
html.dark [role="tab"] { color: var(--af-tx-2) !important; }
html.dark [role="tab"]:hover { color: var(--af-tx) !important; }
html.dark [role="tab"][data-state="active"] {
  background: var(--af-s3) !important;
  color: var(--af-tx) !important;
  box-shadow: inset 0 -2px 0 var(--af-ac), 0 1px 2px rgba(0, 0, 0, 0.4) !important;
}
html.dark [role="switch"][data-state="checked"] { background: var(--af-ac) !important; border-color: transparent !important; }
html.dark [role="switch"][data-state="unchecked"] { background: var(--af-s4) !important; }
html.dark [role="switch"] > span { background: #fff !important; }
html.dark [role="checkbox"][data-state="checked"] { background: var(--af-ac) !important; color: #04181c !important; border-color: var(--af-ac) !important; }
html.dark [role="option"][data-highlighted], html.dark [role="menuitem"][data-highlighted],
html.dark [cmdk-item][data-selected="true"], html.dark [cmdk-item][aria-selected="true"] {
  background: var(--af-s3) !important;
  color: var(--af-tx) !important;
}
html.dark [role="option"][data-state="checked"] { color: var(--af-ac-tx) !important; }
html.dark [role="menu"], html.dark [role="listbox"] { background: var(--af-s1) !important; border-color: var(--af-line-2) !important; }
html.dark [role="separator"] { background-color: var(--af-line) !important; }

/* ---------- tabelas ---------- */
html.dark table, html.dark [class*="bg-card"] table { color: var(--af-tx); }
html.dark thead, html.dark thead tr, html.dark tr[class*="bg-muted"] { background-color: var(--af-bg-2) !important; }
html.dark th { color: var(--af-tx-2) !important; font-weight: 600; }
html.dark tbody tr { background-color: transparent !important; border-color: var(--af-line) !important; }
html.dark tbody tr:hover { background-color: rgba(255, 255, 255, 0.025) !important; }

/* ---------- cores semânticas (selos, avisos, alertas) ---------- */
html.dark [class*="text-destructive"] { color: var(--af-red) !important; }
html.dark [class*="bg-red-"], html.dark [class*="bg-rose-"], html.dark [class*="bg-destructive/"] { background-color: var(--af-red-soft) !important; }
html.dark [class*="bg-emerald-"], html.dark [class*="bg-green-"], html.dark [class*="bg-teal-"] { background-color: var(--af-grn-soft) !important; }
html.dark [class*="bg-amber-"], html.dark [class*="bg-orange-"], html.dark [class*="bg-yellow-"] { background-color: var(--af-amb-soft) !important; }
html.dark [class*="bg-blue-"], html.dark [class*="bg-sky-"], html.dark [class*="bg-cyan-"] { background-color: var(--af-blu-soft) !important; }
html.dark [class*="bg-indigo-"], html.dark [class*="bg-purple-"], html.dark [class*="bg-violet-"] { background-color: var(--af-vio-soft) !important; }
html.dark [class*="bg-gray-"], html.dark [class*="bg-slate-"], html.dark [class*="bg-zinc-"], html.dark [class*="bg-neutral-"] { background-color: var(--af-s2) !important; }
html.dark [class*="text-red-"], html.dark [class*="text-rose-"] { color: var(--af-red) !important; }
html.dark [class*="text-emerald-"], html.dark [class*="text-green-"], html.dark [class*="text-teal-"] { color: var(--af-grn) !important; }
html.dark [class*="text-amber-"], html.dark [class*="text-orange-"], html.dark [class*="text-yellow-"] { color: var(--af-amb) !important; }
html.dark [class*="text-blue-"], html.dark [class*="text-sky-"], html.dark [class*="text-cyan-"] { color: var(--af-blu) !important; }
html.dark [class*="text-indigo-"], html.dark [class*="text-purple-"], html.dark [class*="text-violet-"] { color: var(--af-vio) !important; }
html.dark [class*="text-gray-"], html.dark [class*="text-slate-"], html.dark [class*="text-zinc-"] { color: var(--af-tx-2) !important; }
html.dark [class*="text-gray-9"], html.dark [class*="text-slate-9"], html.dark [class*="text-gray-8"], html.dark [class*="text-slate-8"],
html.dark [class*="text-gray-7"], html.dark [class*="text-slate-7"] { color: var(--af-tx) !important; }
html.dark [class*="border-red-"], html.dark [class*="border-rose-"], html.dark [class*="border-destructive"] { border-color: var(--af-red-line) !important; }
html.dark [class*="border-emerald-"], html.dark [class*="border-green-"], html.dark [class*="border-teal-"] { border-color: var(--af-grn-line) !important; }
html.dark [class*="border-amber-"], html.dark [class*="border-orange-"], html.dark [class*="border-yellow-"] { border-color: var(--af-amb-line) !important; }
html.dark [class*="border-blue-"], html.dark [class*="border-sky-"], html.dark [class*="border-cyan-"] { border-color: var(--af-blu-line) !important; }
html.dark [class*="border-indigo-"], html.dark [class*="border-purple-"], html.dark [class*="border-violet-"] { border-color: var(--af-vio-line) !important; }
/* fundos sólidos de alerta (bg-*-500/600) continuam sólidos, só mais sóbrios */
html.dark [class~="bg-red-500"], html.dark [class~="bg-red-600"], html.dark [class~="bg-destructive"]:not(button) { background-color: #d94848 !important; color: #fff !important; }
html.dark [class~="bg-green-500"], html.dark [class~="bg-green-600"], html.dark [class~="bg-emerald-500"], html.dark [class~="bg-emerald-600"] { background-color: #1f9d63 !important; color: #fff !important; }
html.dark [class~="bg-amber-500"], html.dark [class~="bg-orange-500"], html.dark [class~="bg-yellow-500"] { background-color: #d9961f !important; color: #1a1205 !important; }
html.dark [class~="bg-blue-500"], html.dark [class~="bg-blue-600"] { background-color: #3d7fe0 !important; color: #fff !important; }

/* ---------- gráficos ---------- */
html.dark .recharts-wrapper text, html.dark .recharts-legend-item-text { fill: var(--af-tx-2) !important; color: var(--af-tx-2) !important; }
html.dark .recharts-cartesian-grid line { stroke: var(--af-line) !important; }
html.dark .recharts-tooltip-wrapper [class*="bg-background"], html.dark .recharts-default-tooltip {
  background: var(--af-s2) !important; border-color: var(--af-line-2) !important; color: var(--af-tx) !important;
}

/* ---------- rolagem ---------- */
html.dark ::-webkit-scrollbar { width: 10px; height: 10px; }
html.dark ::-webkit-scrollbar-track { background: transparent; }
html.dark ::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.10); border: 3px solid transparent; background-clip: padding-box; border-radius: 999px; }
html.dark ::-webkit-scrollbar-thumb:hover { background: rgba(255, 255, 255, 0.18); background-clip: padding-box; border: 3px solid transparent; }
html.dark * { scrollbar-color: rgba(255, 255, 255, 0.12) transparent; }

/* ---------- ajustes de especificidade (vencem bg-background / border-* curingas) ---------- */
html.dark:root input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
html.dark:root textarea, html.dark:root select, html.dark:root [role="combobox"] {
  background-color: var(--af-s2) !important;
  border-color: var(--af-line-2) !important;
  color: var(--af-tx) !important;
}
html.dark:root input:focus, html.dark:root textarea:focus, html.dark:root select:focus, html.dark:root [role="combobox"]:focus { border-color: var(--af-ac-line) !important; }
html.dark:root [class~="border-transparent"] { border-color: transparent !important; }

/* tons translúcidos (bg-muted/10 etc.) não viram bloco sólido */
html.dark:root [class~="bg-muted/5"], html.dark:root [class~="bg-muted/10"], html.dark:root [class~="bg-muted/20"], html.dark:root [class~="bg-muted/30"] { background-color: rgba(255, 255, 255, 0.02) !important; }
html.dark:root [class~="bg-muted/40"], html.dark:root [class~="bg-muted/50"], html.dark:root [class~="bg-muted/60"] { background-color: rgba(255, 255, 255, 0.035) !important; }
html.dark:root [class~="bg-secondary/30"], html.dark:root [class~="bg-secondary/50"], html.dark:root [class~="bg-accent/30"], html.dark:root [class~="bg-accent/50"] { background-color: rgba(255, 255, 255, 0.04) !important; }
html.dark:root [class~="bg-card/50"], html.dark:root [class~="bg-card/80"], html.dark:root [class~="bg-card/90"], html.dark:root [class~="bg-card/95"] { background: var(--af-s1) !important; }

/* ---------- abas ---------- */
html.dark:root [role="tablist"][class*="bg-muted"] { background-color: var(--af-s1) !important; border: 1px solid var(--af-line) !important; }
html.dark:root [role="tab"] { border-color: transparent !important; }
html.dark:root [role="tab"][data-state="active"] { border-bottom-color: var(--af-ac) !important; }
html.dark:root [role="tablist"]:not([class*="bg-muted"]) [role="tab"][data-state="active"] { background: transparent !important; box-shadow: none !important; color: var(--af-tx) !important; }
/* abas verticais (Configurações) — inclui os botões clonados pelos add-ons */
html.dark:root [role="tablist"][class*="flex-col"] { background: transparent !important; border: 0 !important; }
html.dark:root [role="tablist"][class*="flex-col"] > button { background: transparent !important; border: 1px solid transparent !important; box-shadow: none !important; color: var(--af-tx-2) !important; }
html.dark:root [role="tablist"][class*="flex-col"] > button:hover { background: var(--af-s2) !important; color: var(--af-tx) !important; }
html.dark:root [role="tablist"][class*="flex-col"] > button[data-state="active"],
html.dark:root [role="tablist"][class*="flex-col"] > button[aria-selected="true"] { background: var(--af-ac-soft) !important; border-color: var(--af-ac-line) !important; color: var(--af-ac-tx) !important; }

/* ---------- Dashboard: avisos com barra lateral em vez de bloco colorido ---------- */
html.dark:root .afl-ql-item, html.dark:root .dashboard-critical-link, html.dark:root .dashboard-alert-item {
  background: var(--af-s2) !important;
  border: 1px solid var(--af-line-2) !important;
  border-left-width: 3px !important;
  box-shadow: none !important;
}
html.dark:root .afl-ql-item:hover, html.dark:root .dashboard-critical-link:hover, html.dark:root .dashboard-alert-item:hover { background: var(--af-s3) !important; }
html.dark:root .afl-ql-atr, html.dark:root .dashboard-critical-link { border-left-color: var(--af-red) !important; }
html.dark:root .dashboard-alert-item { border-left-color: var(--af-amb) !important; }

/* painéis de alerta claros (bg-red-50 etc.) */
html.dark:root [class*="bg-red-50"][class*="rounded"] {
  background: var(--af-s1) !important;
  border-color: var(--af-red-line) !important;
  border-left: 3px solid var(--af-red) !important;
  box-shadow: none !important;
}
html.dark:root [class*="bg-red-50"] [class*="bg-white"], html.dark:root [class*="bg-amber-50"] [class*="bg-white"],
html.dark:root [class*="bg-green-50"] [class*="bg-white"], html.dark:root [class*="bg-blue-50"] [class*="bg-white"] {
  background: var(--af-s2) !important;
  border-color: var(--af-line-2) !important;
}
/* texto escuro de cor (800/900) feito para fundo claro: vira tom claro legível */
html.dark:root [class*="text-red-8"], html.dark:root [class*="text-red-9"], html.dark:root [class*="text-rose-8"] { color: #f3c2c2 !important; }
html.dark:root [class*="text-amber-8"], html.dark:root [class*="text-amber-9"], html.dark:root [class*="text-orange-8"], html.dark:root [class*="text-yellow-8"] { color: #f5dcae !important; }
html.dark:root [class*="text-green-8"], html.dark:root [class*="text-green-9"], html.dark:root [class*="text-emerald-8"], html.dark:root [class*="text-emerald-9"] { color: #bfeccf !important; }
html.dark:root [class*="text-blue-8"], html.dark:root [class*="text-blue-9"], html.dark:root [class*="text-indigo-8"], html.dark:root [class*="text-sky-8"] { color: #c9dcff !important; }
html.dark:root [class*="text-gray-1"], html.dark:root [class*="text-gray-2"], html.dark:root [class*="text-slate-1"], html.dark:root [class*="text-slate-2"] { color: var(--af-tx) !important; }

/* ---------- add-ons com "botão invertido" (preto no claro, branco no escuro) ---------- */
html.dark:root .afk-op[aria-pressed="true"] { background: var(--af-ac-soft) !important; border-color: var(--af-ac-line) !important; color: var(--af-tx) !important; }
html.dark:root .afx-btn.pri { background: var(--af-ac) !important; border-color: transparent !important; color: #04181c !important; }
html.dark:root .afx-chip.on { background: var(--af-ac-soft) !important; border-color: var(--af-ac-line) !important; color: var(--af-ac-tx) !important; }
html.dark:root .afx-chip.on input { background: transparent !important; border: 0 !important; color: var(--af-tx) !important; }
html.dark:root .afr-fab { background: var(--af-ac) !important; border-color: transparent !important; color: #04181c !important; box-shadow: 0 8px 24px -8px rgba(20, 180, 200, 0.6) !important; }

/* ---------- Conversas: balão recebido ---------- */
html.dark:root .bg-\[\#fffefa\][class][class] { background-color: #1e2329 !important; border-color: transparent !important; color: var(--af-tx) !important; }