diff --git a/.gitignore b/.gitignore
index e638584ec..cbeb8d275 100644
--- a/.gitignore
+++ b/.gitignore
@@ -99,7 +99,19 @@ loop/run-session.sh
 
 # graphify (análise local de knowledge graph)
 graphify-out/
+
+# Lockfiles de OUTRO gerenciador. O `pnpm-lock.yaml` é o único versionado, e
+# não é preferência de estilo: os pisos de segurança do projeto vivem em
+# `pnpm.overrides` do package.json, que o npm e o bun NÃO leem. Um `bun install`
+# aqui move `overrides` para o topo do package.json (formato bun/npm), o pnpm
+# deixa de enxergá-lo, e o `pnpm-lock.yaml` perde o bloco `overrides` inteiro —
+# `path-to-regexp@6.1.0` volta para a árvore com `pnpm audit` ainda verde.
+# Aconteceu em 2026-08-26. Ignorar o lock não impede o estrago; impede que ele
+# viaje no commit sem ninguém notar.
 package-lock.json
+bun.lock
+bun.lockb
+yarn.lock
 .e2e-invite.json
 .e2e-owner.json
 .e2e-invite-url.json
diff --git a/.prettierrc b/.prettierrc
index e28b33552..66fc63d05 100644
--- a/.prettierrc
+++ b/.prettierrc
@@ -7,5 +7,6 @@
   "useTabs": false,
   "arrowParens": "always",
   "endOfLine": "lf",
-  "plugins": ["prettier-plugin-tailwindcss"]
+  "plugins": ["prettier-plugin-tailwindcss"],
+  "tailwindStylesheet": "./app/globals.css"
 }
diff --git a/AGENTS.md b/AGENTS.md
index 0e5a72d47..7ca48a535 100644
--- a/AGENTS.md
+++ b/AGENTS.md
@@ -19,7 +19,7 @@ quebra no clone fresco é um bug de produto, não um detalhe de ambiente.
 
 ## Stack (CONFIRMADO em `package.json`)
 
-Next.js 16 (App Router) · React 19 · TypeScript 6 estrito · Tailwind 3 ·
+Next.js 16 (App Router) · React 19 · TypeScript 6 estrito · Tailwind 4 ·
 shadcn/ui · Supabase (Postgres + Auth + Realtime + Storage) · Upstash Redis ·
 Vercel AI Gateway (`@ai-sdk/anthropic|openai|google`) · WAHA Plus (engine NOWEB) ·
 Zod 4 · Vitest 4 · Playwright 1 · Sentry 10.
diff --git a/CLAUDE.md b/CLAUDE.md
index 33226430e..83018c9bc 100644
--- a/CLAUDE.md
+++ b/CLAUDE.md
@@ -20,7 +20,7 @@ DeskcommCRM é um sistema operacional de vendas open source com agentes de IA na
 
 ## Stack canônica
 
-- **Frontend:** Next.js 16 App Router (Turbopack) + React 19 + TypeScript 6 estrito + Tailwind + shadcn/ui (style: `new-york`, neutral)
+- **Frontend:** Next.js 16 App Router (Turbopack) + React 19 + TypeScript 6 estrito + Tailwind 4 (config em CSS — ver abaixo) + shadcn/ui (style: `new-york`, neutral)
 - **Backend:** Next.js Route Handlers (mesmo repo); workers via `event_log` table + cron
 - **DB:** Supabase (Postgres). RLS em toda tabela tenant-aware. Extensions: `uuid-ossp`, `pgcrypto`, `vector`
 - **Auth:** Supabase Auth via `@supabase/ssr`. Cookie SameSite=Strict, HttpOnly, Secure
@@ -181,6 +181,7 @@ DeskcommCRM é um sistema operacional de vendas open source com agentes de IA na
 | `docs/business-rules/` | Regras de negócio fora do código |
 | `docs/research/reference-synthesis.md` | Arquitetura herdada do curso WAHA |
 | `tasks/todo.md` | Workflow de construção atual |
+| `app/globals.css` | **Tailwind 4 é CSS-first: não existe `tailwind.config.ts`.** Tokens em `:root` / `[data-theme]`, ponte token → utilitário no `@theme inline`, alcance do scanner nos `@source`. Vigiado por `tests/unit/tailwind-tokens.test.ts` |
 | `lib/api/wrappers.ts` | `ok()`, `fail()`, tipos `ApiSuccess<T>` / `ApiError` |
 | `lib/api/errors.ts` | Códigos de erro canônicos |
 | `lib/env.ts` | Validação Zod das env vars (lança no startup se faltar crítica) |
diff --git a/app/admin/(protected)/inbox/_components/AdminSidePanel.tsx b/app/admin/(protected)/inbox/_components/AdminSidePanel.tsx
index 744fbb4c7..015c03067 100644
--- a/app/admin/(protected)/inbox/_components/AdminSidePanel.tsx
+++ b/app/admin/(protected)/inbox/_components/AdminSidePanel.tsx
@@ -44,7 +44,7 @@ export function AdminSidePanel({ data }: Props) {
               <div className="text-xs text-muted-foreground">{maskEmail(contact.email)}</div>
             )}
             {contact.is_blocked && (
-              <span className="inline-block rounded bg-destructive/10 px-1.5 py-0.5 text-[10px] font-medium text-destructive">
+              <span className="inline-block rounded-md bg-destructive/10 px-1.5 py-0.5 text-[10px] font-medium text-destructive">
                 Bloqueado
               </span>
             )}
