/* ==========================================================================
   LINHA DE CARTAO — a forma da lista abaixo de 768 px, e a previa do Hoje.

   Nao ha coluna, nao ha cabecalho, nao ha ordenacao por clique (a ordem vira
   menu). Quatro zonas:

     0000000      [ABC1D23]            R$ 1.467,35   ← identificacao · valor
     Excesso de peso · Res. 5.998/22                 ← o que e
     ● Aguardando decisao  ◐ defesa · 4 d            ← status · prazo com no

   Arquivo proprio porque e peca nova e vai crescer (T3 acrescenta a terceira
   zona com a pilula completa; T5 usa na previa do Hoje).
   ========================================================================== */

/* `.lcart--sempre` SAIU junto com a opcao `sempre` de linhasCartao(): a previa
   do Hoje desenhava o cartao no desktop, contra "quem aprendeu a ler uma linha
   leu todas". Agora o cartao e SO a forma de tela estreita, sem excecao. */
.lcart { display: none; flex-direction: column; }

.lcart__i {
  display: flex; flex-direction: column; gap: 6px;
  padding: 12px 14px; text-align: left; width: 100%;
  border-bottom: 1px solid var(--lin);
  transition: background calc(var(--t1) * var(--mo)) var(--suave);
}
.lcart__i:last-child { border-bottom: none; }
@media (hover: hover) {
  /* linha nao leva assimetria — mesma regra da tabela */
  .lcart__i:hover { background: var(--sup2); }
}

.lcart__l1 { display: flex; align-items: center; gap: 8px; min-width: 0; }
.lcart__l1 b { font-family: var(--fm); font-size: 12px; font-weight: 500; }
.lcart__l1 .lcart__v { margin-left: auto; font-family: var(--fm); font-size: 12.5px; font-weight: 600; flex: none; }

.lcart__l2 { font-size: 12px; color: var(--fg2); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.lcart__l3 { display: flex; align-items: center; gap: 10px; min-width: 0; flex-wrap: wrap; }

/* O AIT E O BOTAO DE ABRIR, na linha e no cartao (08/10/2026, task 2 de
   `features/etiquetas.md`): a linha deixou de ser botao porque tem controle
   dentro, e o botao tem de ser INVISIVEL como botao — a linha fica identica.
   ⚠ `flex: none` porque o botao e quem fica no lugar do `<b>` como item do
   `.linha`: encolhivel, ele levaria o AIT a cortar, e *"o AIT nunca trunca"*. */
.ln__ait {
  font: inherit; color: inherit; background: none; border: 0; padding: 0;
  text-align: left; cursor: inherit; flex: none;
}

/* A ETIQUETA NA LINHA E NO CARTAO — UM chip e `+N`, no ANDAR DE CIMA, ao lado
   da placa (`lista.js:chipsDaLinha`; decisao do operador de 09/10/2026 — era o
   andar de baixo, antes do tipo). AIT, placa e valor sao `flex: none`, e quem
   cede e `.etqs`: o chip encolhe com reticencias no nome, e o `+N` nao.
   ⚠ SEM 48 px AO LADO DA PLACA, A ETIQUETA DESCE — SO NAQUELA LINHA, e so na
   tabela. A base de 48 px (`flex-basis`) e a medida que decide a quebra — o
   chip com quatro letras e as reticencias. O flex quebra pela base, nao pelo
   minimo: com a base no tamanho do nome, um chip de *"Mariana do financeiro"*
   desceria havendo 90 px para ele encolher. E o `max-width: max-content` entra
   na conta da quebra: o nome curto que CABE INTEIRO fica na linha mesmo abaixo
   de 48 — e, com `flex-grow`, o chip cresce ate o nome inteiro e nunca alem.
   MEDIDO (09/10/2026, 1280 px): no SENATRAN o AIT tem 9 ou 10 caracteres e
   sobram de 44 px (*Acervo inteiro*) a 98 (vista padrao) — *"Teste"* fica na
   linha nas duas, e a linha em 48 px; com o AIT de 16 da ANTT e a coluna no
   minimo (o *Acervo inteiro*, ou a vista padrao com a coluna de selecao),
   sobram 0 — ele desce com o nome inteiro, e a linha vai a 58 px. Reservar
   largura na coluna foi a primeira forma, e saiu no mesmo dia: com `decidir`
   a vista padrao ja mede 969 de 976 px, e a reserva fazia a tabela rolar e
   esconder a coluna do prazo.
   ⚠ NO CARTAO NAO HA QUEBRA: `.lcart__l1` e uma linha so, e sobram ao chip de
   ~40 px (AIT da ANTT) a ~110 (do SENATRAN); com `+N`, o chip cede ate o piso
   de 26 px (a cor e as reticencias), e o nome inteiro fica no `title`.
   ⚠ A ALTURA E A DA PLACA PEQUENA (18 px), ao lado da qual ele mora — com os
   19 da `.tag` os dois desalinhavam um pixel na mesma linha.
   ⚠ `.cel2 span` (0,1,1) — a celula de duas linhas — declara `font-size` e
   `color` para todo `<span>` dela, e `.etq` e (0,1,0): sem `.etqs .etq` e
   `.etqs .etqs__mais` o chip perderia a cor de texto DERIVADA da cor do
   cliente, que e a lei do contraste. E a mesma colisao que ja engoliu a placa
   (`.cel2 .placa`, em `telas.css`). */
.etqs { display: inline-flex; align-items: center; gap: var(--e1); flex: 1 1 48px;
        min-width: 0; max-width: max-content; overflow: hidden; }
.cel2 > .linha:has(> .etqs) { flex-wrap: wrap; row-gap: 3px; }
.etqs .etq { flex: 0 1 auto; min-width: 26px; height: 18px; font-size: 11px;
             color: var(--etq-t, var(--fg2)); }
.etqs .etq__n { max-width: 18ch; }
.etqs .etqs__mais { flex: none; font-size: 11px; font-weight: 600; color: var(--fg3); }

/* O QUARTO CORTE: abaixo de 768 a tabela vira linha de cartao. As duas formas
   saem juntas do tabelaItens(); o CSS mostra uma por corte — e o que garante
   que em 375 nenhuma tabela aparece, sem JS de resize. A regra vive AQUI, no
   arquivo da peca, porque em casca.css ela perderia por ordem de cascata.

   O SELETOR E DA PECA, NAO DO CONTEINER. Era `.tb-env .tb-rol`, e isso amarrava
   o corte ao envelope da lista do Acervo: quando a previa do Hoje passou a usar
   a mesma tabela — dentro de um `.cx`, nao de um `.tb-env` — em 375 px as duas
   formas apareciam empilhadas. `.tb-rol--itens` viaja com a tabela de itens
   para onde ela for, e nao pega a de entidade da Analise, da Concentracao e do
   modal, que rolam no mesmo `.tb-rol` e nao tem cartao para onde cair. */
@media (max-width: 768px) {
  .tb-rol--itens, .tb-env .pag .ck { display: none; }
  .lcart { display: flex; }
}