/* Tema escuro do painel do Garcom (OS_3941) — CAMADA GERADA. NAO EDITAR A MAO.
   Refazer com: node ~/.claude/scripts/tema-garcom/tokenizar.js <raiz> && node ~/.claude/scripts/tema-garcom/gerar.js <raiz>
   Como funciona: cada cor do codigo virou var(--tt-<cor>, <cor original>).
   No tema CLARO nada muda (a reserva e a cor original). Aqui, e so redefinir. */
:root[data-tema="escuro"] {
  color-scheme: dark;
  --tt-texto-1f2937: #b8bbbf;   /* #1f2937 — texto */
  --tt-fundo-f2fbf5: #242826;   /* #f2fbf5 — fundo */
  --tt-texto-92400e: #eeb796;   /* #92400e — texto */
  --tt-fundo-fff: #262626;   /* #fff — fundo */
  --tt-borda-c9e9d7: #2f493a;   /* #c9e9d7 — borda */
  --tt-fundo-12b85f: #275c40;   /* #12b85f — fundo */
  --tt-texto-6b7280: #a4a7ad;   /* #6b7280 — texto */
  --tt-fundo-1eb355: #275b3a;   /* #1eb355 — fundo */
  --tt-texto-0a9d51: #96eec0;   /* #0a9d51 — texto */
  --tt-fundo-fffbeb: #1f1e1c;   /* #fffbeb — fundo */
  --tt-borda-fcd34d: #4f4933;   /* #fcd34d — borda */
  --tt-texto-12303a: #a0d3e4;   /* #12303a — texto */
  --tt-borda-d6efe0: #2e4838;   /* #d6efe0 — borda */
  --tt-texto-0a7d40: #96eebf;   /* #0a7d40 — texto */
  --tt-fundo-eaf7ef: #1c1f1d;   /* #eaf7ef — fundo */
  --tt-borda-0a9d51: #395949;   /* #0a9d51 — borda */
  --tt-fundo-f3f4f6: #1c1d1f;   /* #f3f4f6 — fundo */
  --tt-texto-374151: #b6bfce;   /* #374151 — texto */
  --tt-borda-e5e7eb: #37393d;   /* #e5e7eb — borda */
  --tt-fundo-dc2626: #552525;   /* #dc2626 — fundo */
  --tt-texto-b91c1c: #ee9696;   /* #b91c1c — texto */
  --tt-fundo-e9f7ef: #1c1f1d;   /* #e9f7ef — fundo */
  --tt-fundo-e6f0ff: #1a273c;   /* #e6f0ff — fundo */
  --tt-texto-1d4ed8: #94a9e6;   /* #1d4ed8 — texto */
  --tt-fundo-dcfce7: #1a3d26;   /* #dcfce7 — fundo */
  --tt-texto-166534: #99ebb8;   /* #166534 — texto */
  --tt-fundo-fafafa: #262626;   /* #fafafa — fundo */
  --tt-fundo-e0f3e9: #1c1f1d;   /* #e0f3e9 — fundo */
  --tt-fundo-fee2e2: #3c1a1a;   /* #fee2e2 — fundo */
  --tt-borda-eee: #3a3a3a;   /* #eee — borda */
  --tt-fundo-fef3c7: #40381b;   /* #fef3c7 — fundo */
  --tt-borda-f59e0b: #544936;   /* #f59e0b — borda */
  --tt-fundo-dbeafe: #1a293d;   /* #dbeafe — fundo */
  --tt-borda-2563eb: #353e53;   /* #2563eb — borda */
  --tt-texto-1e40af: #96aaee;   /* #1e40af — texto */
  --tt-borda-059669: #3a5a50;   /* #059669 — borda */
  --tt-borda-fdba74: #4d3f31;   /* #fdba74 — borda */
  --tt-borda-86efac: #314d3b;   /* #86efac — borda */
  --tt-fundo-f0fdf4: #242826;   /* #f0fdf4 — fundo */
  --tt-texto-111827: #c5c6ca;   /* #111827 — texto */
  --tt-texto-4b5563: #a4a8ad;   /* #4b5563 — texto */
  --tt-fundo-f9fafb: #242628;   /* #f9fafb — fundo */
  --tt-texto-059669: #96eed3;   /* #059669 — texto */
  --tt-fundo-eef2ff: #242528;   /* #eef2ff — fundo */
  --tt-texto-3730a3: #a39fe5;   /* #3730a3 — texto */
  --tt-borda-fecaca: #482e2e;   /* #fecaca — borda */
  --tt-fundo-2563eb: #243354;   /* #2563eb — fundo */
  --tt-fundo-ecfdf5: #1c1f1d;   /* #ecfdf5 — fundo */
  --tt-texto-065f46: #96eed5;   /* #065f46 — texto */
  --tt-borda-a7f3d0: #304b3e;   /* #a7f3d0 — borda */
  --tt-borda-7c3aed: #3f3452;   /* #7c3aed — borda */
  --tt-fundo-7c3aed: #342351;   /* #7c3aed — fundo */
  --tt-borda-9ca3af: #3e4044;   /* #9ca3af — borda */
  --tt-fundo-9ca3af: #2a2c2f;   /* #9ca3af — fundo */
  --tt-fundo-1d4ed8: #253257;   /* #1d4ed8 — fundo */
  --tt-fundo-6d28d9: #382555;   /* #6d28d9 — fundo */
  --tt-borda-d1d5db: #393c3f;   /* #d1d5db — borda */
  --tt-fundo-eff6ff: #242628;   /* #eff6ff — fundo */
  --tt-borda-bfdbfe: #2e3a48;   /* #bfdbfe — borda */
  --tt-texto-b45309: #eebc96;   /* #b45309 — texto */
  --tt-texto-9ca3af: #a4a7ad;   /* #9ca3af — texto */
  --tt-borda-dbeafe: #2d3847;   /* #dbeafe — borda */
  --tt-fundo-f8fbff: #242628;   /* #f8fbff — fundo */
  --tt-fundo-fffdf9: #282724;   /* #fffdf9 — fundo */
  --tt-texto-333: #b5b5b5;   /* #333 — texto */
  --tt-fundo-ddd: #161616;   /* #ddd — fundo */
  --tt-fundo-eee: #1d1d1d;   /* #eee — fundo */
  --tt-texto-444: #a8a8a8;   /* #444 — texto */
  --tt-fundo-e5e7eb: #1c1d1f;   /* #e5e7eb — fundo */
  --tt-borda-bbf7d0: #2f4938;   /* #bbf7d0 — borda */
  --tt-fundo-fef9c3: #403d1b;   /* #fef9c3 — fundo */
  --tt-texto-854d0e: #eec496;   /* #854d0e — texto */
  --tt-fundo-ede9fe: #1c1c1f;   /* #ede9fe — fundo */
  --tt-texto-6d28d9: #b494e6;   /* #6d28d9 — texto */
  --tt-borda-f1e6d6: #483d2e;   /* #f1e6d6 — borda */
  --tt-texto-e11d48: #e694a6;   /* #e11d48 — texto */
  --tt-fundo-rgba2552552552: rgba(38, 38, 38, 0.2);   /* rgba(255,255,255,.2) — fundo */
  --tt-borda-d1a06a: #504333;   /* #d1a06a — borda */
  --tt-fundo-16a34a: #285e3c;   /* #16a34a — fundo */
  --tt-borda-e2e8f0: #373a3d;   /* #e2e8f0 — borda */
  --tt-texto-0f172a: #a3b5e0;   /* #0f172a — texto */
  --tt-texto-475569: #b5c0ce;   /* #475569 — texto */
  --tt-texto-2c4130: #aeb6b0;   /* #2c4130 — texto */
  --tt-borda-3d5a42: #3c5841;   /* #3d5a42 — borda */
  --tt-texto-3d5a42: #b5ceba;   /* #3d5a42 — texto */
  --tt-texto-dc2626: #e69494;   /* #dc2626 — texto */
  --tt-fundo-d1fae5: #1b3f2c;   /* #d1fae5 — fundo */
  --tt-fundo-fff7ed: #1f1d1c;   /* #fff7ed — fundo */
  --tt-borda-ea580c: #554036;   /* #ea580c — borda */
  --tt-texto-9a3412: #eeac96;   /* #9a3412 — texto */
  --tt-fundo-fdf2f8: #282426;   /* #fdf2f8 — fundo */
  --tt-borda-db2777: #543643;   /* #db2777 — borda */
  --tt-texto-9d174d: #ee96b9;   /* #9d174d — texto */
  --tt-borda-16a34a: #385844;   /* #16a34a — borda */
  --tt-fundo-faf5ff: #262428;   /* #faf5ff — fundo */
  --tt-borda-9333ea: #443552;   /* #9333ea — borda */
  --tt-texto-6b21a8: #c697ed;   /* #6b21a8 — texto */
  --tt-fundo-fefce8: #1f1f1c;   /* #fefce8 — fundo */
  --tt-borda-ca8a04: #574d38;   /* #ca8a04 — borda */
  --tt-fundo-f0fdfa: #242827;   /* #f0fdfa — fundo */
  --tt-borda-0d9488: #395a57;   /* #0d9488 — borda */
  --tt-texto-115e59: #96eee8;   /* #115e59 — texto */
}
/* Tema claro — so o que a MEDICAO apontou como ilegivel (cinza sobre branco). */
:root {

}
/* Botao de cor de marca clara: mantem a cor, escurece o TEXTO (vale nos dois temas). */
[style*="#f59e0b" i], [style*="rgb(245, 158, 11)"] { --tt-texto-ffffff: #1f2937; --tt-texto-fff: #1f2937; }
/* OS_3398 — a janela precisa se DESTACAR do fundo: alem de ser mais clara (elevacao),
   ganha um filete. Sem isto ela sumia contra a pagina escura. */
:root[data-tema="escuro"] .modal-box,
:root[data-tema="escuro"] .card,
:root[data-tema="escuro"] .node,
:root[data-tema="escuro"] .ped,
:root[data-tema="escuro"] .mesa-card,
:root[data-tema="escuro"] .plano-card,
:root[data-tema="escuro"] .kpi {
  border: 1px solid var(--tt-borda-e5e7eb, #e5e7eb);
}
/* OS_3941 — a logo do ZapZoom tem uma parte quase preta (#12303a): sobre a barra escura
   ela sumiria. Regra da casa (memoria da marca): logo sobre fundo que NAO e branco vai
   dentro de um cartao claro. So no escuro — no claro a barra ja e branca. */
:root[data-tema="escuro"] .topbar img.logo {
  background: #ffffff; border-radius: 8px; padding: 3px 8px;
}
/* Mantidos de proposito (dependem do que esta atras ou ja servem no escuro):
   - tt-fundo-rgba17243992 (fundo)
   - tt-texto-fff (texto)
   - tt-sombra-rgba00028 (sombra, translucida)
   - tt-borda-rgba25525525535 (borda, translucida)
   - tt-borda-fff (borda)
   - tt-sombra-rgba146641408 (sombra, translucida)
   - tt-fundo-0a9d51 (fundo)
   - tt-fundo-25d366 (fundo de marca: igual nos dois temas, com texto escuro)
   - tt-sombra-rgba101578106 (sombra, translucida)
   - tt-fundo-0a7d40 (fundo)
   - tt-borda-f1f5f9 (borda)
   - tt-fundo-059669 (fundo)
   - tt-fundo-111827 (fundo)
   - tt-sombra-rgba00012 (sombra, translucida)
   - tt-sombra-rgba00025 (sombra, translucida)
   - tt-sombra-bbf7d0 (sombra)
   - tt-sombra-rgba00010 (sombra, translucida)
   - tt-sombra-rgba00022 (sombra, translucida)
   - tt-fundo-f59e0b (fundo de marca: igual nos dois temas, com texto escuro)
   - tt-sombra-05966955 (sombra, translucida)
   - tt-sombra-05966933 (sombra, translucida)
   - tt-sombra-05966988 (sombra, translucida)
   - tt-fundo-047857 (fundo)
   - tt-fundo-rgba00045 (fundo)
   - tt-borda-rgba00010 (borda, translucida)
   - tt-sombra-d6efe0 (sombra)
   - tt-sombra-rgba00015 (sombra, translucida)
   - tt-fundo-374151 (fundo)
   - tt-fundo-0b7a63 (fundo)
   - tt-fundo-rgba0005 (fundo)
   - tt-sombra-rgba0003 (sombra, translucida)
   - tt-borda-rgba2552552555 (borda, translucida)
   - tt-sombra-rgba00035 (sombra, translucida)
   - tt-sombra-rgba00018 (sombra, translucida)
   - tt-fundo-3d5a42 (fundo)
   - tt-fundo-2c4130 (fundo) */