diff --git a/app/admin/(protected)/incidents/[id]/_client.tsx b/app/admin/(protected)/incidents/[id]/_client.tsx
index c2da9651e..1d9c67f98 100644
--- a/app/admin/(protected)/incidents/[id]/_client.tsx
+++ b/app/admin/(protected)/incidents/[id]/_client.tsx
@@ -164,7 +164,7 @@ export function IncidentDetailClient({ id }: IncidentDetailClientProps) {
                     key={entry.id}
                     className="flex items-start gap-2 text-xs"
                   >
-                    <span className="mt-0.5 h-1.5 w-1.5 flex-shrink-0 rounded-full bg-muted-foreground/60 mt-1.5" />
+                    <span className="mt-0.5 h-1.5 w-1.5 shrink-0 rounded-full bg-muted-foreground/60 mt-1.5" />
                     <div className="min-w-0 flex-1">
                       <span className="font-mono text-muted-foreground">
                         {entry.action}
diff --git a/app/admin/(protected)/tenants/[id]/layout.tsx b/app/admin/(protected)/tenants/[id]/layout.tsx
index b6fcecd66..854a10ddc 100644
--- a/app/admin/(protected)/tenants/[id]/layout.tsx
+++ b/app/admin/(protected)/tenants/[id]/layout.tsx
@@ -92,7 +92,7 @@ export default async function TenantDetailLayout({
             {org?.display_name ?? id}
           </h1>
           {org?.slug && (
-            <code className="rounded bg-muted px-2 py-0.5 text-xs font-mono text-muted-foreground">
+            <code className="rounded-md bg-muted px-2 py-0.5 text-xs font-mono text-muted-foreground">
               {org.slug}
             </code>
           )}
diff --git a/app/admin/(protected)/users/[id]/_client.tsx b/app/admin/(protected)/users/[id]/_client.tsx
index 785dfa2bc..25b06ca00 100644
--- a/app/admin/(protected)/users/[id]/_client.tsx
+++ b/app/admin/(protected)/users/[id]/_client.tsx
@@ -246,7 +246,7 @@ export function UserDetailClient({ id }: UserDetailClientProps) {
             <div className="space-y-3 max-h-96 overflow-auto pr-1">
               {recent_audit.map((entry) => (
                 <div key={entry.id} className="flex items-start gap-2 text-xs">
-                  <span className="mt-1.5 h-1.5 w-1.5 flex-shrink-0 rounded-full bg-muted-foreground/50" />
+                  <span className="mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-muted-foreground/50" />
                   <div className="min-w-0 flex-1 space-y-0.5">
                     <div className="flex items-center gap-2 flex-wrap">
                       <span className="font-mono text-muted-foreground">
diff --git a/app/app/ai/agents/[id]/_components/FollowupFlowPicker.tsx b/app/app/ai/agents/[id]/_components/FollowupFlowPicker.tsx
index 15e200368..5067f32af 100644
--- a/app/app/ai/agents/[id]/_components/FollowupFlowPicker.tsx
+++ b/app/app/ai/agents/[id]/_components/FollowupFlowPicker.tsx
@@ -58,11 +58,11 @@ export function FollowupFlowPicker({ value, onChange, disabled }: Props) {
         return (
           <label
             key={f.id}
-            className="flex cursor-pointer items-start gap-2 rounded p-1 hover:bg-muted/40"
+            className="flex cursor-pointer items-start gap-2 rounded-md p-1 hover:bg-muted/40"
           >
             <input
               type="checkbox"
-              className="mt-1 h-4 w-4 rounded border-border accent-primary"
+              className="mt-1 h-4 w-4 rounded-md border-border accent-primary"
               checked={checked}
               onChange={() => toggle(f.id)}
               disabled={disabled}
diff --git a/app/app/ai/agents/[id]/_components/FunisDoAgente.tsx b/app/app/ai/agents/[id]/_components/FunisDoAgente.tsx
index cf443b035..6eb77a7ae 100644
--- a/app/app/ai/agents/[id]/_components/FunisDoAgente.tsx
+++ b/app/app/ai/agents/[id]/_components/FunisDoAgente.tsx
@@ -89,7 +89,7 @@ export function FunisDoAgente({ funis, value, onChange, cobertura, disabled = fa
                 id={`funil-${f.id}`}
                 data-testid={`funil-${f.id}`}
                 type="checkbox"
-                className="h-4 w-4 shrink-0 rounded border-border accent-primary"
+                className="h-4 w-4 shrink-0 rounded-md border-border accent-primary"
                 checked={marcados.has(f.id)}
                 onChange={(e) => alternar(f.id, e.target.checked)}
                 disabled={disabled}
diff --git a/app/app/ai/agents/[id]/_components/HandoffKeywordsInput.tsx b/app/app/ai/agents/[id]/_components/HandoffKeywordsInput.tsx
index 2f06f2371..35de8ff08 100644
--- a/app/app/ai/agents/[id]/_components/HandoffKeywordsInput.tsx
+++ b/app/app/ai/agents/[id]/_components/HandoffKeywordsInput.tsx
@@ -32,13 +32,13 @@ export function HandoffKeywordsInput({ value, onChange, disabled }: Props) {
   return (
     <div className="space-y-2">
       <Label htmlFor="handoff_kw">Palavras que chamam uma pessoa na hora</Label>
-      <div className="flex flex-wrap gap-1 rounded border border-border/60 p-2">
+      <div className="flex flex-wrap gap-1 rounded-md border border-border/60 p-2">
         {value.map((kw) => (
           <button
             key={kw}
             type="button"
             onClick={() => !disabled && remove(kw)}
-            className="group flex items-center gap-1 rounded bg-muted px-2 py-0.5 text-xs hover:bg-destructive/15"
+            className="group flex items-center gap-1 rounded-md bg-muted px-2 py-0.5 text-xs hover:bg-destructive/15"
             disabled={disabled}
             aria-label={`Remover ${kw}`}
           >
@@ -67,7 +67,7 @@ export function HandoffKeywordsInput({ value, onChange, disabled }: Props) {
         />
         <button
           type="button"
-          className="rounded border border-border/60 px-3 text-xs hover:bg-muted"
+          className="rounded-md border border-border/60 px-3 text-xs hover:bg-muted"
           onClick={() => add(draft)}
           disabled={disabled || draft.trim() === ""}
         >
@@ -81,7 +81,7 @@ export function HandoffKeywordsInput({ value, onChange, disabled }: Props) {
             type="button"
             onClick={() => add(d)}
             disabled={disabled}
-            className="rounded border border-dashed border-border/60 px-2 py-0.5 text-xs text-muted-foreground hover:bg-muted"
+            className="rounded-md border border-dashed border-border/60 px-2 py-0.5 text-xs text-muted-foreground hover:bg-muted"
           >
             + {d}
           </button>
diff --git a/app/app/ai/agents/[id]/_components/RunDetailDrawer.tsx b/app/app/ai/agents/[id]/_components/RunDetailDrawer.tsx
index 9c2c138f7..0c3392a0b 100644
--- a/app/app/ai/agents/[id]/_components/RunDetailDrawer.tsx
+++ b/app/app/ai/agents/[id]/_components/RunDetailDrawer.tsx
@@ -130,7 +130,7 @@ export function RunDetailDrawer({ run, open, onOpenChange }: Props) {
 
 function Cell({ label, children }: { label: string; children: React.ReactNode }) {
   return (
-    <div className="rounded border border-border/60 px-2 py-1">
+    <div className="rounded-md border border-border/60 px-2 py-1">
       <dt className="text-[10px] uppercase tracking-wide text-muted-foreground">{label}</dt>
       <dd className="font-mono">{children}</dd>
     </div>
diff --git a/app/app/ai/agents/[id]/_components/RunTrace.tsx b/app/app/ai/agents/[id]/_components/RunTrace.tsx
index 13a811173..c8483fc70 100644
--- a/app/app/ai/agents/[id]/_components/RunTrace.tsx
+++ b/app/app/ai/agents/[id]/_components/RunTrace.tsx
@@ -91,20 +91,20 @@ export function RunTrace({
             <div className="space-y-3 border-t border-border/60 px-3 py-3 text-xs">
               <div>
                 <p className="mb-1 font-medium text-muted-foreground">Args</p>
-                <pre className="overflow-x-auto rounded bg-muted/40 p-2 font-mono leading-relaxed">
+                <pre className="overflow-x-auto rounded-md bg-muted/40 p-2 font-mono leading-relaxed">
                   {clip(fmtJson(s.args))}
                 </pre>
               </div>
               <div>
                 <p className="mb-1 font-medium text-muted-foreground">Result</p>
-                <pre className="overflow-x-auto rounded bg-muted/40 p-2 font-mono leading-relaxed">
+                <pre className="overflow-x-auto rounded-md bg-muted/40 p-2 font-mono leading-relaxed">
                   {clip(fmtJson(s.result))}
                 </pre>
               </div>
               {errMsg ? (
                 <div>
                   <p className="mb-1 font-medium text-destructive">Error</p>
-                  <pre className="overflow-x-auto rounded bg-destructive/10 p-2 font-mono leading-relaxed text-destructive">
+                  <pre className="overflow-x-auto rounded-md bg-destructive/10 p-2 font-mono leading-relaxed text-destructive">
                     {clip(errMsg)}
                   </pre>
                 </div>
diff --git a/app/app/ai/agents/[id]/_components/TestPanel.tsx b/app/app/ai/agents/[id]/_components/TestPanel.tsx
index 0fba9df3b..7d35b5cb2 100644
--- a/app/app/ai/agents/[id]/_components/TestPanel.tsx
+++ b/app/app/ai/agents/[id]/_components/TestPanel.tsx
@@ -295,7 +295,7 @@ export function TestPanel({ agent, draft, published, readOnly }: Props) {
 
 function Cell({ label, children }: { label: string; children: React.ReactNode }) {
   return (
-    <div className="rounded border border-border/60 px-2 py-1">
+    <div className="rounded-md border border-border/60 px-2 py-1">
       <p className="text-[10px] uppercase tracking-wide text-muted-foreground">{label}</p>
       <p className="font-mono">{children}</p>
     </div>
diff --git a/app/app/ai/agents/[id]/_components/ToolPicker.tsx b/app/app/ai/agents/[id]/_components/ToolPicker.tsx
index bd9b84e50..93910364a 100644
--- a/app/app/ai/agents/[id]/_components/ToolPicker.tsx
+++ b/app/app/ai/agents/[id]/_components/ToolPicker.tsx
@@ -108,7 +108,7 @@ function FichaCapacidade({
     >
       <input
         type="checkbox"
-        className="mt-1 h-4 w-4 shrink-0 rounded border-border accent-primary"
+        className="mt-1 h-4 w-4 shrink-0 rounded-md border-border accent-primary"
         checked={marcada}
         onChange={onToggle}
         disabled={disabled || bloqueada}
diff --git a/app/app/ai/agents/[id]/_components/TriggerEditor.tsx b/app/app/ai/agents/[id]/_components/TriggerEditor.tsx
index fa2a67008..615d46d14 100644
--- a/app/app/ai/agents/[id]/_components/TriggerEditor.tsx
+++ b/app/app/ai/agents/[id]/_components/TriggerEditor.tsx
@@ -88,7 +88,7 @@ export function TriggerEditor({ value, onChange, disabled }: Props) {
             return (
               <label
                 key={ev}
-                className="flex cursor-pointer items-center gap-2 rounded border border-border/60 px-2 py-1 text-xs"
+                className="flex cursor-pointer items-center gap-2 rounded-md border border-border/60 px-2 py-1 text-xs"
               >
                 <input
                   type="checkbox"
@@ -224,7 +224,7 @@ export function TriggerEditor({ value, onChange, disabled }: Props) {
                       type="button"
                       onClick={() => toggleWeekday(d.id)}
                       disabled={disabled}
-                      className={`rounded border px-2 py-1 text-xs ${
+                      className={`rounded-md border px-2 py-1 text-xs ${
                         active
                           ? "border-primary bg-primary/10 text-primary"
                           : "border-border/60 text-muted-foreground"
diff --git a/app/app/ai/routers/[id]/_client.tsx b/app/app/ai/routers/[id]/_client.tsx
index 097e229e7..822aed867 100644
--- a/app/app/ai/routers/[id]/_client.tsx
+++ b/app/app/ai/routers/[id]/_client.tsx
@@ -541,13 +541,13 @@ function ExamplesInput({
   return (
     <div className="space-y-1">
       <Label>Frases de exemplo (opcional)</Label>
-      <div className="flex flex-wrap gap-1 rounded border border-border/60 p-2">
+      <div className="flex flex-wrap gap-1 rounded-md border border-border/60 p-2">
         {value.map((ex) => (
           <button
             key={ex}
             type="button"
             onClick={() => !disabled && remove(ex)}
-            className="group flex items-center gap-1 rounded bg-muted px-2 py-0.5 text-xs hover:bg-destructive/15"
+            className="group flex items-center gap-1 rounded-md bg-muted px-2 py-0.5 text-xs hover:bg-destructive/15"
             disabled={disabled}
             aria-label={`Remover exemplo ${ex}`}
           >
@@ -576,7 +576,7 @@ function ExamplesInput({
           />
           <button
             type="button"
-            className="rounded border border-border/60 px-3 text-xs hover:bg-muted"
+            className="rounded-md border border-border/60 px-3 text-xs hover:bg-muted"
             onClick={() => add(draft)}
             disabled={draft.trim() === ""}
           >
diff --git a/app/app/ai/runs/_components/ExecucoesDeIa.tsx b/app/app/ai/runs/_components/ExecucoesDeIa.tsx
index 226997377..a94e8c8b8 100644
--- a/app/app/ai/runs/_components/ExecucoesDeIa.tsx
+++ b/app/app/ai/runs/_components/ExecucoesDeIa.tsx
@@ -207,7 +207,7 @@ export function ExecucoesDeIa() {
                   {e.error_message && (
                     <details className="text-xs text-muted-foreground">
                       <summary className="cursor-pointer">Mensagem técnica do provedor</summary>
-                      <pre className="mt-1 overflow-x-auto whitespace-pre-wrap break-words rounded bg-muted p-2">
+                      <pre className="mt-1 overflow-x-auto whitespace-pre-wrap break-words rounded-md bg-muted p-2">
                         {e.error_message}
                         {e.http_status ? `\n(código ${e.http_status})` : ""}
                       </pre>
diff --git a/app/app/integrations/nuvemshop/page.tsx b/app/app/integrations/nuvemshop/page.tsx
index 8bce85ab0..c3d293662 100644
--- a/app/app/integrations/nuvemshop/page.tsx
+++ b/app/app/integrations/nuvemshop/page.tsx
@@ -73,10 +73,10 @@ export default async function NuvemshopIntegrationPage() {
           <CardHeader>
             <CardTitle>Integração não configurada</CardTitle>
             <CardDescription>
-              Configure <code className="rounded bg-muted px-1 py-0.5 text-xs">NUVEMSHOP_APP_ID</code>,{" "}
-              <code className="rounded bg-muted px-1 py-0.5 text-xs">NUVEMSHOP_CLIENT_ID</code> e{" "}
-              <code className="rounded bg-muted px-1 py-0.5 text-xs">NUVEMSHOP_CLIENT_SECRET</code>{" "}
-              em <code className="rounded bg-muted px-1 py-0.5 text-xs">.env.local</code> para
+              Configure <code className="rounded-md bg-muted px-1 py-0.5 text-xs">NUVEMSHOP_APP_ID</code>,{" "}
+              <code className="rounded-md bg-muted px-1 py-0.5 text-xs">NUVEMSHOP_CLIENT_ID</code> e{" "}
+              <code className="rounded-md bg-muted px-1 py-0.5 text-xs">NUVEMSHOP_CLIENT_SECRET</code>{" "}
+              em <code className="rounded-md bg-muted px-1 py-0.5 text-xs">.env.local</code> para
               ativar a integração.
             </CardDescription>
           </CardHeader>
diff --git a/app/app/kanban/loading.tsx b/app/app/kanban/loading.tsx
index dc607bdd9..a4e6bb43a 100644
--- a/app/app/kanban/loading.tsx
+++ b/app/app/kanban/loading.tsx
@@ -6,7 +6,7 @@ export default function KanbanLoading() {
       <Skeleton className="h-8 w-64 mb-6" />
       <div className="flex gap-4 overflow-x-auto">
         {Array.from({ length: 5 }).map((_, col) => (
-          <div key={col} className="w-72 flex-shrink-0 space-y-3">
+          <div key={col} className="w-72 shrink-0 space-y-3">
             <Skeleton className="h-6 w-32" />
             {Array.from({ length: 3 }).map((_, card) => (
               <Skeleton key={card} className="h-24 w-full" />
diff --git a/app/design/README.md b/app/design/README.md
index 31b481779..3f6d2c020 100644
--- a/app/design/README.md
+++ b/app/design/README.md
@@ -71,7 +71,8 @@ Inter / Geist / Space Grotesk **proibidos** por saturação em training data.
   calma operacional sem cair em "saúde mental clichê"; Bricolage tem width axis
   útil para hierarquia em headers de inbox.
 - **Iconografia recomendada**: Phosphor (duotone). Justificativa na seção Iconografia.
-- **CSS variables, não Tailwind classes**: o showcase intencionalmente bypassa
-  `tailwind.config.ts` para não poluir o config do app antes da decisão final.
-  Quando a variante for escolhida, migra-se para `theme.extend.colors` com
-  `var(--accent-N)` e os tokens viram parte do build.
+- **CSS variables, não Tailwind classes**: o showcase intencionalmente fica fora
+  do tema do app para não poluí-lo antes da decisão final. Quando a variante for
+  escolhida, migra-se para o `@theme inline` de `app/globals.css` com
+  `var(--accent-N)` e os tokens viram parte do build. (Até o Tailwind 4 o alvo
+  era `theme.extend.colors` do `tailwind.config.ts`, que não existe mais.)
diff --git a/app/globals.css b/app/globals.css
index bf8b94761..9b06232be 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -1,6 +1,28 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import "tailwindcss" source(none);
+
+/* Alcance do scanner. O v4 acha os arquivos sozinho a partir da raiz do git,
+   mas isso varreria `docs/` (149 markdowns cheios de exemplo de classe) e
+   `tests/` — o CSS engordaria com utilitário que nenhuma tela usa, e um
+   `bg-red-500` escrito numa doc viraria regra publicada. `source(none)` desliga
+   a descoberta automática e as quatro linhas abaixo repõem EXATAMENTE o
+   `content` que o `tailwind.config.ts` declarava. Ao criar pasta nova de UI,
+   acrescente-a aqui — senão as classes dela somem sem erro nenhum. */
+@source "../app";
+@source "../components";
+@source "../lib";
+@source "../hooks";
+
+/* Escuro por atributo, não por classe. Equivale ao `darkMode: ["class",
+   "[data-theme='dark']"]` do v3: a forma de duas casas do v3 NÃO acumula com
+   `.dark` — ela SUBSTITUI o seletor padrão, e o produto inteiro liga o tema
+   por `<html data-theme="dark">` (ver `[data-theme="dark"]` mais abaixo e o
+   `color-scheme` no `@layer base`).
+
+   O `:where()` zera a especificidade do seletor de tema, para que `dark:bg-x`
+   e `bg-x` continuem competindo só pela ordem em que aparecem — sem ele, todo
+   utilitário `dark:` ganharia um ponto de especificidade a mais e venceria
+   coisas que no v3 ele não vencia. */
+@custom-variant dark (&:where([data-theme="dark"], [data-theme="dark"] *));
 
 /* ─────────────────────────────────────────────────────────────────────────
    DeskcommCRM — Design System tokens (Sage palette · density Aerada)
@@ -326,8 +348,186 @@
   --ring: var(--color-accent-400);
 }
 
+/* ─────────────────────────────────────────────────────────────────────────
+   Ponte token → utilitário (o que era `theme.extend` no `tailwind.config.ts`).
+
+   `@theme inline` e não `@theme`: com `inline`, o utilitário recebe o
+   `var(--color-…)` LITERAL em vez de uma cópia do valor. É o que preserva o
+   tema — `.bg-bg` vira `background-color: var(--color-bg)` e passa a valer o
+   que `[data-theme="dark"]` disser naquele ponto da árvore. Com `@theme` sem
+   `inline`, o valor claro seria assado dentro do utilitário e o tema escuro
+   pararia de existir.
+
+   Os três blocos de token acima (`:root`, `[data-theme="light"]`,
+   `[data-theme="dark"]`) ficam onde estão, sem layer e sem renomear. Não é
+   preferência: `extrairRegua` (lib/branding/contraste.ts) acha o bloco claro
+   por igualdade EXATA de seletor (`r.seletor === ":root"`), e
+   `tests/unit/branding-tema-claro-escopavel.test.ts` compara prop a prop os
+   blocos claro e escuro. Mover qualquer um deles para dentro de `@theme`
+   quebraria os dois.
+
+   Efeito colateral conhecido e inofensivo: como os nomes de token daqui são os
+   MESMOS do bloco `:root` (o produto já batizava tudo de `--color-*`), o v4
+   emite, dentro de `@layer theme`, linhas auto-referentes do tipo
+   `--color-bg: var(--color-bg)`. Elas nunca vencem — declaração sem layer tem
+   precedência sobre declaração em layer, e o `:root` autoral está fora de
+   layer. Vigiado por `tests/unit/tailwind-tokens.test.ts`; se um dia alguém
+   embrulhar o `:root` num `@layer`, o teste reprova e a explicação está aqui.
+   ───────────────────────────────────────────────────────────────────────── */
+@theme inline {
+  /* Foundation */
+  --color-bg: var(--color-bg);
+  --color-surface: var(--color-surface);
+  --color-surface-elevated: var(--color-surface-elevated);
+  --color-overlay: var(--color-overlay);
+
+  --color-text: var(--color-text);
+  --color-text-muted: var(--color-text-muted);
+  --color-text-subtle: var(--color-text-subtle);
+
+  /* Accent — Sage */
+  --color-accent: var(--color-accent);
+  --color-accent-foreground: var(--color-accent-fg);
+  --color-accent-soft: var(--color-accent-soft);
+  --color-accent-hover: var(--color-accent-hover);
+  --color-accent-50: var(--color-accent-50);
+  --color-accent-100: var(--color-accent-100);
+  --color-accent-200: var(--color-accent-200);
+  --color-accent-300: var(--color-accent-300);
+  --color-accent-400: var(--color-accent-400);
+  --color-accent-500: var(--color-accent-500);
+  --color-accent-600: var(--color-accent-600);
+  --color-accent-700: var(--color-accent-700);
+  --color-accent-800: var(--color-accent-800);
+  --color-accent-900: var(--color-accent-900);
+  --color-accent-950: var(--color-accent-950);
+
+  /* Neutrals — greige */
+  --color-neutral-50: var(--color-neutral-50);
+  --color-neutral-100: var(--color-neutral-100);
+  --color-neutral-200: var(--color-neutral-200);
+  --color-neutral-300: var(--color-neutral-300);
+  --color-neutral-400: var(--color-neutral-400);
+  --color-neutral-500: var(--color-neutral-500);
+  --color-neutral-600: var(--color-neutral-600);
+  --color-neutral-700: var(--color-neutral-700);
+  --color-neutral-800: var(--color-neutral-800);
+  --color-neutral-900: var(--color-neutral-900);
+  --color-neutral-950: var(--color-neutral-950);
+
+  /* States */
+  --color-success: var(--color-success);
+  --color-success-bg: var(--color-success-bg);
+  --color-success-fg: var(--color-success-fg);
+  --color-warning: var(--color-warning);
+  --color-warning-bg: var(--color-warning-bg);
+  --color-warning-fg: var(--color-warning-fg);
+  --color-error: var(--color-error);
+  --color-error-bg: var(--color-error-bg);
+  --color-error-fg: var(--color-error-fg);
+  --color-info: var(--color-info);
+  --color-info-bg: var(--color-info-bg);
+  --color-info-fg: var(--color-info-fg);
+
+  /* Aliases shadcn (consumers ainda não migrados). Espelham 1:1 o que o
+     `tailwind.config.ts` mapeava — inclusive `ring`, que apontava para a
+     parada 500 fixa e NÃO para `--ring` (que muda no escuro). Mantido igual de
+     propósito: trocar aqui mudaria o anel de foco de toda a aplicação, e isso
+     é decisão de design, não de migração. */
+  --color-border: var(--color-border);
+  --color-border-strong: var(--color-border-strong);
+  --color-input: var(--color-border);
+  --color-ring: var(--color-accent-500);
+  --color-background: var(--color-bg);
+  --color-foreground: var(--color-text);
+  --color-primary: var(--color-accent);
+  --color-primary-foreground: var(--color-accent-fg);
+  --color-secondary: var(--color-surface-elevated);
+  --color-secondary-foreground: var(--color-text);
+  --color-destructive: var(--color-error);
+  --color-destructive-foreground: #ffffff;
+  --color-muted: var(--color-surface-elevated);
+  --color-muted-foreground: var(--color-text-muted);
+  --color-popover: var(--color-surface);
+  --color-popover-foreground: var(--color-text);
+  --color-card: var(--color-surface);
+  --color-card-foreground: var(--color-text);
+
+  /* Tipografia */
+  --font-sans: var(--font-atkinson), ui-sans-serif, system-ui, -apple-system,
+    "Segoe UI", Roboto, sans-serif;
+  --font-mono: var(--font-mono), ui-monospace, SFMono-Regular, Menlo, Monaco,
+    Consolas, monospace;
+
+  /* Espaçamento. Os valores são px LITERAIS (`--space-6` = 24px), não rem — e
+     essa diferença é carregada por quem consome: ver o cálculo de altura em
+     `components/inbox/InboxLayout.tsx`, que soma `var(--space-6)` a um `3.5rem`
+     justamente porque as duas parcelas NÃO estão na mesma unidade.
+
+     As paradas fora desta lista (`p-7`, `gap-1.5`, `mt-14`…) continuam
+     existindo: o v4 as calcula pelo multiplicador `--spacing` (0.25rem), do
+     mesmo jeito que a escala default do v3 as fornecia. */
+  --spacing-0: var(--space-0);
+  --spacing-1: var(--space-1);
+  --spacing-2: var(--space-2);
+  --spacing-3: var(--space-3);
+  --spacing-4: var(--space-4);
+  --spacing-5: var(--space-5);
+  --spacing-6: var(--space-6);
+  --spacing-8: var(--space-8);
+  --spacing-10: var(--space-10);
+  --spacing-12: var(--space-12);
+  --spacing-16: var(--space-16);
+  --spacing-20: var(--space-20);
+  --spacing-24: var(--space-24);
+  --spacing-32: var(--space-32);
+
+  /* Raio */
+  --radius-none: var(--radius-none);
+  --radius-sm: var(--radius-sm);
+  --radius-md: var(--radius-md);
+  --radius-lg: var(--radius-lg);
+  --radius-xl: var(--radius-xl);
+  --radius-full: var(--radius-full);
+
+  /* Sombra */
+  --shadow-xs: var(--shadow-xs);
+  --shadow-sm: var(--shadow-sm);
+  --shadow-md: var(--shadow-md);
+  --shadow-lg: var(--shadow-lg);
+  --shadow-xl: var(--shadow-xl);
+
+  /* Motion */
+  --ease-out: var(--ease-out);
+  --ease-in-out: var(--ease-in-out);
+  --ease-spring: var(--ease-spring);
+}
+
+/* `duration-*` não tem espaço de tema no v4 (o `transitionDuration` do v3 não
+   tem equivalente em `@theme`), então o apelido vira utilitário explícito. */
+@utility duration-fast {
+  transition-duration: var(--duration-fast);
+}
+@utility duration-base {
+  transition-duration: var(--duration-base);
+}
+@utility duration-slow {
+  transition-duration: var(--duration-slow);
+}
+
+
 @layer base {
-  * {
+  /* O preflight do v4 não pinta mais borda por padrão (`border: 0 solid`, cor
+     = `currentColor`), então os ~300 `class="border"` sem cor desta base
+     dependem inteiramente desta regra. Ela já existia no v3 pelo mesmo motivo;
+     o que mudou é que os pseudo-elementos entraram na lista — o preflight do
+     v4 os zera junto com o elemento, e sem eles um `::before` com `border`
+     desenharia na cor do texto. */
+  *,
+  ::after,
+  ::before,
+  ::backdrop,
+  ::file-selector-button {
     border-color: var(--color-border);
   }
 
@@ -396,15 +596,20 @@
   }
 
   /* Modo de alto contraste do sistema (Windows High Contrast / forced-colors).
-     Medido antes de escrever: 0 ocorrências de `forced-colors` no repo inteiro
-     e, em `app/ components/ lib/`, 18 arquivos que matam `outline`
-     (`outline-none` / `outline: none` / outline transparente) — 14 deles
-     desenhando o foco com `ring-*`, que é `box-shadow`, e o forced-colors APAGA
-     box-shadow. (Contagem com este arquivo de fora: incluí-lo devolvia 19/15,
-     porque o grep achava as palavras deste próprio comentário.) Nesses 14, o
+     O problema: arquivos que matam o `outline` e desenham o foco com `ring-*`
+     — que é `box-shadow`, e o forced-colors APAGA box-shadow. Neles o
      indicador de foco some por completo naquele modo: quem navega por teclado
      perde a posição do cursor. É WCAG 2.4.7 nível A, não preferência.
 
+     Quantos são hoje (comando, e não número — número envelhece; a migração
+     para o Tailwind 4 já invalidou o que estava escrito aqui, porque
+     `outline-none` virou `outline-hidden` e o grep antigo passou a devolver
+     zero):
+
+       grep -rlE 'outline-hidden|outline:\s*none|outline-\[?transparent' \
+         app components lib --include='*.tsx' --include='*.ts' | wc -l
+       # …| xargs grep -lE 'ring-[a-z0-9]' | wc -l   ← os que dependem de ring
+
      `Highlight` é cor de sistema (a paleta do usuário), a única que o modo não
      substitui. `!important` porque o que precisa ser vencido é justamente o
      `outline: none`/`outline: transparent` desses 14 arquivos. */
diff --git a/components.json b/components.json
index 639cbe5ea..4ee62ee10 100644
--- a/components.json
+++ b/components.json
@@ -4,7 +4,7 @@
   "rsc": true,
   "tsx": true,
   "tailwind": {
-    "config": "tailwind.config.ts",
+    "config": "",
     "css": "app/globals.css",
     "baseColor": "neutral",
     "cssVariables": true,
diff --git a/components/admin/ImpersonateButton.tsx b/components/admin/ImpersonateButton.tsx
index a0b99eb31..cb8299d56 100644
--- a/components/admin/ImpersonateButton.tsx
+++ b/components/admin/ImpersonateButton.tsx
@@ -98,7 +98,7 @@ export function ImpersonateButton({
             Você está prestes a entrar como o tenant{" "}
             <span className="font-semibold text-foreground">{displayName}</span>.
             Toda ação será registrada com a flag{" "}
-            <code className="rounded bg-muted px-1 py-0.5 text-xs">
+            <code className="rounded-md bg-muted px-1 py-0.5 text-xs">
               acting_as_platform_admin
             </code>
             . A sessão expira em 1 hora. Confirma?
diff --git a/components/admin/audit/AuditFiltersAdmin.tsx b/components/admin/audit/AuditFiltersAdmin.tsx
index f56a593d3..c23532c32 100644
--- a/components/admin/audit/AuditFiltersAdmin.tsx
+++ b/components/admin/audit/AuditFiltersAdmin.tsx
@@ -86,7 +86,7 @@ function MultiSelectPopover({
           {selected.length > 0 && (
             <button
               onClick={() => { onClear(); setSearch(""); }}
-              className="w-full rounded px-2 py-1 text-left text-xs text-muted-foreground hover:bg-accent"
+              className="w-full rounded-md px-2 py-1 text-left text-xs text-muted-foreground hover:bg-accent"
             >
               Limpar seleção ({selected.length})
             </button>
@@ -101,7 +101,7 @@ function MultiSelectPopover({
               <button
                 key={o.value}
                 onClick={() => onToggle(o.value)}
-                className={`w-full rounded px-2 py-1.5 text-left text-sm transition-colors ${
+                className={`w-full rounded-md px-2 py-1.5 text-left text-sm transition-colors ${
                   selected.includes(o.value)
                     ? "bg-accent font-medium"
                     : "hover:bg-accent/50"
diff --git a/components/admin/dashboard/AlertItem.tsx b/components/admin/dashboard/AlertItem.tsx
index a0499f13b..c551ad570 100644
--- a/components/admin/dashboard/AlertItem.tsx
+++ b/components/admin/dashboard/AlertItem.tsx
@@ -46,7 +46,7 @@ export function AlertItem({ alert }: AlertItemProps) {
     <button
       type="button"
       onClick={() => router.push(alert.link)}
-      className="flex w-full items-start gap-3 rounded-md px-3 py-2.5 text-left text-sm transition-colors hover:bg-muted/50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+      className="flex w-full items-start gap-3 rounded-md px-3 py-2.5 text-left text-sm transition-colors hover:bg-muted/50 focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring"
     >
       <Icon className="mt-0.5 h-4 w-4 shrink-0 text-muted-foreground" />
       <div className="min-w-0 flex-1 space-y-0.5">
diff --git a/components/admin/platform-admins/DBAOnlyNotice.tsx b/components/admin/platform-admins/DBAOnlyNotice.tsx
index 701aa8edc..22833711a 100644
--- a/components/admin/platform-admins/DBAOnlyNotice.tsx
+++ b/components/admin/platform-admins/DBAOnlyNotice.tsx
@@ -15,11 +15,11 @@ export function DBAOnlyNotice() {
         </p>
         <p className="text-sm leading-relaxed text-blue-800">
           Conforme Spec 01 §3.4 T-04: adição, remoção ou alteração de{" "}
-          <code className="rounded bg-blue-100 px-1 font-mono text-xs">
+          <code className="rounded-md bg-blue-100 px-1 font-mono text-xs">
             platform_admins
           </code>{" "}
           é feita exclusivamente via SQL pelo DBA, com nota explicativa em{" "}
-          <code className="rounded bg-blue-100 px-1 font-mono text-xs">
+          <code className="rounded-md bg-blue-100 px-1 font-mono text-xs">
             api_audit_log
           </code>
           . Esta página é informativa e read-only — nenhum botão de modificação
diff --git a/components/admin/tenants/HealthCard.tsx b/components/admin/tenants/HealthCard.tsx
index 4a23c15f6..d7852945f 100644
--- a/components/admin/tenants/HealthCard.tsx
+++ b/components/admin/tenants/HealthCard.tsx
@@ -73,7 +73,7 @@ export function HealthCard({
       {/* Header row */}
       <div className="flex items-center justify-between gap-3">
         <div className="flex items-center gap-2 text-muted-foreground">
-          <span className="w-5 h-5 flex-shrink-0" aria-hidden>
+          <span className="w-5 h-5 shrink-0" aria-hidden>
             {icon}
           </span>
           <span className="text-xs font-semibold uppercase tracking-wider leading-none">
diff --git a/components/ai/SystemPromptEditor.tsx b/components/ai/SystemPromptEditor.tsx
index 6e2f037b5..4bb17e60e 100644
--- a/components/ai/SystemPromptEditor.tsx
+++ b/components/ai/SystemPromptEditor.tsx
@@ -59,7 +59,7 @@ export function SystemPromptEditor({ value, onChange, disabled }: Props) {
           {SYSTEM_PROMPT_PLACEHOLDERS.map((p) => (
             <li key={p.token} className="flex flex-col gap-1">
               <div className="flex items-center justify-between gap-2">
-                <code className="rounded bg-background px-1.5 py-0.5 text-[11px]">{p.token}</code>
+                <code className="rounded-md bg-background px-1.5 py-0.5 text-[11px]">{p.token}</code>
                 <Button
                   type="button"
                   size="sm"
diff --git a/components/auth/MfaEnrollModal.tsx b/components/auth/MfaEnrollModal.tsx
index 14fa02cb0..3ca83b48a 100644
--- a/components/auth/MfaEnrollModal.tsx
+++ b/components/auth/MfaEnrollModal.tsx
@@ -147,14 +147,14 @@ export function MfaEnrollModal({ motivo = "obrigatorio" }: { motivo?: "obrigator
                     alt="QR code para configurar autenticador"
                     width={240}
                     height={240}
-                    className="rounded border border-border bg-white p-2"
+                    className="rounded-md border border-border bg-white p-2"
                   />
                 </div>
                 <details className="text-xs text-muted-foreground">
                   <summary className="cursor-pointer">
                     Não consegue escanear? Digite o código manual
                   </summary>
-                  <code className="mt-2 block break-all rounded bg-muted p-2 font-mono">
+                  <code className="mt-2 block break-all rounded-md bg-muted p-2 font-mono">
                     {enrollState.secret}
                   </code>
                 </details>
diff --git a/components/auth/RecoveryCodesPanel.tsx b/components/auth/RecoveryCodesPanel.tsx
index 95734d1cd..31ac010e8 100644
--- a/components/auth/RecoveryCodesPanel.tsx
+++ b/components/auth/RecoveryCodesPanel.tsx
@@ -83,7 +83,7 @@ export function RecoveryCodesPanel({ codes, onAcknowledge }: RecoveryCodesPanelP
           {codes.map((c, i) => (
             <div
               key={i}
-              className="rounded border border-border bg-background px-3 py-2 text-center font-mono text-sm tracking-widest"
+              className="rounded-md border border-border bg-background px-3 py-2 text-center font-mono text-sm tracking-widest"
             >
               {c}
             </div>
@@ -105,7 +105,7 @@ export function RecoveryCodesPanel({ codes, onAcknowledge }: RecoveryCodesPanelP
           type="checkbox"
           checked={acked}
           onChange={(e) => setAcked(e.target.checked)}
-          className="mt-0.5 h-4 w-4 rounded border-border"
+          className="mt-0.5 h-4 w-4 rounded-md border-border"
         />
         <span>Salvei meus códigos em local seguro.</span>
       </label>
diff --git a/components/auth/TOTPInput.tsx b/components/auth/TOTPInput.tsx
index 87dfbde71..d51e913b9 100644
--- a/components/auth/TOTPInput.tsx
+++ b/components/auth/TOTPInput.tsx
@@ -120,7 +120,7 @@ export function TOTPInput({
           onFocus={(e) => e.currentTarget.select()}
           className={cn(
             "h-12 w-10 rounded-md border border-input bg-background text-center font-mono text-lg tabular-nums",
-            "shadow-sm outline-none transition focus:border-ring focus:ring-2 focus:ring-ring/30",
+            "shadow-sm outline-hidden transition focus:border-ring focus:ring-2 focus:ring-ring/30",
             hasError && "border-destructive focus:ring-destructive/30",
             disabled && "opacity-50",
           )}
diff --git a/components/connections/CanalOficialClient.tsx b/components/connections/CanalOficialClient.tsx
index be78991db..5a076f6c4 100644
--- a/components/connections/CanalOficialClient.tsx
+++ b/components/connections/CanalOficialClient.tsx
@@ -33,7 +33,7 @@ function ParaColar({ rotulo, valor }: { rotulo: string; valor: string | null })
         {rotulo}
       </span>
       <div className="flex items-center gap-2">
-        <code className="flex-1 overflow-x-auto rounded bg-muted px-2 py-1.5 text-xs">{valor}</code>
+        <code className="flex-1 overflow-x-auto rounded-md bg-muted px-2 py-1.5 text-xs">{valor}</code>
         <Button
           size="sm"
           variant="outline"
diff --git a/components/connections/CanalParceiroClient.tsx b/components/connections/CanalParceiroClient.tsx
index a2526c861..a99d51cc1 100644
--- a/components/connections/CanalParceiroClient.tsx
+++ b/components/connections/CanalParceiroClient.tsx
@@ -58,7 +58,7 @@ function ParaColar({ rotulo, valor }: { rotulo: string; valor: string }) {
         {rotulo}
       </span>
       <div className="flex items-center gap-2">
-        <code className="flex-1 overflow-x-auto rounded bg-muted px-2 py-1.5 text-xs">{valor}</code>
+        <code className="flex-1 overflow-x-auto rounded-md bg-muted px-2 py-1.5 text-xs">{valor}</code>
         <Button
           size="sm"
           variant="outline"
diff --git a/components/connections/PreviaDaDefinicao.tsx b/components/connections/PreviaDaDefinicao.tsx
index 0aebe6e54..be657fa80 100644
--- a/components/connections/PreviaDaDefinicao.tsx
+++ b/components/connections/PreviaDaDefinicao.tsx
@@ -63,7 +63,7 @@ export function PreviaDaDefinicao({
                 width={320}
                 height={180}
                 unoptimized
-                className="mb-2 h-auto w-full rounded"
+                className="mb-2 h-auto w-full rounded-md"
               />
             )}
             {cabecalho && <p className="mb-1 text-sm font-semibold">{cabecalho}</p>}
diff --git a/components/connections/TemplatesClient.tsx b/components/connections/TemplatesClient.tsx
index aa668d829..6dcfa5cc8 100644
--- a/components/connections/TemplatesClient.tsx
+++ b/components/connections/TemplatesClient.tsx
@@ -39,7 +39,7 @@ function Preview({ preview }: { preview: TemplatePreview }) {
           /^\{\{\w+\}\}$/.test(parte) ? (
             <span
               key={i}
-              className="rounded bg-primary/10 px-1.5 py-0.5 font-mono text-xs font-medium text-primary ring-1 ring-primary/20"
+              className="rounded-md bg-primary/10 px-1.5 py-0.5 font-mono text-xs font-medium text-primary ring-1 ring-primary/20"
             >
               {parte.slice(2, -2)}
             </span>
diff --git a/components/connections/TemplatesParceiroClient.tsx b/components/connections/TemplatesParceiroClient.tsx
index af0ad718f..7fbc94a25 100644
--- a/components/connections/TemplatesParceiroClient.tsx
+++ b/components/connections/TemplatesParceiroClient.tsx
@@ -445,7 +445,7 @@ export function TemplatesParceiroClient() {
                   <span className="font-mono text-sm">{t.name}</span>
                   <span className="text-xs text-muted-foreground">{t.language}</span>
                   {t.category && (
-                    <span className="rounded bg-muted px-1.5 text-[10px] uppercase text-muted-foreground">
+                    <span className="rounded-md bg-muted px-1.5 text-[10px] uppercase text-muted-foreground">
                       {t.category}
                     </span>
                   )}
@@ -490,7 +490,7 @@ export function TemplatesParceiroClient() {
                     {c.botoes.length > 0 && (
                       <div className="flex flex-wrap gap-1">
                         {c.botoes.map((b, i) => (
-                          <span key={i} className="rounded border border-border px-1.5 text-[11px]">
+                          <span key={i} className="rounded-md border border-border px-1.5 text-[11px]">
                             {b.texto} <span className="text-muted-foreground">({b.tipo})</span>
                           </span>
                         ))}
diff --git a/components/contacts/ImportContactsDialog.tsx b/components/contacts/ImportContactsDialog.tsx
index 88bd62550..9a767881d 100644
--- a/components/contacts/ImportContactsDialog.tsx
+++ b/components/contacts/ImportContactsDialog.tsx
@@ -108,26 +108,26 @@ export function ImportContactsDialog({ open, onOpenChange }: Props) {
           {resumo && (
             <div className="space-y-3">
               <div className="flex flex-wrap gap-2 text-sm">
-                <span className="rounded bg-surface px-2 py-1">
+                <span className="rounded-md bg-surface px-2 py-1">
                   {resumo.total_linhas} linha(s) lidas
                 </span>
-                <span className="rounded px-2 py-1 font-medium">
+                <span className="rounded-md px-2 py-1 font-medium">
                   {resumo.imported} importado(s)
                 </span>
                 {resumo.skipped_duplicates > 0 && (
-                  <span className="rounded bg-surface px-2 py-1">
+                  <span className="rounded-md bg-surface px-2 py-1">
                     {resumo.skipped_duplicates} já existente(s)
                   </span>
                 )}
                 {resumo.errors.length > 0 && (
-                  <span className="rounded px-2 py-1 font-medium">
+                  <span className="rounded-md px-2 py-1 font-medium">
                     {resumo.errors.length} com erro
                   </span>
                 )}
               </div>
 
               {resumo.errors.length > 0 && (
-                <div className="max-h-48 space-y-1 overflow-y-auto rounded border border-border p-2 text-sm">
+                <div className="max-h-48 space-y-1 overflow-y-auto rounded-md border border-border p-2 text-sm">
                   {resumo.errors.map((err) => (
                     <p key={err.linha}>
                       Linha {err.linha}: {err.motivo}
diff --git a/components/inbox/CRMSidePanel.tsx b/components/inbox/CRMSidePanel.tsx
index bfe09485f..edcb0eb34 100644
--- a/components/inbox/CRMSidePanel.tsx
+++ b/components/inbox/CRMSidePanel.tsx
@@ -154,7 +154,7 @@ function MarcarProximoPasso({ demandaId, onPronto }: { demandaId: string; onPron
         placeholder="O que acontece a seguir?"
         aria-label="Próximo passo desta demanda"
         data-testid="campo-proximo-passo"
-        className="w-full rounded-md border border-input bg-background px-2 py-1 text-xs focus:outline-none focus:ring-1 focus:ring-ring"
+        className="w-full rounded-md border border-input bg-background px-2 py-1 text-xs focus:outline-hidden focus:ring-1 focus:ring-ring"
       />
       <div className="flex gap-1.5">
         <Button
diff --git a/components/inbox/Composer.tsx b/components/inbox/Composer.tsx
index 1b9b34911..1804c7b67 100644
--- a/components/inbox/Composer.tsx
+++ b/components/inbox/Composer.tsx
@@ -272,7 +272,7 @@ export const Composer = forwardRef<ComposerHandle, Props>(function Composer(
               type="button"
               onClick={onCancelarResposta}
               aria-label={t("Cancelar resposta")}
-              className="rounded p-0.5 text-muted-foreground hover:bg-muted hover:text-foreground"
+              className="rounded-md p-0.5 text-muted-foreground hover:bg-muted hover:text-foreground"
             >
               <X className="size-4" />
             </button>
@@ -339,7 +339,7 @@ export const Composer = forwardRef<ComposerHandle, Props>(function Composer(
             }
             className={cn(
               "min-h-9 max-h-40 flex-1 resize-none rounded-md border border-input bg-background px-3 py-2 text-sm",
-              "placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring",
+              "placeholder:text-muted-foreground focus:outline-hidden focus:ring-1 focus:ring-ring",
             )}
             disabled={mode === "note" ? isDisabled : respostaBarrada}
             aria-label="Mensagem"
diff --git a/components/inbox/InboxLayout.tsx b/components/inbox/InboxLayout.tsx
index 7ec9f891c..e1454fd21 100644
--- a/components/inbox/InboxLayout.tsx
+++ b/components/inbox/InboxLayout.tsx
@@ -261,9 +261,12 @@ export function InboxLayout({ initialSelectedId = null }: InboxLayoutProps = {})
   // parcialmente abaixo da borda, atrapalhando justo na hora de escrever.
   //
   // As duas parcelas NÃO estão na mesma unidade, e por isso o padding entra pelo
-  // token e não como `3rem`: o `tailwind.config.ts` remapeia a escala de spacing
-  // para `var(--space-N)` — `--space-6` é `24px` LITERAL (app/globals.css) —, mas
-  // não remapeia o `14`, que segue sendo `3.5rem` de verdade. Escrever a soma como
+  // token e não como `3rem`: o `@theme inline` de `app/globals.css` remapeia a
+  // escala de spacing para `var(--space-N)` — `--space-6` é `24px` LITERAL —, mas
+  // não remapeia o `14`, que o Tailwind 4 calcula pelo multiplicador `--spacing`
+  // e segue sendo `3.5rem` de verdade. (Até o Tailwind 4 quem remapeava era o
+  // `tailwind.config.ts`; o arquivo não existe mais, o efeito é o mesmo.)
+  // Escrever a soma como
   // `6.5rem` só acerta enquanto a raiz for 16px; com acessibilidade de fonte maior
   // ou menor o composer sai da tela de novo. Pelo token, a conta se auto-corrige
   // se a escala de espaçamento mudar.
diff --git a/components/inbox/JanelaFechadaAviso.tsx b/components/inbox/JanelaFechadaAviso.tsx
index 057b07959..2d98388c2 100644
--- a/components/inbox/JanelaFechadaAviso.tsx
+++ b/components/inbox/JanelaFechadaAviso.tsx
@@ -141,7 +141,7 @@ export function JanelaFechadaAviso({
             aria-label="Modelo aprovado"
             className={cn(
               "h-9 min-w-[16rem] flex-1 rounded-md border border-input bg-background px-2 text-sm",
-              "focus:outline-none focus:ring-1 focus:ring-ring",
+              "focus:outline-hidden focus:ring-1 focus:ring-ring",
             )}
           >
             <option value="">Escolha um modelo aprovado…</option>
diff --git a/components/inbox/MessageBubble.tsx b/components/inbox/MessageBubble.tsx
index 7ae9f9bdf..a394889fd 100644
--- a/components/inbox/MessageBubble.tsx
+++ b/components/inbox/MessageBubble.tsx
@@ -82,7 +82,7 @@ export function MessageBubble({ message, debugCitations, onResponder, citada }:
           onClick={() => onResponder(message)}
           aria-label="Responder a esta mensagem"
           className={cn(
-            "rounded p-1 text-muted-foreground transition-opacity hover:bg-muted",
+            "rounded-md p-1 text-muted-foreground transition-opacity hover:bg-muted",
             // VISÍVEL POR PADRÃO, e escondido só onde EXISTE hover.
             //
             // A primeira versão era `opacity-0` + `group-hover`, copiando o
@@ -124,7 +124,7 @@ export function MessageBubble({ message, debugCitations, onResponder, citada }:
         {citada && (
           <div
             className={cn(
-              "mb-1 rounded border-l-2 px-2 py-1 text-xs",
+              "mb-1 rounded-md border-l-2 px-2 py-1 text-xs",
               isOutbound
                 ? "border-primary-foreground/50 bg-primary-foreground/10"
                 : "border-primary bg-background/60",
@@ -229,7 +229,7 @@ export function MessageBubble({ message, debugCitations, onResponder, citada }:
           onClick={() => onResponder(message)}
           aria-label="Responder a esta mensagem"
           className={cn(
-            "rounded p-1 text-muted-foreground transition-opacity hover:bg-muted",
+            "rounded-md p-1 text-muted-foreground transition-opacity hover:bg-muted",
             // VISÍVEL POR PADRÃO, e escondido só onde EXISTE hover.
             //
             // A primeira versão era `opacity-0` + `group-hover`, copiando o
diff --git a/components/inbox/ShortcutsHelpDialog.tsx b/components/inbox/ShortcutsHelpDialog.tsx
index 820dff2ed..fd23f4482 100644
--- a/components/inbox/ShortcutsHelpDialog.tsx
+++ b/components/inbox/ShortcutsHelpDialog.tsx
@@ -31,7 +31,7 @@ export function ShortcutsHelpDialog({ open, onOpenChange }: Props) {
           {BINDINGS.map((b) => (
             <li key={b.keys} className="flex items-center justify-between">
               <span className="text-muted-foreground">{b.description}</span>
-              <kbd className="rounded border border-border bg-muted px-2 py-0.5 font-mono text-xs">
+              <kbd className="rounded-md border border-border bg-muted px-2 py-0.5 font-mono text-xs">
                 {b.keys}
               </kbd>
             </li>
diff --git a/components/kanban/ConversaSlot.tsx b/components/kanban/ConversaSlot.tsx
index 2144dae15..b04208fa1 100644
--- a/components/kanban/ConversaSlot.tsx
+++ b/components/kanban/ConversaSlot.tsx
@@ -44,7 +44,7 @@ export function ConversaSlot({ conversa }: { conversa: Lead["conversa"] }) {
       onClick={(e: MouseEvent) => e.stopPropagation()}
       onPointerDown={(e: MouseEvent) => e.stopPropagation()}
       className={cn(
-        "group/conversa mt-1 flex items-center gap-1.5 rounded px-1 py-0.5 text-[11px]",
+        "group/conversa mt-1 flex items-center gap-1.5 rounded-md px-1 py-0.5 text-[11px]",
         "text-text-muted transition-colors hover:bg-muted hover:text-foreground",
       )}
       title="Abrir esta conversa no Inbox"
diff --git a/components/kanban/NextActionSlot.tsx b/components/kanban/NextActionSlot.tsx
index eb4d1d6ea..53fa78fc1 100644
--- a/components/kanban/NextActionSlot.tsx
+++ b/components/kanban/NextActionSlot.tsx
@@ -50,7 +50,7 @@ export function NextActionSlot({
           // trata — "Aprovar" sozinho, lido fora de contexto, não decide nada.
           aria-label={`Aprovar: ${label}`}
           className={cn(
-            "rounded px-1.5 py-0.5 text-[11px] font-medium transition-colors",
+            "rounded-md px-1.5 py-0.5 text-[11px] font-medium transition-colors",
             "bg-accent/10 text-accent hover:bg-accent/20",
             "disabled:opacity-50",
           )}
@@ -63,7 +63,7 @@ export function NextActionSlot({
           onClick={(e) => decide(e, "dismiss")}
           aria-label={`Ignorar: ${label}`}
           className={cn(
-            "rounded px-1.5 py-0.5 text-[11px] transition-colors",
+            "rounded-md px-1.5 py-0.5 text-[11px] transition-colors",
             "text-text-muted hover:bg-surface-muted hover:text-text",
             "disabled:opacity-50",
           )}
diff --git a/components/kanban/ReactivationSlot.tsx b/components/kanban/ReactivationSlot.tsx
index 880253841..5134355bf 100644
--- a/components/kanban/ReactivationSlot.tsx
+++ b/components/kanban/ReactivationSlot.tsx
@@ -65,7 +65,7 @@ export function ReactivationSlot({
           onClick={(e) => decide(e, "accept")}
           aria-label="Retomar contato com este negócio"
           className={cn(
-            "rounded px-1.5 py-0.5 text-[11px] font-medium transition-colors",
+            "rounded-md px-1.5 py-0.5 text-[11px] font-medium transition-colors",
             "bg-warning-fg/10 text-warning-fg hover:bg-warning-fg/20",
             "disabled:opacity-50",
           )}
@@ -81,7 +81,7 @@ export function ReactivationSlot({
           // de negócio esquecido.
           aria-label="Encerrar: não retomar este negócio"
           className={cn(
-            "rounded px-1.5 py-0.5 text-[11px] transition-colors",
+            "rounded-md px-1.5 py-0.5 text-[11px] transition-colors",
             "text-text-muted hover:bg-surface-muted hover:text-text",
             "disabled:opacity-50",
           )}
diff --git a/components/kanban/ScoreSlot.tsx b/components/kanban/ScoreSlot.tsx
index 9ce06254c..a5c59bfcf 100644
--- a/components/kanban/ScoreSlot.tsx
+++ b/components/kanban/ScoreSlot.tsx
@@ -54,7 +54,7 @@ export function ScoreSlot({ probability, band, reason, factors }: ScoreSlotProps
           // O rótulo acessível carrega o número E a faixa: "72%" lido sozinho
           // não diz se é bom ou ruim para quem não vê a barra.
           aria-label={`Probabilidade ${probability}%, ${bandLabel(band)}. Ver o porquê.`}
-          className="flex min-w-0 items-center gap-2 rounded text-left"
+          className="flex min-w-0 items-center gap-2 rounded-md text-left"
         >
           <span
             className="h-[3px] w-16 shrink-0 overflow-hidden rounded-full bg-border"
diff --git a/components/shell/CommandPalette.tsx b/components/shell/CommandPalette.tsx
index 5caf7785a..577854caa 100644
--- a/components/shell/CommandPalette.tsx
+++ b/components/shell/CommandPalette.tsx
@@ -110,7 +110,7 @@ function Resultados({ aoEscolher }: { aoEscolher: () => void }) {
           onChange={(e) => aoDigitar(e.target.value)}
           onKeyDown={aoTeclar}
           placeholder="Buscar telas do sistema…"
-          className="h-12 w-full bg-transparent text-sm outline-none placeholder:text-muted-foreground"
+          className="h-12 w-full bg-transparent text-sm outline-hidden placeholder:text-muted-foreground"
         />
       </div>
 
diff --git a/components/shell/SearchTrigger.tsx b/components/shell/SearchTrigger.tsx
index ae37a5b55..2262c9ed6 100644
--- a/components/shell/SearchTrigger.tsx
+++ b/components/shell/SearchTrigger.tsx
@@ -22,7 +22,7 @@ export function SearchTrigger() {
       >
         <MagnifyingGlass size={14} aria-hidden />
         <span className="hidden md:inline">Buscar...</span>
-        <kbd className="ml-2 hidden md:inline rounded border bg-muted px-1.5 py-0.5 text-[10px]">⌘K</kbd>
+        <kbd className="ml-2 hidden md:inline rounded-md border bg-muted px-1.5 py-0.5 text-[10px]">⌘K</kbd>
       </Button>
       <CommandPalette open={open} onOpenChange={setOpen} />
     </>
diff --git a/components/ui/badge.tsx b/components/ui/badge.tsx
index 2e92f88d4..fb577ec47 100644
--- a/components/ui/badge.tsx
+++ b/components/ui/badge.tsx
@@ -13,7 +13,7 @@ const badgeVariants = cva(
     "inline-flex items-center gap-1 rounded-full border px-3 py-0.5",
     "text-xs font-medium leading-5",
     "transition-colors duration-fast ease-out",
-    "focus:outline-none focus-visible:ring-2 focus-visible:ring-accent-500 focus-visible:ring-offset-2",
+    "focus:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-500 focus-visible:ring-offset-2",
   ].join(" "),
   {
     variants: {
diff --git a/components/ui/button.tsx b/components/ui/button.tsx
index fd6264e10..97b47e1dd 100644
--- a/components/ui/button.tsx
+++ b/components/ui/button.tsx
@@ -21,7 +21,7 @@ const buttonVariants = cva(
     "rounded-sm font-medium",
     "transition-[background-color,border-color,color,box-shadow,transform]",
     "duration-fast ease-out",
-    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-500 focus-visible:ring-offset-2 focus-visible:ring-offset-bg",
+    "focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-500 focus-visible:ring-offset-2 focus-visible:ring-offset-bg",
     "disabled:pointer-events-none disabled:opacity-50",
     "[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
     "active:translate-y-px",
diff --git a/components/ui/dialog.tsx b/components/ui/dialog.tsx
index 1647513ec..07571405a 100644
--- a/components/ui/dialog.tsx
+++ b/components/ui/dialog.tsx
@@ -44,7 +44,7 @@ const DialogContent = React.forwardRef<
       {...props}
     >
       {children}
-      <DialogPrimitive.Close className="absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground">
+      <DialogPrimitive.Close className="absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground">
         <X className="h-4 w-4" />
         <span className="sr-only">Close</span>
       </DialogPrimitive.Close>
diff --git a/components/ui/dropdown-menu.tsx b/components/ui/dropdown-menu.tsx
index 5a20503b5..68e32a852 100644
--- a/components/ui/dropdown-menu.tsx
+++ b/components/ui/dropdown-menu.tsx
@@ -27,7 +27,7 @@ const DropdownMenuSubTrigger = React.forwardRef<
   <DropdownMenuPrimitive.SubTrigger
     ref={ref}
     className={cn(
-      "flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+      "flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden focus:bg-accent data-[state=open]:bg-accent [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
       inset && "pl-8",
       className
     )}
@@ -84,7 +84,7 @@ const DropdownMenuItem = React.forwardRef<
   <DropdownMenuPrimitive.Item
     ref={ref}
     className={cn(
-      "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0",
+      "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0",
       inset && "pl-8",
       className
     )}
@@ -100,7 +100,7 @@ const DropdownMenuCheckboxItem = React.forwardRef<
   <DropdownMenuPrimitive.CheckboxItem
     ref={ref}
     className={cn(
-      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-hidden transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
       className
     )}
     checked={checked}
@@ -124,7 +124,7 @@ const DropdownMenuRadioItem = React.forwardRef<
   <DropdownMenuPrimitive.RadioItem
     ref={ref}
     className={cn(
-      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-hidden transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
       className
     )}
     {...props}
diff --git a/components/ui/input.tsx b/components/ui/input.tsx
index c471b1728..e003bcac4 100644
--- a/components/ui/input.tsx
+++ b/components/ui/input.tsx
@@ -12,7 +12,7 @@ const Input = React.forwardRef<HTMLInputElement, React.ComponentProps<"input">>(
           "text-sm text-text placeholder:text-text-muted",
           "transition-[border-color,box-shadow] duration-fast ease-out",
           "hover:border-border-strong",
-          "focus-visible:outline-none focus-visible:border-accent-500 focus-visible:ring-2 focus-visible:ring-accent-soft",
+          "focus-visible:outline-hidden focus-visible:border-accent-500 focus-visible:ring-2 focus-visible:ring-accent-soft",
           "file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-text",
           "disabled:cursor-not-allowed disabled:opacity-55",
           "aria-[invalid=true]:border-error aria-[invalid=true]:focus-visible:ring-error-bg",
diff --git a/components/ui/popover.tsx b/components/ui/popover.tsx
index 70a28f661..80a295dc6 100644
--- a/components/ui/popover.tsx
+++ b/components/ui/popover.tsx
@@ -21,7 +21,7 @@ const PopoverContent = React.forwardRef<
       align={align}
       sideOffset={sideOffset}
       className={cn(
-        "z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-popover-content-transform-origin]",
+        "z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-hidden data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-popover-content-transform-origin]",
         className
       )}
       {...props}
diff --git a/components/ui/select.tsx b/components/ui/select.tsx
index 6e637f7dc..d98be5072 100644
--- a/components/ui/select.tsx
+++ b/components/ui/select.tsx
@@ -19,7 +19,7 @@ const SelectTrigger = React.forwardRef<
   <SelectPrimitive.Trigger
     ref={ref}
     className={cn(
-      "flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
+      "flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background data-[placeholder]:text-muted-foreground focus:outline-hidden focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
       className
     )}
     {...props}
@@ -118,7 +118,7 @@ const SelectItem = React.forwardRef<
   <SelectPrimitive.Item
     ref={ref}
     className={cn(
-      "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
       className
     )}
     {...props}
diff --git a/components/ui/sheet.tsx b/components/ui/sheet.tsx
index 272cb721e..6f9634299 100644
--- a/components/ui/sheet.tsx
+++ b/components/ui/sheet.tsx
@@ -64,7 +64,7 @@ const SheetContent = React.forwardRef<
       className={cn(sheetVariants({ side }), className)}
       {...props}
     >
-      <SheetPrimitive.Close className="absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary">
+      <SheetPrimitive.Close className="absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary">
         <X className="h-4 w-4" />
         <span className="sr-only">Close</span>
       </SheetPrimitive.Close>
diff --git a/components/ui/switch.tsx b/components/ui/switch.tsx
index 5f4117f0f..884956fa4 100644
--- a/components/ui/switch.tsx
+++ b/components/ui/switch.tsx
@@ -11,7 +11,7 @@ const Switch = React.forwardRef<
 >(({ className, ...props }, ref) => (
   <SwitchPrimitives.Root
     className={cn(
-      "peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",
+      "peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",
       className
     )}
     {...props}
diff --git a/components/ui/tabs.tsx b/components/ui/tabs.tsx
index 263410cc2..555ddcaac 100644
--- a/components/ui/tabs.tsx
+++ b/components/ui/tabs.tsx
@@ -39,7 +39,7 @@ const TabsTrigger = React.forwardRef<
   <TabsPrimitive.Trigger
     ref={ref}
     className={cn(
-      "inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow",
+      "inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow",
       className
     )}
     {...props}
@@ -54,7 +54,7 @@ const TabsContent = React.forwardRef<
   <TabsPrimitive.Content
     ref={ref}
     className={cn(
-      "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+      "mt-2 ring-offset-background focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
       className
     )}
     {...props}
diff --git a/components/ui/textarea.tsx b/components/ui/textarea.tsx
index 1e4ed69a2..ff3a82f10 100644
--- a/components/ui/textarea.tsx
+++ b/components/ui/textarea.tsx
@@ -13,7 +13,7 @@ const Textarea = React.forwardRef<
         "text-sm leading-relaxed text-text placeholder:text-text-muted",
         "transition-[border-color,box-shadow] duration-fast ease-out",
         "hover:border-border-strong",
-        "focus-visible:outline-none focus-visible:border-accent-500 focus-visible:ring-2 focus-visible:ring-accent-soft",
+        "focus-visible:outline-hidden focus-visible:border-accent-500 focus-visible:ring-2 focus-visible:ring-accent-soft",
         "disabled:cursor-not-allowed disabled:opacity-55",
         "aria-[invalid=true]:border-error aria-[invalid=true]:focus-visible:ring-error-bg",
         className,
diff --git a/docs/design-system/01-foundation-tokens.md b/docs/design-system/01-foundation-tokens.md
index 3d56312a8..c0e914858 100644
--- a/docs/design-system/01-foundation-tokens.md
+++ b/docs/design-system/01-foundation-tokens.md
@@ -111,7 +111,10 @@ Definidas em `:root` por `app/design/lib/variant-context.tsx` ou `app/globals.cs
 
 ### 2. Tailwind classes (preferido em componentes React)
 
-Mapeadas em `tailwind.config.ts` para consumir as mesmas CSS vars:
+Mapeadas no bloco `@theme inline` de `app/globals.css` para consumir as mesmas
+CSS vars. (Era `tailwind.config.ts` até o Tailwind 4; o arquivo não existe
+mais — a ponte token → utilitário vive no próprio CSS, logo abaixo dos blocos
+`:root` / `[data-theme]`.)
 
 ```tsx
 <div className="p-5 rounded-sm border border-border shadow-sm transition-colors duration-150 ease-[cubic-bezier(0.2,0,0,1)]">
diff --git a/docs/design-system/03-typography.md b/docs/design-system/03-typography.md
index f543d3723..c0d3d32f3 100644
--- a/docs/design-system/03-typography.md
+++ b/docs/design-system/03-typography.md
@@ -140,7 +140,7 @@ Outro exemplo: **header de view**.
 ## Como consumir em código
 
 ```tsx
-// Tailwind (mapeado em tailwind.config.ts → theme.fontSize)
+// Tailwind (mapeado no `@theme inline` de app/globals.css)
 <h1 className="text-display-md font-bold tracking-tight">Inbox</h1>
 <p className="text-body-sm text-muted">42 abertas</p>
 <span className="font-mono text-mono-data tabular-nums">#12.443</span>
diff --git a/docs/design-system/screen-flow/07-responsive-strategy.md b/docs/design-system/screen-flow/07-responsive-strategy.md
index dc727ae3a..371818a30 100644
--- a/docs/design-system/screen-flow/07-responsive-strategy.md
+++ b/docs/design-system/screen-flow/07-responsive-strategy.md
@@ -19,7 +19,9 @@ date: 2026-04-28
 | `tablet` | 768–1023px | "stacked" — layouts mudam |
 | `mobile` | 360–767px | atendente em deslocamento; somente leitura/quick-reply em algumas telas |
 
-Tailwind: `lg:` ≥1024, `xl:` ≥1280, `2xl:` ≥1536. Customizar `screens` no `tailwind.config.ts` se necessário pra tablet preciso.
+Tailwind: `lg:` ≥1024, `xl:` ≥1280, `2xl:` ≥1536. Para um ponto de corte próprio
+de tablet, declare `--breakpoint-<nome>` no `@theme inline` de `app/globals.css`
+(no Tailwind 4 não há mais `screens` em config JS).
 
 ## Princípios
 
diff --git a/docs/testing/user-journey-map.md b/docs/testing/user-journey-map.md
index b6ec7a6eb..4098adcd8 100644
--- a/docs/testing/user-journey-map.md
+++ b/docs/testing/user-journey-map.md
@@ -848,3 +848,39 @@ Toda spec que usa o helper sobe o teto (240 s em quatro delas, 90 s em uma) —
 isso não está escrito em lugar nenhum, e quem adota o helper sem subir o teto vê
 dois testes alheios estourarem sem call log de locator. Se você for adotar o
 helper numa spec nova: `test.describe.configure({ timeout: 120_000 })`.
+
+## A migração para o Tailwind 4 mudou 252 classes que ninguém sabia estarem mortas (2026-08-26)
+
+Origem: subir `tailwindcss` de 3.4 para 4, com o config saindo do
+`tailwind.config.ts` (deletado) para um `@theme inline` em `app/globals.css`.
+
+**O achado que a migração destapou.** No v3, um modificador de opacidade sobre
+cor declarada como `var(--…)` sem o marcador `<alpha-value>` fazia o Tailwind
+**não emitir a regra** — a classe simplesmente não existia no CSS, em silêncio.
+Todo token deste produto é `var(--color-*)`, então **62 classes distintas em 252
+usos** eram letra morta: `bg-destructive/10` num aviso de erro não pintava fundo
+nenhum, `border-destructive/30` caía na cor neutra da regra global de borda,
+`text-muted-foreground/60` herdava a cor do pai. O v4 resolve opacidade por
+`color-mix()`, que funciona com qualquer cor — então **as 252 passaram a pintar
+o que quem escreveu queria desde o começo**.
+
+Medido com o v3 real, e não deduzido: um `tailwindcss@3.4.19` de descarte,
+alimentado com 7 classes, emitiu **4** — nenhuma das 3 com barra.
+
+| caso | prioridade | estado |
+|---|---|---|
+| Tokens resolvem em claro e escuro depois do `@theme inline` | `[P0]` | **PASS**, medido por `getComputedStyle` em `tests/sonda-tailwind-4.ts`: `--color-bg` = `#faf9f6` claro / `#161510` escuro, e `body` acompanha |
+| A auto-referência do `@theme inline` (`--color-bg: var(--color-bg)`) não vence o `:root` autoral | `[P0]` | **PASS.** A teoria é de cascata (sem layer vence layer); a medida é a linha acima. Congelado em `tests/unit/tailwind-tokens.test.ts`, que reprova se alguém embrulhar `:root` num `@layer` |
+| `class="border"` sem cor continua na cor de borda do produto, e não em `currentColor` | `[P0]` | **PASS**: `rgb(231,227,218)` (claro) e `rgb(51,49,42)` (escuro) — os dois são o `--color-border` do tema |
+| As classes de opacidade revividas pintam de verdade | `[P1]` | **PASS parcial**: `bg-muted/40` medido em elemento real do onboarding, com alfa `0.4` nos dois temas. As outras 61 estão no CSS construído, mas **não foram medidas uma a uma na tela** |
+| Onboarding completo (6 passos) em claro e escuro, instalação fresca | `[P0]` | **PASS**, 0 erro de console. Capturas em `evidence/tailwind-4/` |
+| Telas internas (`/app`, kanban, inbox, contatos) | — | **NÃO COBERTO.** Numa instalação fresca todas redirecionam para `/onboarding/welcome`; alcançá-las pede concluir o onboarding, o que pede WAHA e chave de IA. A sonda registra o redirecionamento em vez de fingir cobertura |
+| O efeito visual das 252 revividas foi *revisto por um designer* | — | **NÃO MEDIDO.** A migração provou que passaram a pintar; não provou que cada uma pinta o que a tela precisa. Onde a intenção original estava errada, o erro agora está visível |
+
+**Armadilha que custou duas medições falsas.** Sonda que injeta `<div
+class="p-7">` por JavaScript não mede nada: a classe nunca esteve na fonte, o
+scanner nunca a viu, e o zero medido é artefato da sonda. Pelo mesmo motivo, o
+primeiro elemento com `class="border"` da tela de login é o `<input>`
+autofocado — ele casa `focus-visible:border-accent-500` e devolve a cor do
+foco. A sonda só mede elemento real, e pula elemento em foco e elemento que já
+traga classe de cor própria.
diff --git a/evidence/tailwind-4/01-login-claro.png b/evidence/tailwind-4/01-login-claro.png
new file mode 100644
index 000000000..1562de9dc
Binary files /dev/null and b/evidence/tailwind-4/01-login-claro.png differ
diff --git a/evidence/tailwind-4/01-login-escuro.png b/evidence/tailwind-4/01-login-escuro.png
new file mode 100644
index 000000000..a9745a3ed
Binary files /dev/null and b/evidence/tailwind-4/01-login-escuro.png differ
diff --git a/evidence/tailwind-4/02-onboarding-welcome-claro.png b/evidence/tailwind-4/02-onboarding-welcome-claro.png
new file mode 100644
index 000000000..279db00ba
Binary files /dev/null and b/evidence/tailwind-4/02-onboarding-welcome-claro.png differ
diff --git a/evidence/tailwind-4/02-onboarding-welcome-escuro.png b/evidence/tailwind-4/02-onboarding-welcome-escuro.png
new file mode 100644
index 000000000..e3e5b423d
Binary files /dev/null and b/evidence/tailwind-4/02-onboarding-welcome-escuro.png differ
diff --git a/evidence/tailwind-4/03-onboarding-funil-claro.png b/evidence/tailwind-4/03-onboarding-funil-claro.png
new file mode 100644
index 000000000..440a44193
Binary files /dev/null and b/evidence/tailwind-4/03-onboarding-funil-claro.png differ
diff --git a/evidence/tailwind-4/03-onboarding-funil-escuro.png b/evidence/tailwind-4/03-onboarding-funil-escuro.png
new file mode 100644
index 000000000..2d5584282
Binary files /dev/null and b/evidence/tailwind-4/03-onboarding-funil-escuro.png differ
diff --git a/evidence/tailwind-4/04-onboarding-equipe-claro.png b/evidence/tailwind-4/04-onboarding-equipe-claro.png
new file mode 100644
index 000000000..6447acd59
Binary files /dev/null and b/evidence/tailwind-4/04-onboarding-equipe-claro.png differ
diff --git a/evidence/tailwind-4/04-onboarding-equipe-escuro.png b/evidence/tailwind-4/04-onboarding-equipe-escuro.png
new file mode 100644
index 000000000..93584db17
Binary files /dev/null and b/evidence/tailwind-4/04-onboarding-equipe-escuro.png differ
diff --git a/evidence/tailwind-4/05-onboarding-ia-claro.png b/evidence/tailwind-4/05-onboarding-ia-claro.png
new file mode 100644
index 000000000..be0bfd646
Binary files /dev/null and b/evidence/tailwind-4/05-onboarding-ia-claro.png differ
diff --git a/evidence/tailwind-4/05-onboarding-ia-escuro.png b/evidence/tailwind-4/05-onboarding-ia-escuro.png
new file mode 100644
index 000000000..e0c0ad564
Binary files /dev/null and b/evidence/tailwind-4/05-onboarding-ia-escuro.png differ
diff --git a/evidence/tailwind-4/06-onboarding-whatsapp-claro.png b/evidence/tailwind-4/06-onboarding-whatsapp-claro.png
new file mode 100644
index 000000000..39f6dabb1
Binary files /dev/null and b/evidence/tailwind-4/06-onboarding-whatsapp-claro.png differ
diff --git a/evidence/tailwind-4/06-onboarding-whatsapp-escuro.png b/evidence/tailwind-4/06-onboarding-whatsapp-escuro.png
new file mode 100644
index 000000000..c86450cdd
Binary files /dev/null and b/evidence/tailwind-4/06-onboarding-whatsapp-escuro.png differ
diff --git a/evidence/tailwind-4/07-conta-claro.png b/evidence/tailwind-4/07-conta-claro.png
new file mode 100644
index 000000000..279db00ba
Binary files /dev/null and b/evidence/tailwind-4/07-conta-claro.png differ
diff --git a/evidence/tailwind-4/07-conta-escuro.png b/evidence/tailwind-4/07-conta-escuro.png
new file mode 100644
index 000000000..e3e5b423d
Binary files /dev/null and b/evidence/tailwind-4/07-conta-escuro.png differ
diff --git a/evidence/tailwind-4/08-seguranca-claro.png b/evidence/tailwind-4/08-seguranca-claro.png
new file mode 100644
index 000000000..279db00ba
Binary files /dev/null and b/evidence/tailwind-4/08-seguranca-claro.png differ
diff --git a/evidence/tailwind-4/08-seguranca-escuro.png b/evidence/tailwind-4/08-seguranca-escuro.png
new file mode 100644
index 000000000..e3e5b423d
Binary files /dev/null and b/evidence/tailwind-4/08-seguranca-escuro.png differ
diff --git a/evidence/tailwind-4/09-legal-privacidade-claro.png b/evidence/tailwind-4/09-legal-privacidade-claro.png
new file mode 100644
index 000000000..d05b6390e
Binary files /dev/null and b/evidence/tailwind-4/09-legal-privacidade-claro.png differ
diff --git a/evidence/tailwind-4/09-legal-privacidade-escuro.png b/evidence/tailwind-4/09-legal-privacidade-escuro.png
new file mode 100644
index 000000000..c7037d630
Binary files /dev/null and b/evidence/tailwind-4/09-legal-privacidade-escuro.png differ
diff --git a/evidence/tailwind-4/medicoes.json b/evidence/tailwind-4/medicoes.json
new file mode 100644
index 000000000..4fd8ee057
--- /dev/null
+++ b/evidence/tailwind-4/medicoes.json
@@ -0,0 +1,430 @@
+{
+  "tokens/claro": {
+    "--color-bg": "#faf9f6",
+    "--color-surface": "#fff",
+    "--color-surface-elevated": "#f5f3ee",
+    "--color-text": "#1c1a16",
+    "--color-text-muted": "#5d594f",
+    "--color-border": "#e7e3da",
+    "--color-accent": "#506d48",
+    "--color-accent-500": "#67885d",
+    "--color-error": "#a94a3c",
+    "--radius-md": "8px",
+    "--shadow-md": "0 4px 12px -2px #14120e0f, 0 2px 4px -1px #14120e0a",
+    "--space-6": "24px",
+    "--duration-fast": ".12s",
+    "__body_bg": "rgb(250, 249, 246)",
+    "__body_color": "rgb(28, 26, 22)"
+  },
+  "01-login/claro": {
+    "url": "http://localhost:3001/login"
+  },
+  "01-login/escuro": {
+    "tokens": {
+      "--color-bg": "#161510",
+      "--color-surface": "#1d1c17",
+      "--color-surface-elevated": "#272620",
+      "--color-text": "#f5f4ef",
+      "--color-text-muted": "#8e8b7f",
+      "--color-border": "#33312a",
+      "--color-accent": "#82a077",
+      "--color-accent-500": "#67885d",
+      "--color-error": "#c87263",
+      "--radius-md": "8px",
+      "--shadow-md": "0 4px 12px -2px #00000073, 0 2px 4px -1px #0000004d",
+      "--space-6": "24px",
+      "--duration-fast": ".12s",
+      "__body_bg": "rgb(22, 21, 16)",
+      "__body_color": "rgb(245, 244, 239)"
+    }
+  },
+  "02-onboarding-welcome/claro": {
+    "url": "http://localhost:3001/onboarding/welcome",
+    "bg-muted/40": {
+      "ocorrencias": 1,
+      "valor": "oklab(0.9643 0.000209212 0.00699568 / 0.4)",
+      "pinta": true,
+      "temAlfa": true
+    },
+    "border (sem cor)": {
+      "ocorrencias": 1,
+      "valor": "rgb(231, 227, 218)",
+      "corDoToken": "#e7e3da"
+    },
+    "rounded-md": {
+      "valor": "8px"
+    }
+  },
+  "02-onboarding-welcome/escuro": {
+    "tokens": {
+      "--color-bg": "#161510",
+      "--color-surface": "#1d1c17",
+      "--color-surface-elevated": "#272620",
+      "--color-text": "#f5f4ef",
+      "--color-text-muted": "#8e8b7f",
+      "--color-border": "#33312a",
+      "--color-accent": "#82a077",
+      "--color-accent-500": "#67885d",
+      "--color-error": "#c87263",
+      "--radius-md": "8px",
+      "--shadow-md": "0 4px 12px -2px #00000073, 0 2px 4px -1px #0000004d",
+      "--space-6": "24px",
+      "--duration-fast": ".12s",
+      "__body_bg": "rgb(22, 21, 16)",
+      "__body_color": "rgb(245, 244, 239)"
+    },
+    "bg-muted/40": {
+      "ocorrencias": 1,
+      "valor": "oklab(0.267546 -0.00175017 0.0107598 / 0.4)",
+      "pinta": true,
+      "temAlfa": true
+    },
+    "border (sem cor)": {
+      "ocorrencias": 1,
+      "valor": "rgb(51, 49, 42)",
+      "corDoToken": "#33312a"
+    },
+    "rounded-md": {
+      "valor": "8px"
+    }
+  },
+  "03-onboarding-funil/claro": {
+    "url": "http://localhost:3001/onboarding/funil",
+    "bg-muted/40": {
+      "ocorrencias": 1,
+      "valor": "oklab(0.9643 0.000209212 0.00699568 / 0.4)",
+      "pinta": true,
+      "temAlfa": true
+    },
+    "border (sem cor)": {
+      "ocorrencias": 1,
+      "valor": "rgb(231, 227, 218)",
+      "corDoToken": "#e7e3da"
+    },
+    "rounded-md": {
+      "valor": "8px"
+    }
+  },
+  "03-onboarding-funil/escuro": {
+    "tokens": {
+      "--color-bg": "#161510",
+      "--color-surface": "#1d1c17",
+      "--color-surface-elevated": "#272620",
+      "--color-text": "#f5f4ef",
+      "--color-text-muted": "#8e8b7f",
+      "--color-border": "#33312a",
+      "--color-accent": "#82a077",
+      "--color-accent-500": "#67885d",
+      "--color-error": "#c87263",
+      "--radius-md": "8px",
+      "--shadow-md": "0 4px 12px -2px #00000073, 0 2px 4px -1px #0000004d",
+      "--space-6": "24px",
+      "--duration-fast": ".12s",
+      "__body_bg": "rgb(22, 21, 16)",
+      "__body_color": "rgb(245, 244, 239)"
+    },
+    "bg-muted/40": {
+      "ocorrencias": 1,
+      "valor": "oklab(0.267546 -0.00175017 0.0107598 / 0.4)",
+      "pinta": true,
+      "temAlfa": true
+    },
+    "border (sem cor)": {
+      "ocorrencias": 1,
+      "valor": "rgb(51, 49, 42)",
+      "corDoToken": "#33312a"
+    },
+    "rounded-md": {
+      "valor": "8px"
+    }
+  },
+  "04-onboarding-equipe/claro": {
+    "url": "http://localhost:3001/onboarding/invite-team",
+    "bg-muted/40": {
+      "ocorrencias": 1,
+      "valor": "oklab(0.9643 0.000209212 0.00699568 / 0.4)",
+      "pinta": true,
+      "temAlfa": true
+    },
+    "border (sem cor)": {
+      "ocorrencias": 1,
+      "valor": "rgb(231, 227, 218)",
+      "corDoToken": "#e7e3da"
+    },
+    "rounded-md": {
+      "valor": "8px"
+    }
+  },
+  "04-onboarding-equipe/escuro": {
+    "tokens": {
+      "--color-bg": "#161510",
+      "--color-surface": "#1d1c17",
+      "--color-surface-elevated": "#272620",
+      "--color-text": "#f5f4ef",
+      "--color-text-muted": "#8e8b7f",
+      "--color-border": "#33312a",
+      "--color-accent": "#82a077",
+      "--color-accent-500": "#67885d",
+      "--color-error": "#c87263",
+      "--radius-md": "8px",
+      "--shadow-md": "0 4px 12px -2px #00000073, 0 2px 4px -1px #0000004d",
+      "--space-6": "24px",
+      "--duration-fast": ".12s",
+      "__body_bg": "rgb(22, 21, 16)",
+      "__body_color": "rgb(245, 244, 239)"
+    },
+    "bg-muted/40": {
+      "ocorrencias": 1,
+      "valor": "oklab(0.267546 -0.00175017 0.0107598 / 0.4)",
+      "pinta": true,
+      "temAlfa": true
+    },
+    "border (sem cor)": {
+      "ocorrencias": 1,
+      "valor": "rgb(51, 49, 42)",
+      "corDoToken": "#33312a"
+    },
+    "rounded-md": {
+      "valor": "8px"
+    }
+  },
+  "05-onboarding-ia/claro": {
+    "url": "http://localhost:3001/onboarding/setup-ai",
+    "bg-muted/40": {
+      "ocorrencias": 1,
+      "valor": "oklab(0.9643 0.000209212 0.00699568 / 0.4)",
+      "pinta": true,
+      "temAlfa": true
+    },
+    "border (sem cor)": {
+      "ocorrencias": 1,
+      "valor": "rgb(231, 227, 218)",
+      "corDoToken": "#e7e3da"
+    },
+    "rounded-md": {
+      "valor": "8px"
+    }
+  },
+  "05-onboarding-ia/escuro": {
+    "tokens": {
+      "--color-bg": "#161510",
+      "--color-surface": "#1d1c17",
+      "--color-surface-elevated": "#272620",
+      "--color-text": "#f5f4ef",
+      "--color-text-muted": "#8e8b7f",
+      "--color-border": "#33312a",
+      "--color-accent": "#82a077",
+      "--color-accent-500": "#67885d",
+      "--color-error": "#c87263",
+      "--radius-md": "8px",
+      "--shadow-md": "0 4px 12px -2px #00000073, 0 2px 4px -1px #0000004d",
+      "--space-6": "24px",
+      "--duration-fast": ".12s",
+      "__body_bg": "rgb(22, 21, 16)",
+      "__body_color": "rgb(245, 244, 239)"
+    },
+    "bg-muted/40": {
+      "ocorrencias": 1,
+      "valor": "oklab(0.267546 -0.00175017 0.0107598 / 0.4)",
+      "pinta": true,
+      "temAlfa": true
+    },
+    "border (sem cor)": {
+      "ocorrencias": 1,
+      "valor": "rgb(51, 49, 42)",
+      "corDoToken": "#33312a"
+    },
+    "rounded-md": {
+      "valor": "8px"
+    }
+  },
+  "06-onboarding-whatsapp/claro": {
+    "url": "http://localhost:3001/onboarding/connect-whatsapp",
+    "bg-muted/40": {
+      "ocorrencias": 1,
+      "valor": "oklab(0.9643 0.000209212 0.00699568 / 0.4)",
+      "pinta": true,
+      "temAlfa": true
+    },
+    "border (sem cor)": {
+      "ocorrencias": 1,
+      "valor": "rgb(231, 227, 218)",
+      "corDoToken": "#e7e3da"
+    }
+  },
+  "06-onboarding-whatsapp/escuro": {
+    "tokens": {
+      "--color-bg": "#161510",
+      "--color-surface": "#1d1c17",
+      "--color-surface-elevated": "#272620",
+      "--color-text": "#f5f4ef",
+      "--color-text-muted": "#8e8b7f",
+      "--color-border": "#33312a",
+      "--color-accent": "#82a077",
+      "--color-accent-500": "#67885d",
+      "--color-error": "#c87263",
+      "--radius-md": "8px",
+      "--shadow-md": "0 4px 12px -2px #00000073, 0 2px 4px -1px #0000004d",
+      "--space-6": "24px",
+      "--duration-fast": ".12s",
+      "__body_bg": "rgb(22, 21, 16)",
+      "__body_color": "rgb(245, 244, 239)"
+    },
+    "bg-muted/40": {
+      "ocorrencias": 1,
+      "valor": "oklab(0.267546 -0.00175017 0.0107598 / 0.4)",
+      "pinta": true,
+      "temAlfa": true
+    },
+    "border (sem cor)": {
+      "ocorrencias": 1,
+      "valor": "rgb(51, 49, 42)",
+      "corDoToken": "#33312a"
+    }
+  },
+  "07-conta/claro": {
+    "url": "http://localhost:3001/onboarding/welcome",
+    "bg-muted/40": {
+      "ocorrencias": 1,
+      "valor": "oklab(0.9643 0.000209212 0.00699568 / 0.4)",
+      "pinta": true,
+      "temAlfa": true
+    },
+    "border (sem cor)": {
+      "ocorrencias": 1,
+      "valor": "rgb(231, 227, 218)",
+      "corDoToken": "#e7e3da"
+    },
+    "rounded-md": {
+      "valor": "8px"
+    }
+  },
+  "07-conta/escuro": {
+    "tokens": {
+      "--color-bg": "#161510",
+      "--color-surface": "#1d1c17",
+      "--color-surface-elevated": "#272620",
+      "--color-text": "#f5f4ef",
+      "--color-text-muted": "#8e8b7f",
+      "--color-border": "#33312a",
+      "--color-accent": "#82a077",
+      "--color-accent-500": "#67885d",
+      "--color-error": "#c87263",
+      "--radius-md": "8px",
+      "--shadow-md": "0 4px 12px -2px #00000073, 0 2px 4px -1px #0000004d",
+      "--space-6": "24px",
+      "--duration-fast": ".12s",
+      "__body_bg": "rgb(22, 21, 16)",
+      "__body_color": "rgb(245, 244, 239)"
+    },
+    "bg-muted/40": {
+      "ocorrencias": 1,
+      "valor": "oklab(0.267546 -0.00175017 0.0107598 / 0.4)",
+      "pinta": true,
+      "temAlfa": true
+    },
+    "border (sem cor)": {
+      "ocorrencias": 1,
+      "valor": "rgb(51, 49, 42)",
+      "corDoToken": "#33312a"
+    },
+    "rounded-md": {
+      "valor": "8px"
+    }
+  },
+  "08-seguranca/claro": {
+    "url": "http://localhost:3001/onboarding/welcome",
+    "bg-muted/40": {
+      "ocorrencias": 1,
+      "valor": "oklab(0.9643 0.000209212 0.00699568 / 0.4)",
+      "pinta": true,
+      "temAlfa": true
+    },
+    "border (sem cor)": {
+      "ocorrencias": 1,
+      "valor": "rgb(231, 227, 218)",
+      "corDoToken": "#e7e3da"
+    },
+    "rounded-md": {
+      "valor": "8px"
+    }
+  },
+  "08-seguranca/escuro": {
+    "tokens": {
+      "--color-bg": "#161510",
+      "--color-surface": "#1d1c17",
+      "--color-surface-elevated": "#272620",
+      "--color-text": "#f5f4ef",
+      "--color-text-muted": "#8e8b7f",
+      "--color-border": "#33312a",
+      "--color-accent": "#82a077",
+      "--color-accent-500": "#67885d",
+      "--color-error": "#c87263",
+      "--radius-md": "8px",
+      "--shadow-md": "0 4px 12px -2px #00000073, 0 2px 4px -1px #0000004d",
+      "--space-6": "24px",
+      "--duration-fast": ".12s",
+      "__body_bg": "rgb(22, 21, 16)",
+      "__body_color": "rgb(245, 244, 239)"
+    },
+    "bg-muted/40": {
+      "ocorrencias": 1,
+      "valor": "oklab(0.267546 -0.00175017 0.0107598 / 0.4)",
+      "pinta": true,
+      "temAlfa": true
+    },
+    "border (sem cor)": {
+      "ocorrencias": 1,
+      "valor": "rgb(51, 49, 42)",
+      "corDoToken": "#33312a"
+    },
+    "rounded-md": {
+      "valor": "8px"
+    }
+  },
+  "09-legal-privacidade/claro": {
+    "url": "http://localhost:3001/legal/privacy",
+    "bg-muted/40": {
+      "ocorrencias": 1,
+      "valor": "oklab(0.9643 0.000209212 0.00699568 / 0.4)",
+      "pinta": true,
+      "temAlfa": true
+    },
+    "border (sem cor)": {
+      "ocorrencias": 1,
+      "valor": "rgb(231, 227, 218)",
+      "corDoToken": "#e7e3da"
+    }
+  },
+  "09-legal-privacidade/escuro": {
+    "tokens": {
+      "--color-bg": "#161510",
+      "--color-surface": "#1d1c17",
+      "--color-surface-elevated": "#272620",
+      "--color-text": "#f5f4ef",
+      "--color-text-muted": "#8e8b7f",
+      "--color-border": "#33312a",
+      "--color-accent": "#82a077",
+      "--color-accent-500": "#67885d",
+      "--color-error": "#c87263",
+      "--radius-md": "8px",
+      "--shadow-md": "0 4px 12px -2px #00000073, 0 2px 4px -1px #0000004d",
+      "--space-6": "24px",
+      "--duration-fast": ".12s",
+      "__body_bg": "rgb(22, 21, 16)",
+      "__body_color": "rgb(245, 244, 239)"
+    },
+    "bg-muted/40": {
+      "ocorrencias": 1,
+      "valor": "oklab(0.267546 -0.00175017 0.0107598 / 0.4)",
+      "pinta": true,
+      "temAlfa": true
+    },
+    "border (sem cor)": {
+      "ocorrencias": 1,
+      "valor": "rgb(51, 49, 42)",
+      "corDoToken": "#33312a"
+    }
+  },
+  "erros-de-console": []
+}
\ No newline at end of file
diff --git a/package.json b/package.json
index 3de559fa5..cf7c7efcf 100644
--- a/package.json
+++ b/package.json
@@ -90,6 +90,7 @@
   "devDependencies": {
     "@axe-core/playwright": "^4.13.0",
     "@playwright/test": "^1.62.1",
+    "@tailwindcss/postcss": "^4",
     "@testing-library/jest-dom": "^7.0.1",
     "@testing-library/react": "^16.3.2",
     "@testing-library/user-event": "^14.6.5",
@@ -101,14 +102,13 @@
     "@types/react-dom": "^19.2.4",
     "@vercel/config": "^0.6.1",
     "@vitest/coverage-v8": "^4.1.11",
-    "autoprefixer": "^10.5.4",
     "eslint": "^9.12.0",
     "eslint-config-next": "^16.2.10",
     "jsdom": "^30.0.1",
     "postcss": "^8.5.26",
     "prettier": "^3.9.6",
     "prettier-plugin-tailwindcss": "^0.8.1",
-    "tailwindcss": "^3.4.13",
+    "tailwindcss": "^4.3.3",
     "tsx": "^4.23.12",
     "typescript": "^6.0.3",
     "typescript-eslint": "^8.67.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 43477902e..0c8ec6d56 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -185,6 +185,9 @@ importers:
       '@playwright/test':
         specifier: ^1.62.1
         version: 1.62.1
+      '@tailwindcss/postcss':
+        specifier: ^4
+        version: 4.3.3
       '@testing-library/jest-dom':
         specifier: ^7.0.1
         version: 7.0.1(@testing-library/dom@10.4.1)(vitest@4.1.11)
@@ -218,15 +221,12 @@ importers:
       '@vitest/coverage-v8':
         specifier: ^4.1.11
         version: 4.1.11(vitest@4.1.11)
-      autoprefixer:
-        specifier: ^10.5.4
-        version: 10.5.4(postcss@8.5.26)
       eslint:
         specifier: ^9.12.0
-        version: 9.39.5(jiti@1.21.7)
+        version: 9.39.5(jiti@2.7.0)
       eslint-config-next:
         specifier: ^16.2.10
-        version: 16.2.10(@typescript-eslint/parser@8.67.0(eslint@9.39.5(jiti@1.21.7))(typescript@6.0.3))(eslint@9.39.5(jiti@1.21.7))(typescript@6.0.3)
+        version: 16.2.10(@typescript-eslint/parser@8.67.0(eslint@9.39.5(jiti@2.7.0))(typescript@6.0.3))(eslint@9.39.5(jiti@2.7.0))(typescript@6.0.3)
       jsdom:
         specifier: ^30.0.1
         version: 30.0.1(@noble/hashes@1.8.0)
@@ -240,8 +240,8 @@ importers:
         specifier: ^0.8.1
         version: 0.8.1(prettier@3.9.6)
       tailwindcss:
-        specifier: ^3.4.13
-        version: 3.4.19(tsx@4.23.12)
+        specifier: ^4.3.3
+        version: 4.3.3
       tsx:
         specifier: ^4.23.12
         version: 4.23.12
@@ -250,13 +250,13 @@ importers:
         version: 6.0.3
       typescript-eslint:
         specifier: ^8.67.0
-        version: 8.67.0(eslint@9.39.5(jiti@1.21.7))(typescript@6.0.3)
+        version: 8.67.0(eslint@9.39.5(jiti@2.7.0))(typescript@6.0.3)
       vite:
         specifier: ^8.2.1
-        version: 8.2.1(@types/node@22.20.1)(esbuild@0.28.2)(jiti@1.21.7)(terser@5.50.0)(tsx@4.23.12)
+        version: 8.2.1(@types/node@22.20.1)(esbuild@0.28.2)(jiti@2.7.0)(terser@5.50.0)(tsx@4.23.12)
       vitest:
         specifier: ^4.1.11
-        version: 4.1.11(@opentelemetry/api@1.9.1)(@types/node@22.20.1)(@vitest/coverage-v8@4.1.11)(jsdom@30.0.1(@noble/hashes@1.8.0))(vite@8.2.1(@types/node@22.20.1)(esbuild@0.28.2)(jiti@1.21.7)(terser@5.50.0)(tsx@4.23.12))
+        version: 4.1.11(@opentelemetry/api@1.9.1)(@types/node@22.20.1)(@vitest/coverage-v8@4.1.11)(jsdom@30.0.1(@noble/hashes@1.8.0))(vite@8.2.1(@types/node@22.20.1)(esbuild@0.28.2)(jiti@2.7.0)(terser@5.50.0)(tsx@4.23.12))
 
 packages:
 
@@ -2146,6 +2146,94 @@ packages:
   '@swc/helpers@0.5.23':
     resolution: {integrity: sha512-5lSsMOTXURePglDfvuAQUqkGek9Hg2kksOYay2m0+XR++b2NWYL/4sWyuvVBIs8oKnJaxkdi9whaL/sqN13afw==}
 
+  '@tailwindcss/node@4.3.3':
+    resolution: {integrity: sha512-/T8IKEsf9VTU6tLjgC7+sv2mOPtQxzE2jMw7u4Tt40Tx+QSZxpzh95/H6cMKoja9XuW7iMdLJYBB0o9G1CaAgg==}
+
+  '@tailwindcss/oxide-android-arm64@4.3.3':
+    resolution: {integrity: sha512-Y85A2gmPSkl5Ve5qR86GL4HT509cFqQh1aes9p3sSkyTPwt0Pppf3GkwGe4JPACcRYjgJIEhQgM6dBClnr0NYw==}
+    engines: {node: '>= 20'}
+    cpu: [arm64]
+    os: [android]
+
+  '@tailwindcss/oxide-darwin-arm64@4.3.3':
+    resolution: {integrity: sha512-BiaWatpBcERQFDlOjRDpIVXuFK5PJez5SA4JMg6VYZdBYU+qKfV/vqjcIs+IYmtitf1xYQZTwXvU/8y4lfZUGw==}
+    engines: {node: '>= 20'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@tailwindcss/oxide-darwin-x64@4.3.3':
+    resolution: {integrity: sha512-fAeUqfV5ndhxRwai8cXGzdLvul9utWOmeTkv69unv4ZXixjn61Z+p9lCWdwOwA3TYboG3BwdVuN/RDjhBRl0mw==}
+    engines: {node: '>= 20'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@tailwindcss/oxide-freebsd-x64@4.3.3':
+    resolution: {integrity: sha512-iyf5bV6+wnAlflVeEy7R25dupxTNECZN5QMI0qNT6eT+EgaGdZcKhGkr5SdoaWiLJ3spLqIY9VCeSGrwmtg4kw==}
+    engines: {node: '>= 20'}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@tailwindcss/oxide-linux-arm-gnueabihf@4.3.3':
+    resolution: {integrity: sha512-aAYUprJAJQWWbRrPvtjdroZ56Md+JM8pMiopS6xGEwDfLhqj+2ver2p4nU4Mb3CRqcMmNBjo8KkUgcxhkzVQGQ==}
+    engines: {node: '>= 20'}
+    cpu: [arm]
+    os: [linux]
+
+  '@tailwindcss/oxide-linux-arm64-gnu@4.3.3':
+    resolution: {integrity: sha512-nDxldcEENOxZRzC2uu9jrutZdAAQtb+8WWDCSnWL1zvBk1+FN+x6MtDViPB5AJMfttVCUhehGWus3XBPgatM/w==}
+    engines: {node: '>= 20'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@tailwindcss/oxide-linux-arm64-musl@4.3.3':
+    resolution: {integrity: sha512-Md44bD6veX/PC5iyF8cDVnw4HBIANZepRZZ7a8DQOvkfo5WUBwcp6iAuCUz23u+4SUkhJlD3eL7hNdW8ezd/kA==}
+    engines: {node: '>= 20'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@tailwindcss/oxide-linux-x64-gnu@4.3.3':
+    resolution: {integrity: sha512-tx7us1muwOKAKWao2v/GaafFeQboE6aj88vC6ziN2NCGcRm8gWUhwjzg+YdVB1e4boAtdtma4L43onunI6NS4w==}
+    engines: {node: '>= 20'}
+    cpu: [x64]
+    os: [linux]
+
+  '@tailwindcss/oxide-linux-x64-musl@4.3.3':
+    resolution: {integrity: sha512-SJxX60smvHgasZoBy11dX6YRjXJFovwWBoedhbQPOBzgFWBHGB+TVPWB9BxzR7TTxU8FQZAI2AyiNCMzFm8Img==}
+    engines: {node: '>= 20'}
+    cpu: [x64]
+    os: [linux]
+
+  '@tailwindcss/oxide-wasm32-wasi@4.3.3':
+    resolution: {integrity: sha512-jx1+rPhY/5Ympkktd656HBWEBLxP7dH06losBLjjf5vgCODXvi9KhtftWcMIwTFIDqBr7cRnQkdLnAG+IOlGvQ==}
+    engines: {node: '>=14.0.0'}
+    cpu: [wasm32]
+    bundledDependencies:
+      - '@napi-rs/wasm-runtime'
+      - '@emnapi/core'
+      - '@emnapi/runtime'
+      - '@tybys/wasm-util'
+      - '@emnapi/wasi-threads'
+      - tslib
+
+  '@tailwindcss/oxide-win32-arm64-msvc@4.3.3':
+    resolution: {integrity: sha512-3rc292Ca2ceK6Ulcc/bAVnTs/3nDtoPhyEKlgPv+yQJQi/JS/AMJlqzxvlDacL1nekbrcf6bTqp/jV4qgnPxNQ==}
+    engines: {node: '>= 20'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@tailwindcss/oxide-win32-x64-msvc@4.3.3':
+    resolution: {integrity: sha512-yJ0pwIVc/nYeGoV02WtsN8KYyLQv7kyI2wDnkezyJlGGjkd4QLwDGAwl47YpPJeuI0M0ObaXGSPjvWDPeTPggw==}
+    engines: {node: '>= 20'}
+    cpu: [x64]
+    os: [win32]
+
+  '@tailwindcss/oxide@4.3.3':
+    resolution: {integrity: sha512-krXjAikiaFSPaK/FkAQT5UTx3VormQaiZ5hBFlJZ9UFQGB/rwg1MZIhHAG9smMQRTdyJxP6Qt5MwMtdyU5FWrA==}
+    engines: {node: '>= 20'}
+
+  '@tailwindcss/postcss@4.3.3':
+    resolution: {integrity: sha512-JTSZZGQi1AyKirbLN3azmjVzef92tcX7h+iSqPdaeStyFpGpDlKvvpxeOE8njhbUanbRwr3z8DyzhICWnMtQeg==}
+
   '@tanstack/query-core@5.101.4':
     resolution: {integrity: sha512-gNwcvOJcRbLWPOLG/2OBm+zM+Yv+MKsXKEOWC57USuZDEsI71hEErQsiEGx5wX9rzWWkfwM0fVSPoiIFSsxfiw==}
 
@@ -2676,16 +2764,6 @@ packages:
     resolution: {integrity: sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==}
     engines: {node: '>=10'}
 
-  any-promise@1.3.0:
-    resolution: {integrity: sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==}
-
-  anymatch@3.1.3:
-    resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==}
-    engines: {node: '>= 8'}
-
-  arg@5.0.2:
-    resolution: {integrity: sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==}
-
   argparse@2.0.1:
     resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==}
 
@@ -2750,13 +2828,6 @@ packages:
     resolution: {integrity: sha512-hsU18Ae8CDTR6Kgu9DYf0EbCr/a5iGL0rytQDobUcdpYOKokk8LEjVphnXkDkgpi0wYVsqrXuP0bZxJaTqdgoA==}
     engines: {node: '>= 0.4'}
 
-  autoprefixer@10.5.4:
-    resolution: {integrity: sha512-MaU0U/za7N3r6brxD4YB/l4NSrFzLPlANv6wEuQVaIPlD3L4W9rFcQPbL/EilY9BHhHvhfcz3gInDLrEtWT4EA==}
-    engines: {node: ^10 || ^12 || >=14}
-    hasBin: true
-    peerDependencies:
-      postcss: ^8.5.26
-
   available-typed-arrays@1.0.7:
     resolution: {integrity: sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==}
     engines: {node: '>= 0.4'}
@@ -2791,10 +2862,6 @@ packages:
   bidi-js@1.0.3:
     resolution: {integrity: sha512-RKshQI1R3YQ+n9YJz2QQ147P66ELpa1FQEg20Dk8oW9t2KgLbpDLLp9aGZ7y8WHSshDknG0bknqGw5/tyCs5tw==}
 
-  binary-extensions@2.3.0:
-    resolution: {integrity: sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==}
-    engines: {node: '>=8'}
-
   body-parser@2.3.0:
     resolution: {integrity: sha512-2cGmJupaNgg+QUwVLAucDuWuoMZ6EX9iHDRswZ5lsNYEmwPaRknMPCLZz07yTzVq/83p4o/wzbDZbBrTvGGTIw==}
     engines: {node: '>=18'}
@@ -2813,11 +2880,6 @@ packages:
   brotli@1.3.3:
     resolution: {integrity: sha512-oTKjJdShmDuGW94SyyaoQvAjf30dZaHnjJ8uAF+u2/vGJkJbJPJAT1gDiOJP5v1Zb6f9KEyW/1HpuaWIXtGHPg==}
 
-  browserslist@4.28.6:
-    resolution: {integrity: sha512-FQBYNK15VMslhLHpA7+n+n1GOlF1kId2xcCg7/j95f24AOF6VDYMNH4mFxF7KuaTdv627faazpOAjFzMrfJOUw==}
-    engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
-    hasBin: true
-
   browserslist@4.28.8:
     resolution: {integrity: sha512-V2NpofLblG64mfOtSgDhOJESZEGogzDMBv/q+W6oc4LXWP/q75eOXoOaaOu1EOadB9U4Bwx/e0yzbvwKH8zalA==}
     engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
@@ -2846,17 +2908,10 @@ packages:
     resolution: {integrity: sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==}
     engines: {node: '>=6'}
 
-  camelcase-css@2.0.1:
-    resolution: {integrity: sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==}
-    engines: {node: '>= 6'}
-
   camelcase@5.3.1:
     resolution: {integrity: sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==}
     engines: {node: '>=6'}
 
-  caniuse-lite@1.0.30001806:
-    resolution: {integrity: sha512-72Cuvd95zbSYPKq6Fhg8eDJRlzgWDf7/mtoZv6Qe/DYNCEBdNxoA3+rZAU2ZhGCpZlns3EssFavaZomckT5Uuw==}
-
   caniuse-lite@1.0.30001809:
     resolution: {integrity: sha512-xxWVywk6a6Arlk+hymeycyn/VgqEfLDxupvhH/xiY5SJ/18kmi9o6MiO320DCUzypORHLtvh0I4i04tUhCNHNQ==}
 
@@ -2868,10 +2923,6 @@ packages:
     resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==}
     engines: {node: '>=10'}
 
-  chokidar@3.6.0:
-    resolution: {integrity: sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==}
-    engines: {node: '>= 8.10.0'}
-
   chrome-trace-event@1.0.4:
     resolution: {integrity: sha512-rNjApaLzuwaOTjCiT8lSDdGN1APCiqkChLMJxJPWLunPAt5fy8xgU9/jNOchV84wfIxrA0lRQB7oCT8jrn/wrQ==}
     engines: {node: '>=6.0'}
@@ -2921,10 +2972,6 @@ packages:
   commander@2.20.3:
     resolution: {integrity: sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==}
 
-  commander@4.1.1:
-    resolution: {integrity: sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==}
-    engines: {node: '>= 6'}
-
   commondir@1.0.1:
     resolution: {integrity: sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg==}
 
@@ -2976,11 +3023,6 @@ packages:
   css.escape@1.5.1:
     resolution: {integrity: sha512-YUifsXXuknHlUsmlgyY0PKzgPOr7/FjCePfHNt0jxm83wHZi44VDMQ7/fGNkjY3/jV1MC+1CmZbaHzugyeRtpg==}
 
-  cssesc@3.0.0:
-    resolution: {integrity: sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==}
-    engines: {node: '>=4'}
-    hasBin: true
-
   csstype@3.2.3:
     resolution: {integrity: sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==}
 
@@ -3128,9 +3170,6 @@ packages:
   dfa@1.2.0:
     resolution: {integrity: sha512-ED3jP8saaweFTjeGX8HQPjeC1YYyZs98jGNZx6IiBvxW7JG5v492kamAQB3m2wop07CvU/RQmzcKr6bgcC5D/Q==}
 
-  didyoumean@1.2.2:
-    resolution: {integrity: sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==}
-
   diff-sequences@29.6.3:
     resolution: {integrity: sha512-EjePK1srD3P08o2j4f0ExnylqRs5B9tJjcp9t1krH2qRi8CCdsYfwe9JgSLurFBWwq4uOlipzfk5fHNvwFKr8Q==}
     engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
@@ -3138,9 +3177,6 @@ packages:
   dijkstrajs@1.0.3:
     resolution: {integrity: sha512-qiSlmBq9+BCdCA/L46dw8Uy93mloxsPSbwnm5yrKn2vMPiy8KyAskTF6zuV/j5BMsmOGZDPs7KjU+mjb670kfA==}
 
-  dlv@1.1.3:
-    resolution: {integrity: sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==}
-
   doctrine@2.1.0:
     resolution: {integrity: sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==}
     engines: {node: '>=0.10.0'}
@@ -3166,9 +3202,6 @@ packages:
   ee-first@1.1.1:
     resolution: {integrity: sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==}
 
-  electron-to-chromium@1.5.393:
-    resolution: {integrity: sha512-kiDJdIUawuEIcp9XoICKp1iTYDEbgguIPq526N1Q7jIQDeQ3CqoMx71025PI/7E48Ddtw2HuWsVjY7afEgNxmg==}
-
   electron-to-chromium@1.5.407:
     resolution: {integrity: sha512-4R8XgQOdfxexCd/u63lRm6wCHjECwI45MV9wxAs2ggtfWe2hwlo1ql97jKsju2IcJ+jFSTwBssyYoiWhh7mauQ==}
 
@@ -3444,10 +3477,6 @@ packages:
     resolution: {integrity: sha512-kNFPyjhh5cKjrUltxs+wFx+ZkbRaxxmZ+X0ZU31SOsxCEtP9VPgtq2teZw1DebupL5GmDaNQ6yKMMVcM41iqDg==}
     engines: {node: '>=8.6.0'}
 
-  fast-glob@3.3.3:
-    resolution: {integrity: sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==}
-    engines: {node: '>=8.6.0'}
-
   fast-json-stable-stringify@2.1.0:
     resolution: {integrity: sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==}
 
@@ -3513,9 +3542,6 @@ packages:
     resolution: {integrity: sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==}
     engines: {node: '>= 0.6'}
 
-  fraction.js@5.3.4:
-    resolution: {integrity: sha512-1X1NTtiJphryn/uLQz3whtY6jK3fTqoE3ohKs0tT+Ujr1W59oopxmoEh7Lu5p6vBaPbgoM0bzveAW4Qi5RyWDQ==}
-
   fresh@2.0.0:
     resolution: {integrity: sha512-Rx/WycZ60HOaqLKAi6cHRKKI7zxWbJ31MhntmtwMoaTeF7XFH9hhBp8vITaMidfljRQ6eYWCKkaTK+ykVJHP2A==}
     engines: {node: '>= 0.8'}
@@ -3732,10 +3758,6 @@ packages:
     resolution: {integrity: sha512-n4ZT37wG78iz03xPRKJrHTdZbe3IicyucEtdRsV5yglwc3GyUfbAfpSeD0FJ41NbUNSt5wbhqfp1fS+BgnvDFQ==}
     engines: {node: '>= 0.4'}
 
-  is-binary-path@2.1.0:
-    resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==}
-    engines: {node: '>=8'}
-
   is-boolean-object@1.2.2:
     resolution: {integrity: sha512-wa56o2/ElJMYqjCjGkXri7it5FbebW5usLw/nPmCMs5DeZ7eziSYZhSmPRn0txqeW4LnAmQQU7FgqLpsEFKM4A==}
     engines: {node: '>= 0.4'}
@@ -3896,8 +3918,8 @@ packages:
     resolution: {integrity: sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==}
     engines: {node: '>= 10.13.0'}
 
-  jiti@1.21.7:
-    resolution: {integrity: sha512-/imKNG4EbWNrVjoNC/1H5/9GFy+tqjGBHCaSsN+P2RnPqjsLmv6UD3Ej+Kj8nBWaRAwyk7kK5ZUc+OEatnTR3A==}
+  jiti@2.7.0:
+    resolution: {integrity: sha512-AC/7JofJvZGrrneWNaEnJeOLUx+JlGt7tNa0wZiRPT4MY1wmfKjt2+6O2p2uz2+skll8OZZmJMNqeke7kKbNgQ==}
     hasBin: true
 
   jose@6.2.7:
@@ -3975,86 +3997,149 @@ packages:
     resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==}
     engines: {node: '>= 0.8.0'}
 
+  lightningcss-android-arm64@1.32.0:
+    resolution: {integrity: sha512-YK7/ClTt4kAK0vo6w3X+Pnm0D2cf2vPHbhOXdoNti1Ga0al1P4TBZhwjATvjNwLEBCnKvjJc2jQgHXH0NEwlAg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [android]
+
   lightningcss-android-arm64@1.33.0:
     resolution: {integrity: sha512-gEpRTalKdosp4Bb8qWtc2iOgE5SeIHlpS1up9bFq2wAyYhl1UdTObYiHe98zEM9SQvSoqQZ1IQD0JNpg3Ml5pg==}
     engines: {node: '>= 12.0.0'}
     cpu: [arm64]
     os: [android]
 
+  lightningcss-darwin-arm64@1.32.0:
+    resolution: {integrity: sha512-RzeG9Ju5bag2Bv1/lwlVJvBE3q6TtXskdZLLCyfg5pt+HLz9BqlICO7LZM7VHNTTn/5PRhHFBSjk5lc4cmscPQ==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [darwin]
+
   lightningcss-darwin-arm64@1.33.0:
     resolution: {integrity: sha512-Sciaz8eenNTKn9b3t7+xr0ipTp9YxKQY4npwQ3mrRuL0BAVHBLyZxofhaKBAVtzmtRZ/zTyo0/to4B1uWG/Djg==}
     engines: {node: '>= 12.0.0'}
     cpu: [arm64]
     os: [darwin]
 
+  lightningcss-darwin-x64@1.32.0:
+    resolution: {integrity: sha512-U+QsBp2m/s2wqpUYT/6wnlagdZbtZdndSmut/NJqlCcMLTWp5muCrID+K5UJ6jqD2BFshejCYXniPDbNh73V8w==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [darwin]
+
   lightningcss-darwin-x64@1.33.0:
     resolution: {integrity: sha512-Z5UPAxzrjlWNNyGy6i65cJzzvgJ5D3T6wMvs+gWpY9d7qRhANrxqAp6LhxIgZhWEw18RfJTGcRxjuLIBr+m8XQ==}
     engines: {node: '>= 12.0.0'}
     cpu: [x64]
     os: [darwin]
 
+  lightningcss-freebsd-x64@1.32.0:
+    resolution: {integrity: sha512-JCTigedEksZk3tHTTthnMdVfGf61Fky8Ji2E4YjUTEQX14xiy/lTzXnu1vwiZe3bYe0q+SpsSH/CTeDXK6WHig==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [freebsd]
+
   lightningcss-freebsd-x64@1.33.0:
     resolution: {integrity: sha512-QQM/Ti/hQajJwCY+RiWuCZ9sdtI/XQk7nDK5vC8kkdwixezOlDgvDx7+RT+QjK6FcFT4MpsuoBnHIo/O3StRRg==}
     engines: {node: '>= 12.0.0'}
     cpu: [x64]
     os: [freebsd]
 
+  lightningcss-linux-arm-gnueabihf@1.32.0:
+    resolution: {integrity: sha512-x6rnnpRa2GL0zQOkt6rts3YDPzduLpWvwAF6EMhXFVZXD4tPrBkEFqzGowzCsIWsPjqSK+tyNEODUBXeeVHSkw==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm]
+    os: [linux]
+
   lightningcss-linux-arm-gnueabihf@1.33.0:
     resolution: {integrity: sha512-N7FVBe6iS24MlM6R/4RBTxGhQheZGs7tiQ9U32UtF75NzP5Q7xWPRqLBCKxlRQRk3rY1jCIPLzx7WzOhuUIRLQ==}
     engines: {node: '>= 12.0.0'}
     cpu: [arm]
     os: [linux]
 
+  lightningcss-linux-arm64-gnu@1.32.0:
+    resolution: {integrity: sha512-0nnMyoyOLRJXfbMOilaSRcLH3Jw5z9HDNGfT/gwCPgaDjnx0i8w7vBzFLFR1f6CMLKF8gVbebmkUN3fa/kQJpQ==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [linux]
+
   lightningcss-linux-arm64-gnu@1.33.0:
     resolution: {integrity: sha512-j2v/itmy4HlNxlc6voKXYgBqNi0Ng2LShg4z7GufpEgs05P+2suBVyi9I6YHq5uoVFx9ETin3eCEhLVyXGQnKg==}
     engines: {node: '>= 12.0.0'}
     cpu: [arm64]
     os: [linux]
 
+  lightningcss-linux-arm64-musl@1.32.0:
+    resolution: {integrity: sha512-UpQkoenr4UJEzgVIYpI80lDFvRmPVg6oqboNHfoH4CQIfNA+HOrZ7Mo7KZP02dC6LjghPQJeBsvXhJod/wnIBg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [linux]
+
   lightningcss-linux-arm64-musl@1.33.0:
     resolution: {integrity: sha512-yiO5ROMuYQgXbC60yjZU5CYSFZGKXL0HFATXt9mHJn1+zW55oCtMI9NfcVhYLMFDL7gV7oBPon/EmMMGg2OvtQ==}
     engines: {node: '>= 12.0.0'}
     cpu: [arm64]
     os: [linux]
 
+  lightningcss-linux-x64-gnu@1.32.0:
+    resolution: {integrity: sha512-V7Qr52IhZmdKPVr+Vtw8o+WLsQJYCTd8loIfpDaMRWGUZfBOYEJeyJIkqGIDMZPwPx24pUMfwSxxI8phr/MbOA==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [linux]
+
   lightningcss-linux-x64-gnu@1.33.0:
     resolution: {integrity: sha512-ar+Ju7LmcN0Jo4FpL4hpFybwNG9/3A/Br5KW2n2jyODg3MEZXaDYADdemoNS+BDNfMgKvylJLj4S5tyRActuAg==}
     engines: {node: '>= 12.0.0'}
     cpu: [x64]
     os: [linux]
 
+  lightningcss-linux-x64-musl@1.32.0:
+    resolution: {integrity: sha512-bYcLp+Vb0awsiXg/80uCRezCYHNg1/l3mt0gzHnWV9XP1W5sKa5/TCdGWaR/zBM2PeF/HbsQv/j2URNOiVuxWg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [linux]
+
   lightningcss-linux-x64-musl@1.33.0:
     resolution: {integrity: sha512-RYiYbkokw0trfKqqzfF55lginwEPrD3OJDfTuJzFs1MK6iFnDenaz1fqLLtX4ITG3OktJQXOeTaw1awrBAlZPw==}
     engines: {node: '>= 12.0.0'}
     cpu: [x64]
     os: [linux]
 
+  lightningcss-win32-arm64-msvc@1.32.0:
+    resolution: {integrity: sha512-8SbC8BR40pS6baCM8sbtYDSwEVQd4JlFTOlaD3gWGHfThTcABnNDBda6eTZeqbofalIJhFx0qKzgHJmcPTnGdw==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [win32]
+
   lightningcss-win32-arm64-msvc@1.33.0:
     resolution: {integrity: sha512-1K+MPfLSFVpphzpdbfkhlWk6wBrTObBzS2T6db10PNOZgR9GoVsAWzwNyuhUYYbTp23j+4RrncfujZ4uAzXvwA==}
     engines: {node: '>= 12.0.0'}
     cpu: [arm64]
     os: [win32]
 
+  lightningcss-win32-x64-msvc@1.32.0:
+    resolution: {integrity: sha512-Amq9B/SoZYdDi1kFrojnoqPLxYhQ4Wo5XiL8EVJrVsB8ARoC1PWW6VGtT0WKCemjy8aC+louJnjS7U18x3b06Q==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [win32]
+
   lightningcss-win32-x64-msvc@1.33.0:
     resolution: {integrity: sha512-OlEICDx/Xl0FqSp4bry8zFnCvGpig3Gl4gCquvYwHuqJKEC1+n9NgDniFvqHGmMv1ZkqDJrDqKKSykTDX+ehuA==}
     engines: {node: '>= 12.0.0'}
     cpu: [x64]
     os: [win32]
 
+  lightningcss@1.32.0:
+    resolution: {integrity: sha512-NXYBzinNrblfraPGyrbPoD19C1h9lfI/1mzgWYvXUTe414Gz/X1FD2XBZSZM7rRTrMA8JL3OtAaGifrIKhQ5yQ==}
+    engines: {node: '>= 12.0.0'}
+
   lightningcss@1.33.0:
     resolution: {integrity: sha512-WkUDrojuJs0xkgGf2udWxa3yGBRxPtxUkB79i6aCZLRgc7PM8fZe9TosfPDcvEpQZbuFASnHYmRLBLUbmLOIIA==}
     engines: {node: '>= 12.0.0'}
 
-  lilconfig@3.1.3:
-    resolution: {integrity: sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw==}
-    engines: {node: '>=14'}
-
   linebreak@1.1.0:
     resolution: {integrity: sha512-MHp03UImeVhB7XZtjd0E4n6+3xr5Dq/9xI/5FptGk5FrbDR3zagPa2DS6U8ks/3HjbKWG9Q1M2ufOzxV2qLYSQ==}
 
-  lines-and-columns@1.2.4:
-    resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==}
-
   loader-runner@4.3.2:
     resolution: {integrity: sha512-DFEqQ3ihfS9blba08cLfYf1NRAIEm+dDjic073DRDc3/JspI/8wYmtDsHwd3+4hwvdxSK7PGaElfTmm0awWJ4w==}
     engines: {node: '>=6.11.5'}
@@ -4208,9 +4293,6 @@ packages:
   ms@2.1.3:
     resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==}
 
-  mz@2.7.0:
-    resolution: {integrity: sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==}
-
   nanoid@3.3.18:
     resolution: {integrity: sha512-DTg4MJbGMWkfi6VZFdNt2/caMbQy4Ou+Op/hJQvGEWcnVfoA1QA+xzRKAzw9jD6+GVOOeYr/mIcuDSdug6F6+w==}
     engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
@@ -4271,18 +4353,10 @@ packages:
       encoding:
         optional: true
 
-  node-releases@2.0.51:
-    resolution: {integrity: sha512-wRNIrw4DmVLKQlbgOMdkMx27Wrpzes2hh5Jtbi2bjPd+4wJstWIqP5A+lscnqbm0xxmT5Bpg8Lec5ItEBwx6BQ==}
-    engines: {node: '>=18'}
-
   node-releases@2.0.53:
     resolution: {integrity: sha512-D9UOmYG3UH1V+ENW56t5QXBwJw1YEY18ruVeus89Rw+SyIgjPkCO84bRzO3uNIYosJbNwiabWVn48o3uJLjxFQ==}
     engines: {node: '>=18'}
 
-  normalize-path@3.0.0:
-    resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
-    engines: {node: '>=0.10.0'}
-
   normalize-svg-path@1.1.0:
     resolution: {integrity: sha512-r9KHKG2UUeB5LoTouwDzBy2VxXlHsiM6fyLQvnJa0S5hrhzqElH/CH7TUGhT1fVvIYBIKf3OpY4YJ4CK+iaqHg==}
 
@@ -4290,10 +4364,6 @@ packages:
     resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
     engines: {node: '>=0.10.0'}
 
-  object-hash@3.0.0:
-    resolution: {integrity: sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==}
-    engines: {node: '>= 6'}
-
   object-inspect@1.13.4:
     resolution: {integrity: sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==}
     engines: {node: '>= 0.4'}
@@ -4451,14 +4521,6 @@ packages:
     resolution: {integrity: sha512-RvwwcruNjI1ncT5xRakeyS9Lf8lcItv34KD+aif+VH9kduAyfYBipGh12274xtenIPZ119/R9BdTBa8gAwSh0A==}
     engines: {node: '>=12'}
 
-  pify@2.3.0:
-    resolution: {integrity: sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==}
-    engines: {node: '>=0.10.0'}
-
-  pirates@4.0.7:
-    resolution: {integrity: sha512-TfySrs/5nm8fQJDcBDuUng3VOUKsd7S+zqvbOTiGXHfxX4wK31ard+hoNuvkicM/2YFzlpDgABOevKSsB4G/FA==}
-    engines: {node: '>= 6'}
-
   pkce-challenge@5.0.1:
     resolution: {integrity: sha512-wQ0b/W4Fr01qtpHlqSqspcj3EhBvimsdh0KlHhH8HRZnMsEa0ea2fTULOXOS9ccQr3om+GcGRk4e+isrZWV8qQ==}
     engines: {node: '>=16.20.0'}
@@ -4487,46 +4549,6 @@ packages:
   postal-mime@2.7.5:
     resolution: {integrity: sha512-GNEXKvWFQnbgO5NlrGzVa0FmWzBZ24PersAWErttSg1Hjpf0ATxTwS5DOMGaOpTG6bUh5cTr7xi0jAD942wCJA==}
 
-  postcss-import@15.1.0:
-    resolution: {integrity: sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==}
-    engines: {node: '>=14.0.0'}
-    peerDependencies:
-      postcss: ^8.5.26
-
-  postcss-js@4.1.0:
-    resolution: {integrity: sha512-oIAOTqgIo7q2EOwbhb8UalYePMvYoIeRY2YKntdpFQXNosSu3vLrniGgmH9OKs/qAkfoj5oB3le/7mINW1LCfw==}
-    engines: {node: ^12 || ^14 || >= 16}
-    peerDependencies:
-      postcss: ^8.5.26
-
-  postcss-load-config@6.0.1:
-    resolution: {integrity: sha512-oPtTM4oerL+UXmx+93ytZVN82RrlY/wPUV8IeDxFrzIjXOLF1pN+EmKPLbubvKHT2HC20xXsCAH2Z+CKV6Oz/g==}
-    engines: {node: '>= 18'}
-    peerDependencies:
-      jiti: '>=1.21.0'
-      postcss: ^8.5.26
-      tsx: ^4.8.1
-      yaml: ^2.4.2
-    peerDependenciesMeta:
-      jiti:
-        optional: true
-      postcss:
-        optional: true
-      tsx:
-        optional: true
-      yaml:
-        optional: true
-
-  postcss-nested@6.2.0:
-    resolution: {integrity: sha512-HQbt28KulC5AJzG+cZtj9kvKB93CFCdLvog1WFLf1D+xmMvPGlBstkpTEZfK5+AN9hfJocyBFCNiqyS48bpgzQ==}
-    engines: {node: '>=12.0'}
-    peerDependencies:
-      postcss: ^8.5.26
-
-  postcss-selector-parser@6.1.4:
-    resolution: {integrity: sha512-bIoJLOmjCO1S9XdY/DcnR5hJxvrDir1PbGChrzXG3vw0/FOliy/fA3dmdhQ441kah4gKv+TwckGzex6wNS5cnQ==}
-    engines: {node: '>=4'}
-
   postcss-value-parser@4.2.0:
     resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==}
 
@@ -4745,13 +4767,6 @@ packages:
     resolution: {integrity: sha512-PWaYA1L/q9u2u7xYQi+Y3L3Yfnie7XyLeaJICV1MGD6LprsBxcAqGjYyr0eY3p+QdsA+x/Irkt4Qif8D63+Sbw==}
     engines: {node: '>=0.10.0'}
 
-  read-cache@1.0.0:
-    resolution: {integrity: sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==}
-
-  readdirp@3.6.0:
-    resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==}
-    engines: {node: '>=8.10.0'}
-
   recharts@3.10.1:
     resolution: {integrity: sha512-QXFrvt6IVcw7eeZCoyXTwkIJAX3Dv1nyVhMicXJ47GsGDDpcN8z6o644DibE9XjpBTThtsomLKnTV6lc+cVFUA==}
     engines: {node: '>=18'}
@@ -4814,11 +4829,6 @@ packages:
   resolve-pkg-maps@1.0.0:
     resolution: {integrity: sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==}
 
-  resolve@1.22.12:
-    resolution: {integrity: sha512-TyeJ1zif53BPfHootBGwPRYT1RUt6oGWsaQr8UyZW/eAm9bKoijtvruSDEmZHm92CwS9nj7/fWttqPCgzep8CA==}
-    engines: {node: '>= 0.4'}
-    hasBin: true
-
   resolve@2.0.0-next.7:
     resolution: {integrity: sha512-tqt+NBWwyaMgw3zDsnygx4CByWjQEJHOPMdslYhppaQSJUtL/D4JO9CcBBlhPoI8lz9oJIDXkwXfhF4aWqP8xQ==}
     engines: {node: '>= 0.4'}
@@ -5070,11 +5080,6 @@ packages:
       babel-plugin-macros:
         optional: true
 
-  sucrase@3.35.1:
-    resolution: {integrity: sha512-DhuTmvZWux4H1UOnWMB3sk0sbaCVOoQZjv8u1rDoTV0HTdGem9hkAZtl4JZy8P2z4Bg0nT+YMeOFyVr4zcG5Tw==}
-    engines: {node: '>=16 || 14 >=14.17'}
-    hasBin: true
-
   supports-color@7.2.0:
     resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==}
     engines: {node: '>=8'}
@@ -5096,10 +5101,8 @@ packages:
   tailwind-merge@3.6.0:
     resolution: {integrity: sha512-uxL7qAVQriqRQPAyK3pj66VqskWqoZ37PW94jwOTwNfq/z9oyu1V+eqrZqtR2+fCiXdYOZe/Modt8GtvqNzu+w==}
 
-  tailwindcss@3.4.19:
-    resolution: {integrity: sha512-3ofp+LL8E+pK/JuPLPggVAIaEuhvIz4qNcf3nA1Xn2o/7fb7s/TYpHhwGDv1ZU3PkBluUVaF8PyCHcm48cKLWQ==}
-    engines: {node: '>=14.0.0'}
-    hasBin: true
+  tailwindcss@4.3.3:
+    resolution: {integrity: sha512-gOhV3P7ufE62QDGg1zVaTgCR+EtPv92k2nIhVcVKcLmxT1sUBsQGhnZj175j+MqRt4zLF7ic+sCYjfhxMxj7YQ==}
 
   tapable@2.3.3:
     resolution: {integrity: sha512-uxc/zpqFg6x7C8vOE7lh6Lbda8eEL9zmVm/PLeTPBRhh1xCgdWaQ+J1CUieGpIfm2HdtsUpRv+HshiasBMcc6A==}
@@ -5110,13 +5113,6 @@ packages:
     engines: {node: '>=10'}
     hasBin: true
 
-  thenify-all@1.6.0:
-    resolution: {integrity: sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==}
-    engines: {node: '>=0.8'}
-
-  thenify@3.3.1:
-    resolution: {integrity: sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==}
-
   timestring@6.0.0:
     resolution: {integrity: sha512-wMctrWD2HZZLuIlchlkE2dfXJh7J2KDI9Dwl+2abPYg0mswQHfOAyQW3jJg1pY5VfttSINZuKcXoB3FGypVklA==}
     engines: {node: '>=8'}
@@ -5174,9 +5170,6 @@ packages:
     peerDependencies:
       typescript: '>=4.8.4'
 
-  ts-interface-checker@0.1.13:
-    resolution: {integrity: sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==}
-
   tsconfig-paths@3.15.0:
     resolution: {integrity: sha512-2Ac2RgzDe/cn48GvOe3M+o82pEFewD3UPbyoUHHdKasHwJKjds4fLXWf/Ux5kATBKN20oaFGu+jbElp1pos0mg==}
 
@@ -5259,12 +5252,6 @@ packages:
   unrs-resolver@1.12.2:
     resolution: {integrity: sha512-dmlRxBJJayXjqTwC+JtF1HhJmgf3ftQ3YejFcZrf4+KKtJv0qDsK1pjqaaVjG7wJ5NJ6UVP1OqRMQ71Z4C3rxQ==}
 
-  update-browserslist-db@1.2.3:
-    resolution: {integrity: sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w==}
-    hasBin: true
-    peerDependencies:
-      browserslist: '>= 4.21.0'
-
   update-browserslist-db@1.3.1:
     resolution: {integrity: sha512-ZZ61DsRsOnakl74HAmp3oSN4aXUmEWXf+i/yv0h7tIBfICc3VdrFErQKUUKPgu3AMsTUMbcongALEN4l6GSUrQ==}
     hasBin: true
@@ -5887,14 +5874,14 @@ snapshots:
   '@esbuild/win32-x64@0.28.2':
     optional: true
 
-  '@eslint-community/eslint-utils@4.10.1(eslint@9.39.5(jiti@1.21.7))':
+  '@eslint-community/eslint-utils@4.10.1(eslint@9.39.5(jiti@2.7.0))':
     dependencies:
-      eslint: 9.39.5(jiti@1.21.7)
+      eslint: 9.39.5(jiti@2.7.0)
       eslint-visitor-keys: 3.4.3
 
-  '@eslint-community/eslint-utils@4.9.1(eslint@9.39.5(jiti@1.21.7))':
+  '@eslint-community/eslint-utils@4.9.1(eslint@9.39.5(jiti@2.7.0))':
     dependencies:
-      eslint: 9.39.5(jiti@1.21.7)
+      eslint: 9.39.5(jiti@2.7.0)
       eslint-visitor-keys: 3.4.3
 
   '@eslint-community/regexpp@4.12.2': {}
@@ -7288,6 +7275,75 @@ snapshots:
     dependencies:
       tslib: 2.8.1
 
+  '@tailwindcss/node@4.3.3':
+    dependencies:
+      '@jridgewell/remapping': 2.3.5
+      enhanced-resolve: 5.24.5
+      jiti: 2.7.0
+      lightningcss: 1.32.0
+      magic-string: 0.30.21
+      source-map-js: 1.2.1
+      tailwindcss: 4.3.3
+
+  '@tailwindcss/oxide-android-arm64@4.3.3':
+    optional: true
+
+  '@tailwindcss/oxide-darwin-arm64@4.3.3':
+    optional: true
+
+  '@tailwindcss/oxide-darwin-x64@4.3.3':
+    optional: true
+
+  '@tailwindcss/oxide-freebsd-x64@4.3.3':
+    optional: true
+
+  '@tailwindcss/oxide-linux-arm-gnueabihf@4.3.3':
+    optional: true
+
+  '@tailwindcss/oxide-linux-arm64-gnu@4.3.3':
+    optional: true
+
+  '@tailwindcss/oxide-linux-arm64-musl@4.3.3':
+    optional: true
+
+  '@tailwindcss/oxide-linux-x64-gnu@4.3.3':
+    optional: true
+
+  '@tailwindcss/oxide-linux-x64-musl@4.3.3':
+    optional: true
+
+  '@tailwindcss/oxide-wasm32-wasi@4.3.3':
+    optional: true
+
+  '@tailwindcss/oxide-win32-arm64-msvc@4.3.3':
+    optional: true
+
+  '@tailwindcss/oxide-win32-x64-msvc@4.3.3':
+    optional: true
+
+  '@tailwindcss/oxide@4.3.3':
+    optionalDependencies:
+      '@tailwindcss/oxide-android-arm64': 4.3.3
+      '@tailwindcss/oxide-darwin-arm64': 4.3.3
+      '@tailwindcss/oxide-darwin-x64': 4.3.3
+      '@tailwindcss/oxide-freebsd-x64': 4.3.3
+      '@tailwindcss/oxide-linux-arm-gnueabihf': 4.3.3
+      '@tailwindcss/oxide-linux-arm64-gnu': 4.3.3
+      '@tailwindcss/oxide-linux-arm64-musl': 4.3.3
+      '@tailwindcss/oxide-linux-x64-gnu': 4.3.3
+      '@tailwindcss/oxide-linux-x64-musl': 4.3.3
+      '@tailwindcss/oxide-wasm32-wasi': 4.3.3
+      '@tailwindcss/oxide-win32-arm64-msvc': 4.3.3
+      '@tailwindcss/oxide-win32-x64-msvc': 4.3.3
+
+  '@tailwindcss/postcss@4.3.3':
+    dependencies:
+      '@alloc/quick-lru': 5.2.0
+      '@tailwindcss/node': 4.3.3
+      '@tailwindcss/oxide': 4.3.3
+      postcss: 8.5.26
+      tailwindcss: 4.3.3
+
   '@tanstack/query-core@5.101.4': {}
 
   '@tanstack/query-devtools@5.101.4': {}
@@ -7332,7 +7388,7 @@ snapshots:
       picocolors: 1.1.1
       redent: 3.0.0
     optionalDependencies:
-      vitest: 4.1.11(@opentelemetry/api@1.9.1)(@types/node@22.20.1)(@vitest/coverage-v8@4.1.11)(jsdom@30.0.1(@noble/hashes@1.8.0))(vite@8.2.1(@types/node@22.20.1)(esbuild@0.28.2)(jiti@1.21.7)(terser@5.50.0)(tsx@4.23.12))
+      vitest: 4.1.11(@opentelemetry/api@1.9.1)(@types/node@22.20.1)(@vitest/coverage-v8@4.1.11)(jsdom@30.0.1(@noble/hashes@1.8.0))(vite@8.2.1(@types/node@22.20.1)(esbuild@0.28.2)(jiti@2.7.0)(terser@5.50.0)(tsx@4.23.12))
 
   '@testing-library/react@16.3.2(@testing-library/dom@10.4.1)(@types/react-dom@19.2.4(@types/react@19.2.18))(@types/react@19.2.18)(react-dom@19.2.8(react@19.2.8))(react@19.2.8)':
     dependencies:
@@ -7454,15 +7510,15 @@ snapshots:
     dependencies:
       '@types/yargs-parser': 21.0.3
 
-  '@typescript-eslint/eslint-plugin@8.67.0(@typescript-eslint/parser@8.67.0(eslint@9.39.5(jiti@1.21.7))(typescript@6.0.3))(eslint@9.39.5(jiti@1.21.7))(typescript@6.0.3)':
+  '@typescript-eslint/eslint-plugin@8.67.0(@typescript-eslint/parser@8.67.0(eslint@9.39.5(jiti@2.7.0))(typescript@6.0.3))(eslint@9.39.5(jiti@2.7.0))(typescript@6.0.3)':
     dependencies:
       '@eslint-community/regexpp': 4.12.2
-      '@typescript-eslint/parser': 8.67.0(eslint@9.39.5(jiti@1.21.7))(typescript@6.0.3)
+      '@typescript-eslint/parser': 8.67.0(eslint@9.39.5(jiti@2.7.0))(typescript@6.0.3)
       '@typescript-eslint/scope-manager': 8.67.0
-      '@typescript-eslint/type-utils': 8.67.0(eslint@9.39.5(jiti@1.21.7))(typescript@6.0.3)
-      '@typescript-eslint/utils': 8.67.0(eslint@9.39.5(jiti@1.21.7))(typescript@6.0.3)
+      '@typescript-eslint/type-utils': 8.67.0(eslint@9.39.5(jiti@2.7.0))(typescript@6.0.3)
+      '@typescript-eslint/utils': 8.67.0(eslint@9.39.5(jiti@2.7.0))(typescript@6.0.3)
       '@typescript-eslint/visitor-keys': 8.67.0
-      eslint: 9.39.5(jiti@1.21.7)
+      eslint: 9.39.5(jiti@2.7.0)
       ignore: 7.0.6
       natural-compare: 1.4.0
       ts-api-utils: 2.5.0(typescript@6.0.3)
@@ -7470,14 +7526,14 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/parser@8.67.0(eslint@9.39.5(jiti@1.21.7))(typescript@6.0.3)':
+  '@typescript-eslint/parser@8.67.0(eslint@9.39.5(jiti@2.7.0))(typescript@6.0.3)':
     dependencies:
       '@typescript-eslint/scope-manager': 8.67.0
       '@typescript-eslint/types': 8.67.0
       '@typescript-eslint/typescript-estree': 8.67.0(typescript@6.0.3)
       '@typescript-eslint/visitor-keys': 8.67.0
       debug: 4.4.3
-      eslint: 9.39.5(jiti@1.21.7)
+      eslint: 9.39.5(jiti@2.7.0)
       typescript: 6.0.3
     transitivePeerDependencies:
       - supports-color
@@ -7500,13 +7556,13 @@ snapshots:
     dependencies:
       typescript: 6.0.3
 
-  '@typescript-eslint/type-utils@8.67.0(eslint@9.39.5(jiti@1.21.7))(typescript@6.0.3)':
+  '@typescript-eslint/type-utils@8.67.0(eslint@9.39.5(jiti@2.7.0))(typescript@6.0.3)':
     dependencies:
       '@typescript-eslint/types': 8.67.0
       '@typescript-eslint/typescript-estree': 8.67.0(typescript@6.0.3)
-      '@typescript-eslint/utils': 8.67.0(eslint@9.39.5(jiti@1.21.7))(typescript@6.0.3)
+      '@typescript-eslint/utils': 8.67.0(eslint@9.39.5(jiti@2.7.0))(typescript@6.0.3)
       debug: 4.4.3
-      eslint: 9.39.5(jiti@1.21.7)
+      eslint: 9.39.5(jiti@2.7.0)
       ts-api-utils: 2.5.0(typescript@6.0.3)
       typescript: 6.0.3
     transitivePeerDependencies:
@@ -7529,13 +7585,13 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/utils@8.67.0(eslint@9.39.5(jiti@1.21.7))(typescript@6.0.3)':
+  '@typescript-eslint/utils@8.67.0(eslint@9.39.5(jiti@2.7.0))(typescript@6.0.3)':
     dependencies:
-      '@eslint-community/eslint-utils': 4.10.1(eslint@9.39.5(jiti@1.21.7))
+      '@eslint-community/eslint-utils': 4.10.1(eslint@9.39.5(jiti@2.7.0))
       '@typescript-eslint/scope-manager': 8.67.0
       '@typescript-eslint/types': 8.67.0
       '@typescript-eslint/typescript-estree': 8.67.0(typescript@6.0.3)
-      eslint: 9.39.5(jiti@1.21.7)
+      eslint: 9.39.5(jiti@2.7.0)
       typescript: 6.0.3
     transitivePeerDependencies:
       - supports-color
@@ -7646,7 +7702,7 @@ snapshots:
       obug: 2.1.4
       std-env: 4.2.0
       tinyrainbow: 3.1.1
-      vitest: 4.1.11(@opentelemetry/api@1.9.1)(@types/node@22.20.1)(@vitest/coverage-v8@4.1.11)(jsdom@30.0.1(@noble/hashes@1.8.0))(vite@8.2.1(@types/node@22.20.1)(esbuild@0.28.2)(jiti@1.21.7)(terser@5.50.0)(tsx@4.23.12))
+      vitest: 4.1.11(@opentelemetry/api@1.9.1)(@types/node@22.20.1)(@vitest/coverage-v8@4.1.11)(jsdom@30.0.1(@noble/hashes@1.8.0))(vite@8.2.1(@types/node@22.20.1)(esbuild@0.28.2)(jiti@2.7.0)(terser@5.50.0)(tsx@4.23.12))
 
   '@vitest/expect@4.1.11':
     dependencies:
@@ -7657,13 +7713,13 @@ snapshots:
       chai: 6.2.2
       tinyrainbow: 3.1.1
 
-  '@vitest/mocker@4.1.11(vite@8.2.1(@types/node@22.20.1)(esbuild@0.28.2)(jiti@1.21.7)(terser@5.50.0)(tsx@4.23.12))':
+  '@vitest/mocker@4.1.11(vite@8.2.1(@types/node@22.20.1)(esbuild@0.28.2)(jiti@2.7.0)(terser@5.50.0)(tsx@4.23.12))':
     dependencies:
       '@vitest/spy': 4.1.11
       estree-walker: 3.0.3
       magic-string: 0.30.21
     optionalDependencies:
-      vite: 8.2.1(@types/node@22.20.1)(esbuild@0.28.2)(jiti@1.21.7)(terser@5.50.0)(tsx@4.23.12)
+      vite: 8.2.1(@types/node@22.20.1)(esbuild@0.28.2)(jiti@2.7.0)(terser@5.50.0)(tsx@4.23.12)
 
   '@vitest/pretty-format@4.1.11':
     dependencies:
@@ -7863,15 +7919,6 @@ snapshots:
 
   ansi-styles@5.2.0: {}
 
-  any-promise@1.3.0: {}
-
-  anymatch@3.1.3:
-    dependencies:
-      normalize-path: 3.0.0
-      picomatch: 2.3.2
-
-  arg@5.0.2: {}
-
   argparse@2.0.1: {}
 
   aria-hidden@1.2.6:
@@ -7965,15 +8012,6 @@ snapshots:
 
   async-function@1.0.0: {}
 
-  autoprefixer@10.5.4(postcss@8.5.26):
-    dependencies:
-      browserslist: 4.28.6
-      caniuse-lite: 1.0.30001806
-      fraction.js: 5.3.4
-      picocolors: 1.1.1
-      postcss: 8.5.26
-      postcss-value-parser: 4.2.0
-
   available-typed-arrays@1.0.7:
     dependencies:
       possible-typed-array-names: 1.1.0
@@ -7996,8 +8034,6 @@ snapshots:
     dependencies:
       require-from-string: 2.0.2
 
-  binary-extensions@2.3.0: {}
-
   body-parser@2.3.0:
     dependencies:
       bytes: 3.1.2
@@ -8029,14 +8065,6 @@ snapshots:
     dependencies:
       base64-js: 1.5.1
 
-  browserslist@4.28.6:
-    dependencies:
-      baseline-browser-mapping: 2.11.16
-      caniuse-lite: 1.0.30001806
-      electron-to-chromium: 1.5.393
-      node-releases: 2.0.51
-      update-browserslist-db: 1.2.3(browserslist@4.28.6)
-
   browserslist@4.28.8:
     dependencies:
       baseline-browser-mapping: 2.11.16
@@ -8068,12 +8096,8 @@ snapshots:
 
   callsites@3.1.0: {}
 
-  camelcase-css@2.0.1: {}
-
   camelcase@5.3.1: {}
 
-  caniuse-lite@1.0.30001806: {}
-
   caniuse-lite@1.0.30001809: {}
 
   chai@6.2.2: {}
@@ -8083,18 +8107,6 @@ snapshots:
       ansi-styles: 4.3.0
       supports-color: 7.2.0
 
-  chokidar@3.6.0:
-    dependencies:
-      anymatch: 3.1.3
-      braces: 3.0.3
-      glob-parent: 5.1.2
-      is-binary-path: 2.1.0
-      is-glob: 4.0.3
-      normalize-path: 3.0.0
-      readdirp: 3.6.0
-    optionalDependencies:
-      fsevents: 2.3.3
-
   chrome-trace-event@1.0.4: {}
 
   ci-info@3.9.0: {}
@@ -8133,8 +8145,6 @@ snapshots:
 
   commander@2.20.3: {}
 
-  commander@4.1.1: {}
-
   commondir@1.0.1: {}
 
   concat-map@0.0.1: {}
@@ -8175,8 +8185,6 @@ snapshots:
 
   css.escape@1.5.1: {}
 
-  cssesc@3.0.0: {}
-
   csstype@3.2.3: {}
 
   d3-array@3.2.4:
@@ -8310,14 +8318,10 @@ snapshots:
 
   dfa@1.2.0: {}
 
-  didyoumean@1.2.2: {}
-
   diff-sequences@29.6.3: {}
 
   dijkstrajs@1.0.3: {}
 
-  dlv@1.1.3: {}
-
   doctrine@2.1.0:
     dependencies:
       esutils: 2.0.3
@@ -8338,8 +8342,6 @@ snapshots:
 
   ee-first@1.1.1: {}
 
-  electron-to-chromium@1.5.393: {}
-
   electron-to-chromium@1.5.407: {}
 
   emoji-mart@5.6.0: {}
@@ -8513,18 +8515,18 @@ snapshots:
 
   escape-string-regexp@4.0.0: {}
 
-  eslint-config-next@16.2.10(@typescript-eslint/parser@8.67.0(eslint@9.39.5(jiti@1.21.7))(typescript@6.0.3))(eslint@9.39.5(jiti@1.21.7))(typescript@6.0.3):
+  eslint-config-next@16.2.10(@typescript-eslint/parser@8.67.0(eslint@9.39.5(jiti@2.7.0))(typescript@6.0.3))(eslint@9.39.5(jiti@2.7.0))(typescript@6.0.3):
     dependencies:
       '@next/eslint-plugin-next': 16.2.10
-      eslint: 9.39.5(jiti@1.21.7)
+      eslint: 9.39.5(jiti@2.7.0)
       eslint-import-resolver-node: 0.3.10
-      eslint-import-resolver-typescript: 3.10.1(eslint-plugin-import@2.32.0)(eslint@9.39.5(jiti@1.21.7))
-      eslint-plugin-import: 2.32.0(@typescript-eslint/parser@8.67.0(eslint@9.39.5(jiti@1.21.7))(typescript@6.0.3))(eslint-import-resolver-typescript@3.10.1)(eslint@9.39.5(jiti@1.21.7))
-      eslint-plugin-jsx-a11y: 6.10.2(eslint@9.39.5(jiti@1.21.7))
-      eslint-plugin-react: 7.37.5(eslint@9.39.5(jiti@1.21.7))
-      eslint-plugin-react-hooks: 7.1.1(eslint@9.39.5(jiti@1.21.7))
+      eslint-import-resolver-typescript: 3.10.1(eslint-plugin-import@2.32.0)(eslint@9.39.5(jiti@2.7.0))
+      eslint-plugin-import: 2.32.0(@typescript-eslint/parser@8.67.0(eslint@9.39.5(jiti@2.7.0))(typescript@6.0.3))(eslint-import-resolver-typescript@3.10.1)(eslint@9.39.5(jiti@2.7.0))
+      eslint-plugin-jsx-a11y: 6.10.2(eslint@9.39.5(jiti@2.7.0))
+      eslint-plugin-react: 7.37.5(eslint@9.39.5(jiti@2.7.0))
+      eslint-plugin-react-hooks: 7.1.1(eslint@9.39.5(jiti@2.7.0))
       globals: 16.4.0
-      typescript-eslint: 8.67.0(eslint@9.39.5(jiti@1.21.7))(typescript@6.0.3)
+      typescript-eslint: 8.67.0(eslint@9.39.5(jiti@2.7.0))(typescript@6.0.3)
     optionalDependencies:
       typescript: 6.0.3
     transitivePeerDependencies:
@@ -8541,33 +8543,33 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  eslint-import-resolver-typescript@3.10.1(eslint-plugin-import@2.32.0)(eslint@9.39.5(jiti@1.21.7)):
+  eslint-import-resolver-typescript@3.10.1(eslint-plugin-import@2.32.0)(eslint@9.39.5(jiti@2.7.0)):
     dependencies:
       '@nolyfill/is-core-module': 1.0.39
       debug: 4.4.3
-      eslint: 9.39.5(jiti@1.21.7)
+      eslint: 9.39.5(jiti@2.7.0)
       get-tsconfig: 4.14.0
       is-bun-module: 2.0.0
       stable-hash: 0.0.5
       tinyglobby: 0.2.17
       unrs-resolver: 1.12.2
     optionalDependencies:
-      eslint-plugin-import: 2.32.0(@typescript-eslint/parser@8.67.0(eslint@9.39.5(jiti@1.21.7))(typescript@6.0.3))(eslint-import-resolver-typescript@3.10.1)(eslint@9.39.5(jiti@1.21.7))
+      eslint-plugin-import: 2.32.0(@typescript-eslint/parser@8.67.0(eslint@9.39.5(jiti@2.7.0))(typescript@6.0.3))(eslint-import-resolver-typescript@3.10.1)(eslint@9.39.5(jiti@2.7.0))
     transitivePeerDependencies:
       - supports-color
 
-  eslint-module-utils@2.14.0(@typescript-eslint/parser@8.67.0(eslint@9.39.5(jiti@1.21.7))(typescript@6.0.3))(eslint-import-resolver-node@0.3.10)(eslint-import-resolver-typescript@3.10.1)(eslint@9.39.5(jiti@1.21.7)):
+  eslint-module-utils@2.14.0(@typescript-eslint/parser@8.67.0(eslint@9.39.5(jiti@2.7.0))(typescript@6.0.3))(eslint-import-resolver-node@0.3.10)(eslint-import-resolver-typescript@3.10.1)(eslint@9.39.5(jiti@2.7.0)):
     dependencies:
       debug: 3.2.7
     optionalDependencies:
-      '@typescript-eslint/parser': 8.67.0(eslint@9.39.5(jiti@1.21.7))(typescript@6.0.3)
-      eslint: 9.39.5(jiti@1.21.7)
+      '@typescript-eslint/parser': 8.67.0(eslint@9.39.5(jiti@2.7.0))(typescript@6.0.3)
+      eslint: 9.39.5(jiti@2.7.0)
       eslint-import-resolver-node: 0.3.10
-      eslint-import-resolver-typescript: 3.10.1(eslint-plugin-import@2.32.0)(eslint@9.39.5(jiti@1.21.7))
+      eslint-import-resolver-typescript: 3.10.1(eslint-plugin-import@2.32.0)(eslint@9.39.5(jiti@2.7.0))
     transitivePeerDependencies:
       - supports-color
 
-  eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.67.0(eslint@9.39.5(jiti@1.21.7))(typescript@6.0.3))(eslint-import-resolver-typescript@3.10.1)(eslint@9.39.5(jiti@1.21.7)):
+  eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.67.0(eslint@9.39.5(jiti@2.7.0))(typescript@6.0.3))(eslint-import-resolver-typescript@3.10.1)(eslint@9.39.5(jiti@2.7.0)):
     dependencies:
       '@rtsao/scc': 1.1.0
       array-includes: 3.1.9
@@ -8576,9 +8578,9 @@ snapshots:
       array.prototype.flatmap: 1.3.3
       debug: 3.2.7
       doctrine: 2.1.0
-      eslint: 9.39.5(jiti@1.21.7)
+      eslint: 9.39.5(jiti@2.7.0)
       eslint-import-resolver-node: 0.3.10
-      eslint-module-utils: 2.14.0(@typescript-eslint/parser@8.67.0(eslint@9.39.5(jiti@1.21.7))(typescript@6.0.3))(eslint-import-resolver-node@0.3.10)(eslint-import-resolver-typescript@3.10.1)(eslint@9.39.5(jiti@1.21.7))
+      eslint-module-utils: 2.14.0(@typescript-eslint/parser@8.67.0(eslint@9.39.5(jiti@2.7.0))(typescript@6.0.3))(eslint-import-resolver-node@0.3.10)(eslint-import-resolver-typescript@3.10.1)(eslint@9.39.5(jiti@2.7.0))
       hasown: 2.0.4
       is-core-module: 2.16.2
       is-glob: 4.0.3
@@ -8590,13 +8592,13 @@ snapshots:
       string.prototype.trimend: 1.0.10
       tsconfig-paths: 3.15.0
     optionalDependencies:
-      '@typescript-eslint/parser': 8.67.0(eslint@9.39.5(jiti@1.21.7))(typescript@6.0.3)
+      '@typescript-eslint/parser': 8.67.0(eslint@9.39.5(jiti@2.7.0))(typescript@6.0.3)
     transitivePeerDependencies:
       - eslint-import-resolver-typescript
       - eslint-import-resolver-webpack
       - supports-color
 
-  eslint-plugin-jsx-a11y@6.10.2(eslint@9.39.5(jiti@1.21.7)):
+  eslint-plugin-jsx-a11y@6.10.2(eslint@9.39.5(jiti@2.7.0)):
     dependencies:
       aria-query: 5.3.2
       array-includes: 3.1.9
@@ -8606,7 +8608,7 @@ snapshots:
       axobject-query: 4.1.0
       damerau-levenshtein: 1.0.8
       emoji-regex: 9.2.2
-      eslint: 9.39.5(jiti@1.21.7)
+      eslint: 9.39.5(jiti@2.7.0)
       hasown: 2.0.4
       jsx-ast-utils: 3.3.5
       language-tags: 1.0.9
@@ -8615,18 +8617,18 @@ snapshots:
       safe-regex-test: 1.1.0
       string.prototype.includes: 2.0.1
 
-  eslint-plugin-react-hooks@7.1.1(eslint@9.39.5(jiti@1.21.7)):
+  eslint-plugin-react-hooks@7.1.1(eslint@9.39.5(jiti@2.7.0)):
     dependencies:
       '@babel/core': 7.29.7
       '@babel/parser': 7.29.7
-      eslint: 9.39.5(jiti@1.21.7)
+      eslint: 9.39.5(jiti@2.7.0)
       hermes-parser: 0.25.1
       zod: 4.4.3
       zod-validation-error: 4.0.2(zod@4.4.3)
     transitivePeerDependencies:
       - supports-color
 
-  eslint-plugin-react@7.37.5(eslint@9.39.5(jiti@1.21.7)):
+  eslint-plugin-react@7.37.5(eslint@9.39.5(jiti@2.7.0)):
     dependencies:
       array-includes: 3.1.9
       array.prototype.findlast: 1.2.5
@@ -8634,7 +8636,7 @@ snapshots:
       array.prototype.tosorted: 1.1.4
       doctrine: 2.1.0
       es-iterator-helpers: 1.4.0
-      eslint: 9.39.5(jiti@1.21.7)
+      eslint: 9.39.5(jiti@2.7.0)
       estraverse: 5.3.0
       hasown: 2.0.4
       jsx-ast-utils: 3.3.5
@@ -8664,9 +8666,9 @@ snapshots:
 
   eslint-visitor-keys@5.0.1: {}
 
-  eslint@9.39.5(jiti@1.21.7):
+  eslint@9.39.5(jiti@2.7.0):
     dependencies:
-      '@eslint-community/eslint-utils': 4.9.1(eslint@9.39.5(jiti@1.21.7))
+      '@eslint-community/eslint-utils': 4.9.1(eslint@9.39.5(jiti@2.7.0))
       '@eslint-community/regexpp': 4.12.2
       '@eslint/config-array': 0.21.2
       '@eslint/config-helpers': 0.4.2
@@ -8701,7 +8703,7 @@ snapshots:
       natural-compare: 1.4.0
       optionator: 0.9.4
     optionalDependencies:
-      jiti: 1.21.7
+      jiti: 2.7.0
     transitivePeerDependencies:
       - supports-color
 
@@ -8806,14 +8808,6 @@ snapshots:
       merge2: 1.4.1
       micromatch: 4.0.8
 
-  fast-glob@3.3.3:
-    dependencies:
-      '@nodelib/fs.stat': 2.0.5
-      '@nodelib/fs.walk': 1.2.8
-      glob-parent: 5.1.2
-      merge2: 1.4.1
-      micromatch: 4.0.8
-
   fast-json-stable-stringify@2.1.0: {}
 
   fast-levenshtein@2.0.6: {}
@@ -8886,8 +8880,6 @@ snapshots:
 
   forwarded@0.2.0: {}
 
-  fraction.js@5.3.4: {}
-
   fresh@2.0.0: {}
 
   fsevents@2.3.2:
@@ -9097,10 +9089,6 @@ snapshots:
     dependencies:
       has-bigints: 1.1.0
 
-  is-binary-path@2.1.0:
-    dependencies:
-      binary-extensions: 2.3.0
-
   is-boolean-object@1.2.2:
     dependencies:
       call-bound: 1.0.4
@@ -9284,7 +9272,7 @@ snapshots:
       merge-stream: 2.0.0
       supports-color: 8.1.1
 
-  jiti@1.21.7: {}
+  jiti@2.7.0: {}
 
   jose@6.2.7: {}
 
@@ -9366,39 +9354,88 @@ snapshots:
       prelude-ls: 1.2.1
       type-check: 0.4.0
 
+  lightningcss-android-arm64@1.32.0:
+    optional: true
+
   lightningcss-android-arm64@1.33.0:
     optional: true
 
+  lightningcss-darwin-arm64@1.32.0:
+    optional: true
+
   lightningcss-darwin-arm64@1.33.0:
     optional: true
 
+  lightningcss-darwin-x64@1.32.0:
+    optional: true
+
   lightningcss-darwin-x64@1.33.0:
     optional: true
 
+  lightningcss-freebsd-x64@1.32.0:
+    optional: true
+
   lightningcss-freebsd-x64@1.33.0:
     optional: true
 
+  lightningcss-linux-arm-gnueabihf@1.32.0:
+    optional: true
+
   lightningcss-linux-arm-gnueabihf@1.33.0:
     optional: true
 
+  lightningcss-linux-arm64-gnu@1.32.0:
+    optional: true
+
   lightningcss-linux-arm64-gnu@1.33.0:
     optional: true
 
+  lightningcss-linux-arm64-musl@1.32.0:
+    optional: true
+
   lightningcss-linux-arm64-musl@1.33.0:
     optional: true
 
+  lightningcss-linux-x64-gnu@1.32.0:
+    optional: true
+
   lightningcss-linux-x64-gnu@1.33.0:
     optional: true
 
+  lightningcss-linux-x64-musl@1.32.0:
+    optional: true
+
   lightningcss-linux-x64-musl@1.33.0:
     optional: true
 
+  lightningcss-win32-arm64-msvc@1.32.0:
+    optional: true
+
   lightningcss-win32-arm64-msvc@1.33.0:
     optional: true
 
+  lightningcss-win32-x64-msvc@1.32.0:
+    optional: true
+
   lightningcss-win32-x64-msvc@1.33.0:
     optional: true
 
+  lightningcss@1.32.0:
+    dependencies:
+      detect-libc: 2.1.2
+    optionalDependencies:
+      lightningcss-android-arm64: 1.32.0
+      lightningcss-darwin-arm64: 1.32.0
+      lightningcss-darwin-x64: 1.32.0
+      lightningcss-freebsd-x64: 1.32.0
+      lightningcss-linux-arm-gnueabihf: 1.32.0
+      lightningcss-linux-arm64-gnu: 1.32.0
+      lightningcss-linux-arm64-musl: 1.32.0
+      lightningcss-linux-x64-gnu: 1.32.0
+      lightningcss-linux-x64-musl: 1.32.0
+      lightningcss-win32-arm64-msvc: 1.32.0
+      lightningcss-win32-x64-msvc: 1.32.0
+
   lightningcss@1.33.0:
     dependencies:
       detect-libc: 2.1.2
@@ -9415,15 +9452,11 @@ snapshots:
       lightningcss-win32-arm64-msvc: 1.33.0
       lightningcss-win32-x64-msvc: 1.33.0
 
-  lilconfig@3.1.3: {}
-
   linebreak@1.1.0:
     dependencies:
       base64-js: 0.0.8
       unicode-trie: 2.0.0
 
-  lines-and-columns@1.2.4: {}
-
   loader-runner@4.3.2: {}
 
   locate-path@5.0.0:
@@ -9522,12 +9555,6 @@ snapshots:
 
   ms@2.1.3: {}
 
-  mz@2.7.0:
-    dependencies:
-      any-promise: 1.3.0
-      object-assign: 4.1.1
-      thenify-all: 1.6.0
-
   nanoid@3.3.18: {}
 
   napi-postinstall@0.3.4: {}
@@ -9581,20 +9608,14 @@ snapshots:
     dependencies:
       whatwg-url: 5.0.0
 
-  node-releases@2.0.51: {}
-
   node-releases@2.0.53: {}
 
-  normalize-path@3.0.0: {}
-
   normalize-svg-path@1.1.0:
     dependencies:
       svg-arc-to-cubic-bezier: 3.2.0
 
   object-assign@4.1.1: {}
 
-  object-hash@3.0.0: {}
-
   object-inspect@1.13.4: {}
 
   object-keys@1.1.1: {}
@@ -9754,10 +9775,6 @@ snapshots:
 
   picomatch@4.0.5: {}
 
-  pify@2.3.0: {}
-
-  pirates@4.0.7: {}
-
   pkce-challenge@5.0.1: {}
 
   playwright-core@1.62.1: {}
@@ -9778,36 +9795,6 @@ snapshots:
 
   postal-mime@2.7.5: {}
 
-  postcss-import@15.1.0(postcss@8.5.26):
-    dependencies:
-      postcss: 8.5.26
-      postcss-value-parser: 4.2.0
-      read-cache: 1.0.0
-      resolve: 1.22.12
-
-  postcss-js@4.1.0(postcss@8.5.26):
-    dependencies:
-      camelcase-css: 2.0.1
-      postcss: 8.5.26
-
-  postcss-load-config@6.0.1(jiti@1.21.7)(postcss@8.5.26)(tsx@4.23.12):
-    dependencies:
-      lilconfig: 3.1.3
-    optionalDependencies:
-      jiti: 1.21.7
-      postcss: 8.5.26
-      tsx: 4.23.12
-
-  postcss-nested@6.2.0(postcss@8.5.26):
-    dependencies:
-      postcss: 8.5.26
-      postcss-selector-parser: 6.1.4
-
-  postcss-selector-parser@6.1.4:
-    dependencies:
-      cssesc: 3.0.0
-      util-deprecate: 1.0.2
-
   postcss-value-parser@4.2.0: {}
 
   postcss@8.5.26:
@@ -9955,14 +9942,6 @@ snapshots:
 
   react@19.2.8: {}
 
-  read-cache@1.0.0:
-    dependencies:
-      pify: 2.3.0
-
-  readdirp@3.6.0:
-    dependencies:
-      picomatch: 2.3.2
-
   recharts@3.10.1(@types/react@19.2.18)(react-dom@19.2.8(react@19.2.8))(react-is@19.2.7)(react@19.2.8)(redux@5.0.1):
     dependencies:
       '@reduxjs/toolkit': 2.12.0(react-redux@9.3.0(@types/react@19.2.18)(react@19.2.8)(redux@5.0.1))(react@19.2.8)
@@ -10038,13 +10017,6 @@ snapshots:
 
   resolve-pkg-maps@1.0.0: {}
 
-  resolve@1.22.12:
-    dependencies:
-      es-errors: 1.3.0
-      is-core-module: 2.16.2
-      path-parse: 1.0.7
-      supports-preserve-symlinks-flag: 1.0.0
-
   resolve@2.0.0-next.7:
     dependencies:
       es-errors: 1.3.0
@@ -10415,16 +10387,6 @@ snapshots:
     optionalDependencies:
       '@babel/core': 7.29.7
 
-  sucrase@3.35.1:
-    dependencies:
-      '@jridgewell/gen-mapping': 0.3.13
-      commander: 4.1.1
-      lines-and-columns: 1.2.4
-      mz: 2.7.0
-      pirates: 4.0.7
-      tinyglobby: 0.2.17
-      ts-interface-checker: 0.1.13
-
   supports-color@7.2.0:
     dependencies:
       has-flag: 4.0.0
@@ -10441,33 +10403,7 @@ snapshots:
 
   tailwind-merge@3.6.0: {}
 
-  tailwindcss@3.4.19(tsx@4.23.12):
-    dependencies:
-      '@alloc/quick-lru': 5.2.0
-      arg: 5.0.2
-      chokidar: 3.6.0
-      didyoumean: 1.2.2
-      dlv: 1.1.3
-      fast-glob: 3.3.3
-      glob-parent: 6.0.2
-      is-glob: 4.0.3
-      jiti: 1.21.7
-      lilconfig: 3.1.3
-      micromatch: 4.0.8
-      normalize-path: 3.0.0
-      object-hash: 3.0.0
-      picocolors: 1.1.1
-      postcss: 8.5.26
-      postcss-import: 15.1.0(postcss@8.5.26)
-      postcss-js: 4.1.0(postcss@8.5.26)
-      postcss-load-config: 6.0.1(jiti@1.21.7)(postcss@8.5.26)(tsx@4.23.12)
-      postcss-nested: 6.2.0(postcss@8.5.26)
-      postcss-selector-parser: 6.1.4
-      resolve: 1.22.12
-      sucrase: 3.35.1
-    transitivePeerDependencies:
-      - tsx
-      - yaml
+  tailwindcss@4.3.3: {}
 
   tapable@2.3.3: {}
 
@@ -10478,14 +10414,6 @@ snapshots:
       commander: 2.20.3
       source-map-support: 0.5.21
 
-  thenify-all@1.6.0:
-    dependencies:
-      thenify: 3.3.1
-
-  thenify@3.3.1:
-    dependencies:
-      any-promise: 1.3.0
-
   timestring@6.0.0: {}
 
   tiny-inflate@1.0.3: {}
@@ -10529,8 +10457,6 @@ snapshots:
     dependencies:
       typescript: 6.0.3
 
-  ts-interface-checker@0.1.13: {}
-
   tsconfig-paths@3.15.0:
     dependencies:
       '@types/json5': 0.0.29
@@ -10591,13 +10517,13 @@ snapshots:
       possible-typed-array-names: 1.1.0
       reflect.getprototypeof: 1.0.10
 
-  typescript-eslint@8.67.0(eslint@9.39.5(jiti@1.21.7))(typescript@6.0.3):
+  typescript-eslint@8.67.0(eslint@9.39.5(jiti@2.7.0))(typescript@6.0.3):
     dependencies:
-      '@typescript-eslint/eslint-plugin': 8.67.0(@typescript-eslint/parser@8.67.0(eslint@9.39.5(jiti@1.21.7))(typescript@6.0.3))(eslint@9.39.5(jiti@1.21.7))(typescript@6.0.3)
-      '@typescript-eslint/parser': 8.67.0(eslint@9.39.5(jiti@1.21.7))(typescript@6.0.3)
+      '@typescript-eslint/eslint-plugin': 8.67.0(@typescript-eslint/parser@8.67.0(eslint@9.39.5(jiti@2.7.0))(typescript@6.0.3))(eslint@9.39.5(jiti@2.7.0))(typescript@6.0.3)
+      '@typescript-eslint/parser': 8.67.0(eslint@9.39.5(jiti@2.7.0))(typescript@6.0.3)
       '@typescript-eslint/typescript-estree': 8.67.0(typescript@6.0.3)
-      '@typescript-eslint/utils': 8.67.0(eslint@9.39.5(jiti@1.21.7))(typescript@6.0.3)
-      eslint: 9.39.5(jiti@1.21.7)
+      '@typescript-eslint/utils': 8.67.0(eslint@9.39.5(jiti@2.7.0))(typescript@6.0.3)
+      eslint: 9.39.5(jiti@2.7.0)
       typescript: 6.0.3
     transitivePeerDependencies:
       - supports-color
@@ -10658,12 +10584,6 @@ snapshots:
       '@unrs/resolver-binding-win32-ia32-msvc': 1.12.2
       '@unrs/resolver-binding-win32-x64-msvc': 1.12.2
 
-  update-browserslist-db@1.2.3(browserslist@4.28.6):
-    dependencies:
-      browserslist: 4.28.6
-      escalade: 3.2.0
-      picocolors: 1.1.1
-
   update-browserslist-db@1.3.1(browserslist@4.28.8):
     dependencies:
       browserslist: 4.28.8
@@ -10720,7 +10640,7 @@ snapshots:
       string_decoder: 1.3.0
       util-deprecate: 1.0.2
 
-  vite@8.2.1(@types/node@22.20.1)(esbuild@0.28.2)(jiti@1.21.7)(terser@5.50.0)(tsx@4.23.12):
+  vite@8.2.1(@types/node@22.20.1)(esbuild@0.28.2)(jiti@2.7.0)(terser@5.50.0)(tsx@4.23.12):
     dependencies:
       lightningcss: 1.33.0
       picomatch: 4.0.5
@@ -10731,14 +10651,14 @@ snapshots:
       '@types/node': 22.20.1
       esbuild: 0.28.2
       fsevents: 2.3.3
-      jiti: 1.21.7
+      jiti: 2.7.0
       terser: 5.50.0
       tsx: 4.23.12
 
-  vitest@4.1.11(@opentelemetry/api@1.9.1)(@types/node@22.20.1)(@vitest/coverage-v8@4.1.11)(jsdom@30.0.1(@noble/hashes@1.8.0))(vite@8.2.1(@types/node@22.20.1)(esbuild@0.28.2)(jiti@1.21.7)(terser@5.50.0)(tsx@4.23.12)):
+  vitest@4.1.11(@opentelemetry/api@1.9.1)(@types/node@22.20.1)(@vitest/coverage-v8@4.1.11)(jsdom@30.0.1(@noble/hashes@1.8.0))(vite@8.2.1(@types/node@22.20.1)(esbuild@0.28.2)(jiti@2.7.0)(terser@5.50.0)(tsx@4.23.12)):
     dependencies:
       '@vitest/expect': 4.1.11
-      '@vitest/mocker': 4.1.11(vite@8.2.1(@types/node@22.20.1)(esbuild@0.28.2)(jiti@1.21.7)(terser@5.50.0)(tsx@4.23.12))
+      '@vitest/mocker': 4.1.11(vite@8.2.1(@types/node@22.20.1)(esbuild@0.28.2)(jiti@2.7.0)(terser@5.50.0)(tsx@4.23.12))
       '@vitest/pretty-format': 4.1.11
       '@vitest/runner': 4.1.11
       '@vitest/snapshot': 4.1.11
@@ -10755,7 +10675,7 @@ snapshots:
       tinyexec: 1.3.0
       tinyglobby: 0.2.17
       tinyrainbow: 3.1.1
-      vite: 8.2.1(@types/node@22.20.1)(esbuild@0.28.2)(jiti@1.21.7)(terser@5.50.0)(tsx@4.23.12)
+      vite: 8.2.1(@types/node@22.20.1)(esbuild@0.28.2)(jiti@2.7.0)(terser@5.50.0)(tsx@4.23.12)
       why-is-node-running: 2.3.0
     optionalDependencies:
       '@opentelemetry/api': 1.9.1
diff --git a/postcss.config.mjs b/postcss.config.mjs
index 2ef30fcf4..ab40d74d8 100644
--- a/postcss.config.mjs
+++ b/postcss.config.mjs
@@ -1,8 +1,10 @@
 /** @type {import('postcss-load-config').Config} */
 const config = {
   plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
+    // Tailwind v4: um plugin só. O `autoprefixer` saiu porque o v4 já faz o
+    // prefixo por dentro (Lightning CSS) — mantê-lo aqui é trabalho repetido
+    // sobre um CSS que já veio prefixado.
+    "@tailwindcss/postcss": {},
   },
 };
 
diff --git a/tailwind.config.ts b/tailwind.config.ts
deleted file mode 100644
index 93c956a5c..000000000
--- a/tailwind.config.ts
+++ /dev/null
@@ -1,198 +0,0 @@
-import type { Config } from "tailwindcss";
-
-const config: Config = {
-  // Strategy: attribute selector to allow runtime swap via <html data-theme="dark">.
-  darkMode: ["class", "[data-theme='dark']"],
-  content: [
-    "./app/**/*.{ts,tsx}",
-    "./components/**/*.{ts,tsx}",
-    "./lib/**/*.{ts,tsx}",
-    "./hooks/**/*.{ts,tsx}",
-  ],
-  theme: {
-    container: {
-      center: true,
-      padding: "2rem",
-      screens: { "2xl": "1400px" },
-    },
-    extend: {
-      colors: {
-        // Foundation
-        bg: "var(--color-bg)",
-        surface: {
-          DEFAULT: "var(--color-surface)",
-          elevated: "var(--color-surface-elevated)",
-        },
-        overlay: "var(--color-overlay)",
-        text: {
-          DEFAULT: "var(--color-text)",
-          muted: "var(--color-text-muted)",
-          subtle: "var(--color-text-subtle)",
-        },
-
-        // Accent — Sage scale
-        accent: {
-          DEFAULT: "var(--color-accent)",
-          foreground: "var(--color-accent-fg)",
-          soft: "var(--color-accent-soft)",
-          hover: "var(--color-accent-hover)",
-          50: "var(--color-accent-50)",
-          100: "var(--color-accent-100)",
-          200: "var(--color-accent-200)",
-          300: "var(--color-accent-300)",
-          400: "var(--color-accent-400)",
-          500: "var(--color-accent-500)",
-          600: "var(--color-accent-600)",
-          700: "var(--color-accent-700)",
-          800: "var(--color-accent-800)",
-          900: "var(--color-accent-900)",
-          950: "var(--color-accent-950)",
-        },
-
-        // Neutrals — greige
-        neutral: {
-          50: "var(--color-neutral-50)",
-          100: "var(--color-neutral-100)",
-          200: "var(--color-neutral-200)",
-          300: "var(--color-neutral-300)",
-          400: "var(--color-neutral-400)",
-          500: "var(--color-neutral-500)",
-          600: "var(--color-neutral-600)",
-          700: "var(--color-neutral-700)",
-          800: "var(--color-neutral-800)",
-          900: "var(--color-neutral-900)",
-          950: "var(--color-neutral-950)",
-        },
-
-        // States
-        success: {
-          DEFAULT: "var(--color-success)",
-          bg: "var(--color-success-bg)",
-          fg: "var(--color-success-fg)",
-        },
-        warning: {
-          DEFAULT: "var(--color-warning)",
-          bg: "var(--color-warning-bg)",
-          fg: "var(--color-warning-fg)",
-        },
-        error: {
-          DEFAULT: "var(--color-error)",
-          bg: "var(--color-error-bg)",
-          fg: "var(--color-error-fg)",
-        },
-        info: {
-          DEFAULT: "var(--color-info)",
-          bg: "var(--color-info-bg)",
-          fg: "var(--color-info-fg)",
-        },
-
-        // shadcn aliases (compat com componentes ainda não migrados)
-        border: "var(--color-border)",
-        "border-strong": "var(--color-border-strong)",
-        input: "var(--color-border)",
-        ring: "var(--color-accent-500)",
-        background: "var(--color-bg)",
-        foreground: "var(--color-text)",
-        primary: {
-          DEFAULT: "var(--color-accent)",
-          foreground: "var(--color-accent-fg)",
-        },
-        secondary: {
-          DEFAULT: "var(--color-surface-elevated)",
-          foreground: "var(--color-text)",
-        },
-        destructive: {
-          DEFAULT: "var(--color-error)",
-          foreground: "#ffffff",
-        },
-        muted: {
-          DEFAULT: "var(--color-surface-elevated)",
-          foreground: "var(--color-text-muted)",
-        },
-        popover: {
-          DEFAULT: "var(--color-surface)",
-          foreground: "var(--color-text)",
-        },
-        card: {
-          DEFAULT: "var(--color-surface)",
-          foreground: "var(--color-text)",
-        },
-      },
-      fontFamily: {
-        sans: [
-          "var(--font-atkinson)",
-          "ui-sans-serif",
-          "system-ui",
-          "-apple-system",
-          "Segoe UI",
-          "Roboto",
-          "sans-serif",
-        ],
-        mono: [
-          "var(--font-mono)",
-          "ui-monospace",
-          "SFMono-Regular",
-          "Menlo",
-          "Monaco",
-          "Consolas",
-          "monospace",
-        ],
-      },
-      spacing: {
-        0: "var(--space-0)",
-        1: "var(--space-1)",
-        2: "var(--space-2)",
-        3: "var(--space-3)",
-        4: "var(--space-4)",
-        5: "var(--space-5)",
-        6: "var(--space-6)",
-        8: "var(--space-8)",
-        10: "var(--space-10)",
-        12: "var(--space-12)",
-        16: "var(--space-16)",
-        20: "var(--space-20)",
-        24: "var(--space-24)",
-        32: "var(--space-32)",
-      },
-      borderRadius: {
-        none: "var(--radius-none)",
-        sm: "var(--radius-sm)",
-        DEFAULT: "var(--radius-md)",
-        md: "var(--radius-md)",
-        lg: "var(--radius-lg)",
-        xl: "var(--radius-xl)",
-        full: "var(--radius-full)",
-      },
-      boxShadow: {
-        xs: "var(--shadow-xs)",
-        sm: "var(--shadow-sm)",
-        DEFAULT: "var(--shadow-sm)",
-        md: "var(--shadow-md)",
-        lg: "var(--shadow-lg)",
-        xl: "var(--shadow-xl)",
-        none: "none",
-      },
-      transitionTimingFunction: {
-        out: "var(--ease-out)",
-        "in-out": "var(--ease-in-out)",
-        spring: "var(--ease-spring)",
-      },
-      transitionDuration: {
-        fast: "var(--duration-fast)",
-        base: "var(--duration-base)",
-        slow: "var(--duration-slow)",
-      },
-      zIndex: {
-        base: "0",
-        raised: "10",
-        dropdown: "20",
-        sticky: "30",
-        modal: "40",
-        toast: "50",
-      },
-    },
-  },
-  plugins: [],
-};
-
-export default config;
diff --git a/tests/sonda-tailwind-4.ts b/tests/sonda-tailwind-4.ts
new file mode 100644
index 000000000..6d9443671
--- /dev/null
+++ b/tests/sonda-tailwind-4.ts
@@ -0,0 +1,175 @@
+/**
+ * Sonda visual da migração Tailwind 3 → 4, em ambiente fresco estilo VPS.
+ *
+ * Mede por ferramenta (`getComputedStyle`), nunca a olho. O que prova, em ordem
+ * de risco:
+ *
+ *  1. Os tokens continuam resolvendo. O `@theme inline` emite, dentro de
+ *     `@layer theme`, linhas auto-referentes (`--color-bg: var(--color-bg)`)
+ *     porque o produto já batizava seus tokens de `--color-*`. A teoria diz que
+ *     elas perdem para o `:root` sem layer; isto é a medição que confirma.
+ *  2. O tema escuro ainda troca os tokens.
+ *  3. As classes de opacidade sobre token (`bg-muted/40`, `border-border/60`…)
+ *     agora PINTAM. No v3 elas eram descartadas em silêncio — a cor com
+ *     `var()` sem `<alpha-value>` fazia o Tailwind não emitir a regra.
+ *  4. `border` sem cor continua na cor de borda do produto (regra do
+ *     `@layer base`), e não em `currentColor`, que é o default novo do v4.
+ *
+ * ⚠️ Mede só elemento REAL da página. Injetar `<div class="p-7">` por JS não
+ * prova nada: a classe não estava na fonte, o scanner nunca a viu, e o zero
+ * medido seria artefato da sonda — não regressão.
+ *
+ * Uso: com o app de pé em :3001 contra o Supabase local,
+ *   set -a; . ./.env.e2e; set +a && pnpm exec tsx tests/sonda-tailwind-4.ts
+ */
+import { chromium, type Page } from "@playwright/test";
+import fs from "node:fs";
+
+const BASE = process.env.SONDA_BASE ?? "http://localhost:3001";
+const EMAIL = process.env.SONDA_EMAIL ?? "qa-tw4@deskcomm.local";
+const SENHA = process.env.SONDA_SENHA ?? "SenhaForte#2026tw4";
+const SAIDA = "evidence/tailwind-4";
+
+const TOKENS = [
+  "--color-bg", "--color-surface", "--color-surface-elevated", "--color-text",
+  "--color-text-muted", "--color-border", "--color-accent", "--color-accent-500",
+  "--color-error", "--radius-md", "--shadow-md", "--space-6", "--duration-fast",
+];
+
+/** As classes que o v3 descartava: se aparecerem na página, têm que pintar. */
+const REVIVIDAS = [
+  "bg-muted/40", "bg-muted/30", "bg-muted/50", "border-border/60",
+  "bg-destructive/10", "border-destructive/30", "bg-primary/10",
+  "text-muted-foreground/60", "text-muted-foreground/70", "bg-accent/50",
+];
+
+async function tokens(page: Page) {
+  return page.evaluate((nomes) => {
+    const cs = getComputedStyle(document.documentElement);
+    const out: Record<string, string> = {};
+    for (const n of nomes) out[n] = cs.getPropertyValue(n).trim();
+    out["__body_bg"] = getComputedStyle(document.body).backgroundColor;
+    out["__body_color"] = getComputedStyle(document.body).color;
+    return out;
+  }, TOKENS);
+}
+
+/** Varre elementos REAIS da página e devolve o que o browser aplicou neles. */
+async function medidasReais(page: Page) {
+  return page.evaluate((revividas) => {
+    // Sem função nomeada aqui dentro: o esbuild (via tsx) embrulha
+    // `const f = () => …` num helper `__name()` que não existe no browser, e o
+    // `page.evaluate` morre com "__name is not defined". O regex fica inline.
+    const TRANSPARENTE = /^transparent$|rgba\(0,\s*0,\s*0,\s*0\)/;
+    const achados: Record<string, unknown> = {};
+
+    for (const classe of revividas) {
+      const els = [...document.querySelectorAll<HTMLElement>("*")].filter((e) =>
+        typeof e.className === "string" && e.className.split(/\s+/).includes(classe),
+      );
+      const primeiro = els[0];
+      if (!primeiro) continue;
+      const cs = getComputedStyle(primeiro);
+      const alvo = classe.startsWith("bg-")
+        ? cs.backgroundColor
+        : classe.startsWith("border-")
+          ? cs.borderTopColor
+          : cs.color;
+      achados[classe] = {
+        ocorrencias: els.length,
+        valor: alvo,
+        // O que se quer ver: cor COM canal alfa < 1. `transparent` significa que
+        // a classe não pintou; cor opaca significa que o alfa se perdeu.
+        pinta: !TRANSPARENTE.test(alvo),
+        temAlfa: /\/\s*0?\.\d+\)|,\s*0?\.\d+\)/.test(alvo),
+      };
+    }
+
+    // `border` sem NENHUMA classe de cor — é o caso que depende inteiramente da
+    // regra do `@layer base`. Duas exclusões que a primeira versão desta sonda
+    // não tinha e que a faziam mentir: elemento que TAMBÉM traz `border-<cor>`
+    // (aí a cor não vem da regra base), e o elemento em foco (o `<input>`
+    // autofocado do login casa `focus-visible:border-accent-500` e media a cor
+    // do foco, não a do token).
+    const semCor = [...document.querySelectorAll<HTMLElement>("*")].find((e) => {
+      if (typeof e.className !== "string") return false;
+      const cs = e.className.split(/\s+/);
+      if (!cs.includes("border")) return false;
+      if (e === document.activeElement) return false;
+      return !cs.some((c) => /^border-(?!\d|solid|dashed|dotted|none|t$|b$|l$|r$|[xy]$)/.test(c));
+    });
+    if (semCor) {
+      achados["border (sem cor)"] = {
+        ocorrencias: 1,
+        valor: getComputedStyle(semCor).borderTopColor,
+        corDoToken: getComputedStyle(document.documentElement)
+          .getPropertyValue("--color-border").trim(),
+      };
+    }
+
+    // Raio: `rounded-md` tem que valer o `--radius-md` (8px), que é o que o
+    // `rounded` puro valia no v3 antes do renome.
+    const arred = document.querySelector<HTMLElement>(".rounded-md");
+    if (arred) achados["rounded-md"] = { valor: getComputedStyle(arred).borderTopLeftRadius };
+
+    return achados;
+  }, REVIVIDAS);
+}
+
+async function retrato(page: Page, nome: string, relatorio: Record<string, unknown>) {
+  await page.waitForLoadState("networkidle").catch(() => {});
+  await page.waitForTimeout(400);
+  relatorio[`${nome}/claro`] = { url: page.url(), ...(await medidasReais(page)) };
+  await page.screenshot({ path: `${SAIDA}/${nome}-claro.png`, fullPage: true });
+
+  await page.evaluate(() => document.documentElement.setAttribute("data-theme", "dark"));
+  await page.waitForTimeout(250);
+  relatorio[`${nome}/escuro`] = { tokens: await tokens(page), ...(await medidasReais(page)) };
+  await page.screenshot({ path: `${SAIDA}/${nome}-escuro.png`, fullPage: true });
+  await page.evaluate(() => document.documentElement.removeAttribute("data-theme"));
+  await page.waitForTimeout(150);
+}
+
+(async () => {
+  fs.mkdirSync(SAIDA, { recursive: true });
+  const browser = await chromium.launch();
+  const page = await browser.newPage({ viewport: { width: 1440, height: 900 } });
+  const relatorio: Record<string, unknown> = {};
+  const erros: string[] = [];
+  page.on("console", (m) => { if (m.type() === "error") erros.push(m.text()); });
+  page.on("pageerror", (e) => erros.push(String(e)));
+
+  await page.goto(`${BASE}/login`, { waitUntil: "networkidle" });
+  relatorio["tokens/claro"] = await tokens(page);
+  await retrato(page, "01-login", relatorio);
+
+  await page.fill('input[type="email"]', EMAIL);
+  await page.fill('input[type="password"]', SENHA);
+  await Promise.all([
+    page.waitForURL((u) => !u.pathname.startsWith("/login"), { timeout: 30000 }),
+    page.click('button[type="submit"]'),
+  ]);
+
+  // Instalação fresca cai no onboarding — é a primeira impressão, o P0 da
+  // doutrina de QA Visual. Percorre o que não depende de WAHA/Resend/Nuvemshop.
+  const PASSOS = [
+    ["02-onboarding-welcome", "/onboarding/welcome"],
+    ["03-onboarding-funil", "/onboarding/funil"],
+    ["04-onboarding-equipe", "/onboarding/invite-team"],
+    ["05-onboarding-ia", "/onboarding/setup-ai"],
+    ["06-onboarding-whatsapp", "/onboarding/connect-whatsapp"],
+    ["07-conta", "/app/settings/profile"],
+    ["08-seguranca", "/app/settings/security"],
+    ["09-legal-privacidade", "/legal/privacy"],
+  ] as const;
+
+  for (const [nome, rota] of PASSOS) {
+    await page.goto(`${BASE}${rota}`, { waitUntil: "domcontentloaded" }).catch(() => {});
+    await retrato(page, nome, relatorio);
+  }
+
+  relatorio["erros-de-console"] = erros;
+  fs.writeFileSync(`${SAIDA}/medicoes.json`, JSON.stringify(relatorio, null, 2));
+  await browser.close();
+  console.log(`ok — ${erros.length} erro(s) de console`);
+})();
diff --git a/tests/unit/branding-rampa.test.ts b/tests/unit/branding-rampa.test.ts
index 61fc6b588..84ba4f65c 100644
--- a/tests/unit/branding-rampa.test.ts
+++ b/tests/unit/branding-rampa.test.ts
@@ -31,8 +31,25 @@ const CSS = fs.readFileSync(path.join(RAIZ, "app/globals.css"), "utf8");
  * a catraca deixaria de calibrar contra a régua. Lendo do arquivo, mudar a Sage quebra
  * este teste — que é exatamente o aviso que se quer.
  */
+/**
+ * O bloco `:root` sai por casamento de chaves, e não por `slice` entre duas
+ * `indexOf`. A versão anterior cortava de `indexOf(":root")` até
+ * `indexOf('[data-theme="dark"]')` e quebrou na migração para o Tailwind 4: o
+ * `@custom-variant dark (&:where([data-theme="dark"], …))` pôs essa string no
+ * TOPO do arquivo, antes do `:root`, e a fatia virou vazia. O sintoma foi
+ * "não achei --color-accent-50 no :root", que aponta para o lugar errado —
+ * o `:root` estava intacto; quem tinha se mexido era o delimitador.
+ */
+function blocoRoot(css: string): string {
+  const i = css.search(/^:root\s*\{/m);
+  if (i < 0) throw new Error("não achei o bloco `:root` em globals.css");
+  const fim = css.indexOf("\n}", i);
+  if (fim < 0) throw new Error("bloco `:root` sem fechamento em globals.css");
+  return css.slice(i, fim);
+}
+
 function stopsSageDoCss(): string[] {
-  const raiz = CSS.slice(CSS.indexOf(":root"), CSS.indexOf('[data-theme="dark"]'));
+  const raiz = blocoRoot(CSS);
   return GRAUS.map((g) => {
     const m = new RegExp(`--color-accent-${g}:\\s*(#[0-9a-f]{6})`, "i").exec(raiz);
     if (!m?.[1]) throw new Error(`não achei --color-accent-${g} no :root do globals.css`);
diff --git a/tests/unit/tailwind-tokens.test.ts b/tests/unit/tailwind-tokens.test.ts
new file mode 100644
index 000000000..ae742cad3
--- /dev/null
+++ b/tests/unit/tailwind-tokens.test.ts
@@ -0,0 +1,206 @@
+import fs from "node:fs";
+import path from "node:path";
+
+import { describe, expect, it } from "vitest";
+
+/**
+ * Guardas da migração para o Tailwind 4 (config em CSS).
+ *
+ * O `tailwind.config.ts` deixou de existir: o que era `theme.extend` virou um
+ * bloco `@theme inline` dentro de `app/globals.css`. Isso troca um arquivo que
+ * o TypeScript conferia por um arquivo que ninguém confere — e três coisas
+ * passam a poder quebrar em silêncio, com build verde e tela errada. Cada uma
+ * tem um teste aqui.
+ */
+
+const RAIZ = process.cwd();
+const CSS = fs.readFileSync(path.join(RAIZ, "app/globals.css"), "utf8");
+
+/** Recorta `<seletor> { … }` por casamento de chave, ancorado em início de linha. */
+function bloco(seletor: string): string {
+  const rx = new RegExp(`^${seletor.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")}\\s*\\{`, "m");
+  const i = CSS.search(rx);
+  if (i < 0) throw new Error(`não achei o bloco \`${seletor}\` em globals.css`);
+  const fim = CSS.indexOf("\n}", i);
+  if (fim < 0) throw new Error(`bloco \`${seletor}\` sem fechamento em globals.css`);
+  return CSS.slice(i, fim);
+}
+
+/** Nomes de custom property declarados dentro de um bloco. */
+function propsDe(texto: string): string[] {
+  return [...texto.matchAll(/^\s*(--[a-z0-9-]+)\s*:/gim)].flatMap((m) => (m[1] ? [m[1]] : []));
+}
+
+describe("Tailwind 4 — a ponte token → utilitário", () => {
+  it("não voltou a existir config em JS nem diretiva `@tailwind`", () => {
+    // Os dois convivem tecnicamente (`@config` existe no v4), mas conviver é o
+    // problema: com um `tailwind.config.ts` de volta, metade dos tokens passa a
+    // vir de um arquivo e metade do outro, e a divergência só aparece na tela.
+    expect(fs.existsSync(path.join(RAIZ, "tailwind.config.ts"))).toBe(false);
+    expect(fs.existsSync(path.join(RAIZ, "tailwind.config.js"))).toBe(false);
+    expect(CSS).not.toMatch(/^@tailwind\s/m);
+    expect(CSS).toMatch(/^@import "tailwindcss"/m);
+  });
+
+  it("mantém os blocos de token FORA de `@layer` — é o que neutraliza a auto-referência", () => {
+    // `@theme inline` emite, dentro de `@layer theme`, linhas do tipo
+    // `--color-bg: var(--color-bg)`, porque os nomes de token do produto já
+    // ocupam o namespace `--color-*` do Tailwind. Elas são inofensivas por UM
+    // motivo só: declaração sem layer vence declaração em layer, e o `:root`
+    // autoral está sem layer. Embrulhar `:root` num `@layer` inverteria a
+    // precedência, a auto-referência passaria a valer, e TODA cor do produto
+    // viraria inválida — tela em branco e preto, com build verde.
+    // O que se procura é o bloco que DECLARA token. `@layer base` legitimamente
+    // tem um `[data-theme="dark"] { color-scheme: dark }` — regra de tema, não
+    // definição de token; ela pode morar em layer sem consequência nenhuma.
+    for (const l of CSS.matchAll(/^@layer\s+([a-z]+)\s*\{/gim)) {
+      const inicio = l.index ?? 0;
+      const fim = CSS.indexOf("\n}", inicio);
+      const corpo = CSS.slice(inicio, fim < 0 ? CSS.length : fim);
+      const regras = corpo.matchAll(/^\s*(:root|\[data-theme="(?:light|dark)"\])\s*\{/gm);
+      for (const r of regras) {
+        const de = r.index ?? 0;
+        const ate = corpo.indexOf("}", de);
+        const dentro = corpo.slice(de, ate < 0 ? corpo.length : ate);
+        expect(
+          /^\s*--[a-z0-9-]+\s*:/im.test(dentro),
+          `\`${r[1]}\` declara token dentro de @layer ${l[1]} — isso liga a auto-referência`,
+        ).toBe(false);
+      }
+    }
+  });
+
+  it("todo token que o `@theme inline` consome existe no `:root`", () => {
+    // Um `var(--color-foo)` no @theme apontando para nada não gera erro: o
+    // utilitário nasce, aplica um valor vazio, e o elemento fica sem cor. Este
+    // teste é o que transforma o erro de digitação em falha de CI.
+    const raiz = new Set(propsDe(bloco(":root")));
+    const tema = bloco("@theme inline");
+    const consumidos = [...tema.matchAll(/var\((--[a-z0-9-]+)\)/gi)].flatMap((m) =>
+      m[1] ? [m[1]] : [],
+    );
+
+    expect(consumidos.length).toBeGreaterThan(50);
+
+    // As duas fontes são injetadas pelo `next/font` como custom property no
+    // `<html>` (app/layout.tsx), não pelo `:root` do CSS — por isso não caem na
+    // regra acima. A isenção não é um buraco: o teste confere logo abaixo que
+    // elas continuam sendo declaradas lá.
+    const DE_FORA_DO_CSS = ["--font-atkinson", "--font-mono"];
+    const layout = fs.readFileSync(path.join(RAIZ, "app/layout.tsx"), "utf8");
+    for (const v of DE_FORA_DO_CSS) {
+      expect(layout, `${v} deixou de ser declarada pelo next/font`).toContain(`"${v}"`);
+    }
+
+    const orfaos = [...new Set(consumidos)].filter(
+      (v) => !raiz.has(v) && !DE_FORA_DO_CSS.includes(v),
+    );
+    expect(orfaos, `tokens referenciados no @theme mas ausentes do :root`).toEqual([]);
+  });
+
+  it("o `@source` cobre toda pasta que realmente escreve className", () => {
+    // `source(none)` desliga a descoberta automática. O preço é este: pasta de
+    // UI nova fora da lista perde TODAS as classes, sem erro de build — a tela
+    // simplesmente renderiza sem estilo.
+    const declarados = [...CSS.matchAll(/^@source\s+"\.\.\/([a-z-]+)"/gim)].flatMap((m) =>
+      m[1] ? [m[1]] : [],
+    );
+    expect(declarados.length).toBeGreaterThan(0);
+
+    const raizesComClasse = fs
+      .readdirSync(RAIZ, { withFileTypes: true })
+      .filter((d) => d.isDirectory() && !d.name.startsWith(".") && d.name !== "node_modules")
+      .map((d) => d.name)
+      .filter((nome) => {
+        // Só interessa pasta que entrega UI ao browser. `tests/` e `docs/`
+        // escrevem className em fixture e em exemplo, e ficam de fora de
+        // propósito — varrê-las publicaria CSS que nenhuma tela usa.
+        if (["tests", "docs", "scripts", "supabase", "public", "tasks", "loop"].includes(nome)) {
+          return false;
+        }
+        return temClassName(path.join(RAIZ, nome));
+      });
+
+    const faltando = raizesComClasse.filter((n) => !declarados.includes(n));
+    expect(faltando, "pasta com className fora do @source de app/globals.css").toEqual([]);
+  });
+});
+
+describe("Tailwind 4 — utilitários que mudaram de significado", () => {
+  const ARQUIVOS = listarFontes(["app", "components", "lib", "hooks"]);
+
+  it("não usa `rounded` puro — no v4 ele é 0.25rem, não o `--radius-md` do produto", () => {
+    // No v3 este projeto redefinia o DEFAULT de borderRadius para
+    // `var(--radius-md)` (8px). O v4 não tem esse DEFAULT sobrescrevível — nem
+    // por `@utility rounded`, que o embutido vence. Deixar `rounded` puro
+    // encolhe o raio de 8px para 4px em silêncio.
+    const culpados = ocorrencias(ARQUIVOS, /(?<=[\s"'`])rounded(?=[\s"'`])/g);
+    expect(culpados, "use `rounded-md` (8px) ou o grau explícito").toEqual([]);
+  });
+
+  it("não usa `outline-none` — no v4 esse nome virou `outline-hidden`", () => {
+    // O `outline-none` do v4 é outra coisa (`outline-style: none`) e não
+    // preserva o contorno transparente que o modo de alto contraste do sistema
+    // precisa. Trocar por engano degrada acessibilidade sem quebrar nada.
+    const culpados = ocorrencias(ARQUIVOS, /(?<=[\s"'`:])outline-none(?=[\s"'`])/g);
+    expect(culpados, "use `outline-hidden`").toEqual([]);
+  });
+
+  it("não usa `flex-shrink-*` / `flex-grow-*` — renomeados para `shrink-*` / `grow-*`", () => {
+    const culpados = ocorrencias(ARQUIVOS, /(?<=[\s"'`:])flex-(shrink|grow)(-\d+)?(?=[\s"'`])/g);
+    expect(culpados, "use `shrink-*` / `grow-*`").toEqual([]);
+  });
+});
+
+// ── auxiliares ────────────────────────────────────────────────────────────
+
+function listarFontes(raizes: string[]): string[] {
+  const saida: string[] = [];
+  const anda = (dir: string) => {
+    for (const d of fs.readdirSync(dir, { withFileTypes: true })) {
+      const p = path.join(dir, d.name);
+      if (d.isDirectory()) {
+        if (d.name === "node_modules" || d.name.startsWith(".")) continue;
+        anda(p);
+      } else if (/\.tsx?$/.test(d.name) && !/\.(test|spec)\.tsx?$/.test(d.name)) {
+        saida.push(p);
+      }
+    }
+  };
+  for (const r of raizes) {
+    const p = path.join(RAIZ, r);
+    if (fs.existsSync(p)) anda(p);
+  }
+  return saida;
+}
+
+function ocorrencias(arquivos: string[], rx: RegExp): string[] {
+  const achados: string[] = [];
+  for (const f of arquivos) {
+    const linhas = fs.readFileSync(f, "utf8").split("\n");
+    linhas.forEach((linha, i) => {
+      // Prosa não é classe. `lib/ai/cost.ts` documenta "rounded up" e viraria
+      // culpado; a heurística de linha de comentário é grosseira mas suficiente,
+      // porque nenhuma classe do produto mora em linha iniciada por `*` ou `//`.
+      const cru = linha.trimStart();
+      if (cru.startsWith("*") || cru.startsWith("//") || cru.startsWith("/*")) return;
+      if (new RegExp(rx.source, rx.flags.replace("g", "")).test(linha)) {
+        achados.push(`${path.relative(RAIZ, f)}:${i + 1}`);
+      }
+    });
+  }
+  return achados;
+}
+
+function temClassName(dir: string): boolean {
+  for (const d of fs.readdirSync(dir, { withFileTypes: true })) {
+    if (d.name === "node_modules" || d.name.startsWith(".")) continue;
+    const p = path.join(dir, d.name);
+    if (d.isDirectory()) {
+      if (temClassName(p)) return true;
+    } else if (/\.tsx$/.test(d.name) && fs.readFileSync(p, "utf8").includes("className=")) {
+      return true;
+    }
+  }
+  return false;
+}