/* ══════════════════════════════════════════════════════════════════════════
   AdmComIA — CONTRASTE DO TEMA CLARO

   Achados pelo mesmo medidor usado no tema escuro (OS_2805): ele percorre cada
   texto da tela, calcula a cor real e a do fundo por trás, e reprova o par
   abaixo do mínimo de leitura (4.5 para texto normal, 3.0 para texto grande).
   No tema claro sobraram 46 reprovações, de DOIS tipos — e são anteriores ao
   tema escuro, não vieram dele.

   Os tons abaixo foram escolhidos por medição, não por aparência: cada um foi
   conferido nos três fundos claros que o painel usa (branco, #f8fafc, #f1f5f9).

   Gatilho: :root:not([data-tema="escuro"]) — vale SÓ no tema claro, e a
   especificidade (0,3,0) ganha da utilitária do Tailwind CDN (0,1,0).
   ══════════════════════════════════════════════════════════════════════════ */

/* ─────────────────────────────────────────────────────────────
   1. Texto apagado — era #94a3b8, que dá 2.56 sobre branco.
   #5f6f85 dá 5.12 no branco, 4.90 no cinza claro e 4.68 no cinza médio.
   Continua visivelmente mais fraco que o texto normal, então a hierarquia
   da tela não se perde — só deixa de ser ilegível para quem enxerga menos.
   ───────────────────────────────────────────────────────────── */
:root:not([data-tema="escuro"]) .tw-text-slate-400,
:root:not([data-tema="escuro"]) .tw-text-slate-300,
:root:not([data-tema="escuro"]) .tw-text-gray-400,
:root:not([data-tema="escuro"]) .tw-text-gray-300,
:root:not([data-tema="escuro"]) .tw-text-zinc-400,
:root:not([data-tema="escuro"]) .tw-text-neutral-400,
:root:not([data-tema="escuro"]) .tw-text-stone-400 {
  color: #5f6f85;
}

/* ─────────────────────────────────────────────────────────────
   2. Selos do painel de documentação — texto branco sobre laranja e sobre
   vermelho vivos davam 2.15 e 3.76. Em vez de trocar a cor do texto (o que
   descaracterizaria o aviso), escurece-se o FUNDO mantendo o mesmo matiz:
   branco sobre #b45309 = 5.02 · branco sobre #b91c1c = 6.47.
   ───────────────────────────────────────────────────────────── */
:root:not([data-tema="escuro"]) .doc-badge-gap  { background: #b45309; }
:root:not([data-tema="escuro"]) .doc-badge-novo { background: #b91c1c; }

/* ─────────────────────────────────────────────────────────────
   3. Abas inativas — mesma causa raiz do tema escuro: esses botões não têm
   cor de fundo própria, então recebiam o cinza padrão do navegador
   (#f0f0f0) em vez da faixa cinza-clara de trás. Sobre esse cinza o texto
   dava 4.18. Deixando o botão transparente, ele volta a sentar na faixa;
   e o texto vai para #5b6a7f, que dá 5.03 ali.
   A aba ATIVA não entra: ela é a pastilha branca, e já passa.
   ───────────────────────────────────────────────────────────── */
:root:not([data-tema="escuro"]) .tab-btn:not(.tw-bg-white),
:root:not([data-tema="escuro"]) .tab-vend:not(.tw-bg-white) {
  background-color: transparent;
  color: #5b6a7f;
}

/* Botões sem classe de estilo (o aviso "Processando…" cai nisso) */
:root:not([data-tema="escuro"]) button:not([class*="tw-bg-"]):not(.btn-primary):not(.btn-secondary):not(.btn-danger):not(.btn-icon):not(.nav-btn):not(.modal-close):not(.tip) {
  background-color: transparent;
}
/* NAO dar cor ao .btn-ocupado-txt: ele aparece dentro de QUALQUER botao,
   inclusive do azul primario, onde o texto precisa continuar branco. Com o
   botao sem cor propria ja transparente (regra acima), o aviso herda a cor do
   contexto e passa no contraste sozinho. Uma regra de cor mirada num caso
   vazou para o outro e deixou "Processando..." ilegivel no botao azul. */

/* ─────────────────────────────────────────────────────────────
   4. Tons que passavam no branco mas falhavam nos fundos levemente
   coloridos que o painel usa (faixas de aviso, filtros, cartões).
   Medidos nos SETE fundos claros do app — branco, dois cinzas e as
   tintas de vermelho, âmbar, verde e azul:

     texto secundário  #64748b → #5f6f85   (pior caso 4.34 → 4.68)
     âmbar de aviso    #d97706 → #b45309   (pior caso 2.91 → 4.58)
     vermelho          #ef4444 → #c81e1e   (pior caso 3.44 → 5.24)

   O tom continua sendo o mesmo — só sai do limite onde ele sumia.
   ───────────────────────────────────────────────────────────── */
:root:not([data-tema="escuro"]) .tw-text-slate-500,
:root:not([data-tema="escuro"]) .tw-text-gray-500,
:root:not([data-tema="escuro"]) .tw-text-zinc-500,
:root:not([data-tema="escuro"]) .tw-text-neutral-500,
:root:not([data-tema="escuro"]) .tw-text-stone-500 {
  color: #5f6f85;
}

:root:not([data-tema="escuro"]) .tw-text-amber-500,
:root:not([data-tema="escuro"]) .tw-text-amber-600,
:root:not([data-tema="escuro"]) .tw-text-yellow-500,
:root:not([data-tema="escuro"]) .tw-text-yellow-600,
:root:not([data-tema="escuro"]) .tw-text-orange-500,
:root:not([data-tema="escuro"]) .tw-text-orange-600 {
  color: #b45309;
}

:root:not([data-tema="escuro"]) .tw-text-red-400,
:root:not([data-tema="escuro"]) .tw-text-red-500,
:root:not([data-tema="escuro"]) .tw-text-rose-400,
:root:not([data-tema="escuro"]) .tw-text-rose-500 {
  color: #c81e1e;
}