/* Acompanhamento, Diários Oficiais e IA Jurídica — identidade visual (Fase 11).
 *
 * Módulos: Acompanhamento, Diários Oficiais, Chat Livre, Gerar Peça,
 * Jurisprudência STJ, Doutrina e DataJud CNJ.
 *
 * Auditoria antes de programar:
 *
 *   módulo            o que já existe                      ação
 *   ────────────────  ──────────────────────────────────  ──────────────────
 *   Acompanhamento    `.caixa-dash-scope`, `ti-*`,         nada — já alinhado
 *                     spinner, cx-btn
 *   Diários Oficiais  idem                                nada — já alinhado
 *   Gerar Peça        idem                                nada — já alinhado
 *   Jurisprudência    `.tcard`, `.search-row`, `.sinp`,   paleta e foco
 *   Doutrina          `.ssel`, `.sbtn`, `.drop-zone`      paleta e foco
 *   DataJud CNJ       (família comum de busca)            paleta e foco
 *
 * Os três primeiros já usam o vocabulário do Dashboard. Os três últimos
 * compartilham UMA família de componentes de busca — o próprio CSS antigo a
 * chama de "telas de busca/ferramentas". Por isso este arquivo escopa a
 * família, não cada módulo: seria a mesma regra escrita três vezes.
 *
 * O que NÃO se mexeu: consultas, análises já salvas, permissões, limites de
 * busca e proveniência dos resultados.
 */

.tcard,
.search-row,
.drop-zone {
  --pj-texto-1: #0f172a;
  --pj-texto-2: #475569;
  --pj-muted:   #94a3b8;
  --pj-borda:   #e2e8f0;
}

/* ── cartão de ferramenta: mesma borda e raio dos cartões aprovados ─────── */
.tcard {
  border-color: var(--pj-borda);
  border-radius: 8px;
  box-shadow: 0 1px 2px 0 rgb(15 23 42 / .04);
}
.tcard-title { color: var(--pj-texto-1) }
.tcard-title > .ti { font-size: 16px; line-height: 1; vertical-align: -2px }
.tcard-sub { color: var(--pj-texto-2) }   /* era #1f2937, quase preto para texto auxiliar */

/* ── campos: a borda e o foco das telas já migradas ─────────────────────── */
.sinp,
.ssel {
  border-color: var(--pj-borda);
  border-radius: 8px;
}
.sinp:focus,
.ssel:focus {
  border-color: #94a3b8;
  outline: 2px solid var(--jd-foco);
  outline-offset: 1px;
}
.sbtn:focus-visible { outline: 2px solid var(--jd-foco); outline-offset: 2px }

/* ── zona de arrastar arquivo ───────────────────────────────────────────── */
.drop-zone {
  border: 1px dashed #cbd5e1;
  border-radius: 8px;
  background: #f8fafc;
}
.drop-zone:hover { background: #f1f5f9; border-color: #94a3b8 }
.drop-zone:focus-visible { outline: 2px solid var(--jd-foco); outline-offset: 2px }
.dz-ico { font-size: 24px; line-height: 1; color: var(--pj-muted) }
.dz-ico > .ti,
.dz-ico.ti { font-size: 24px; line-height: 1 }
.dz-title { color: var(--pj-texto-1) }
.dz-sub { color: var(--pj-muted) }