/* Moldura do CASO na fila da mesa documental.

   ARMADILHA (a mesma da Esteira, de Julgamentos e do .pb-wrap): `.docs4-list`
   e `grid-template-columns:repeat(2,minmax(0,1fr))`. Filho direto NOVO em grid
   precisa de `grid-column` explicito, senao o navegador joga a secao dentro de
   UMA coluna e o conteudo fica estrangulado. Daqui vem o `1/-1` + `min-width:0`. */
.docsc-case{grid-column:1/-1;min-width:0;display:flex;flex-direction:column;gap:10px;padding:12px 12px 14px;border:1px solid var(--border);border-left:3px solid var(--primary-ink);border-radius:16px;background:var(--bg2)}
.docsc-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
.docsc-id{display:flex;flex-direction:column;gap:2px;min-width:0}
/* ARMADILHA 2 (custou tempo): `alos-quality.css` tem um PISO de legibilidade com
   `!important` que casa por SUFIXO de classe —
   `.main small, .main [class$="-eyebrow"], ... { font-size:max(11px,.78em)!important }`.
   `docsc-eyebrow` termina em `-eyebrow`, entao qualquer valor que eu declare abaixo
   do piso e FICCAO: medido, o eyebrow renderiza 12,48px e o <small> 12,8px, nao o
   que estiver escrito aqui. Declaro 11px/12px para o numero ser honesto e para o
   texto seguir legivel se o modulo de qualidade nao carregar. Nao brigar com o piso:
   ele e politica da casa ("hierarquia por peso/cor, sem microtexto ilegivel"). */
.docsc-eyebrow{font-size:11px;font-weight:800;letter-spacing:.14em;color:var(--primary-ink)}
.docsc-id>b{font-size:15px;font-weight:800;color:var(--text-bright);overflow-wrap:anywhere}
/* Texto pequeno pede 4,5:1, entao o subtitulo usa --muted (4,76 claro / 6,17 escuro),
   nunca --muted2 (2,83 aqui, reprova AA). */
.docsc-id>small{font-size:12px;color:var(--muted)}
.docsc-chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
/* Chip e <span> sem sufixo conhecido: NAO pega o piso de legibilidade, o valor daqui
   e o que vale de verdade. Por isso 11px e nao 10,5px — o piso da casa e 11px. */
.docsc-chips>span{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border:1px solid var(--border);border-radius:999px;background:var(--card);font-size:11px;font-weight:600;color:var(--muted)}
.docsc-chips>span>b{font-weight:800;color:var(--text-bright)}
/* --muted AQUI REPROVA: sobre `--primary-wash` (composita para rgb(231,238,251) no
   claro) o #64748b cai para 4,08:1 — medido — contra os 4,76:1 que ele tem sobre
   `--card`. A lavagem azul e que come a margem. Por isso a frase usa --text-soft
   (8,88:1 claro / 8,26:1 escuro). Regra: trocar de fundo obriga a remedir a tinta. */
.docsc-why{display:flex;align-items:flex-start;gap:6px;margin:0;padding:8px 10px;border-radius:10px;background:var(--primary-wash);font-size:12px;line-height:1.45;color:var(--text-soft)}
.docsc-why>span{min-width:0}
.docsc-why b{font-weight:800;color:var(--text-bright)}
.docsc-why svg{flex:0 0 auto;width:13px;height:13px;margin-top:1px;color:var(--primary-ink)}
/* A moldura ocupa a largura toda, entao os cartoes dentro dela mantem o mesmo
   ritmo de 2 colunas da lista original. */
.docsc-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0}
@media(max-width:960px){.docsc-body{grid-template-columns:1fr}}