/* =====================================================================================
   EFICÁCIA CRM — Trabalhos (mod-trabalhos)
   Folhas de obra por tipo. Prefixo trb-; aproveita ds-* e os modais sup-*.

   AUDITORIA DE 2026-08-29 — saíram daqui três clones do design system, e com eles
   os defeitos que o dono apanhou a olho:

     · `.trb-cab-acoes` → `.ds-lst-cab-acoes` (ds-listagem.css §1). A privada tinha
       `margin-left:auto` e `flex-shrink:0` — propriedades de FLEX num contentor que é
       GRID, portanto inertes — e faltava-lhe o `grid-column: 1 / -1`. A 390px as ações
       esticavam a primeira coluna («auto») e o título ficava com 7px de largura.
     · `.trb-chip`/`.trb-chips` → `.ds-chips`/`.ds-chip` (design-system.css). Era o
       mesmo desenho copiado à mão, sem o `@media (pointer: coarse)` que faz o chip
       crescer para o alvo de toque, e com a cor de marca escrita em hexadecimal em
       vez do token.
     · `.trb-loading` → MOD.ui.skeleton. Uma área com «A carregar…» não é a mesma
       coisa que a silhueta da tabela que vai aparecer.
     · cursor e hover da linha clicável → `.ds-row-link` (design-system.css:1804),
       que já os traz e é o que os módulos irmãos usam.
   ===================================================================================== */

.trb-page { display: flex; flex-direction: column; gap: 16px; }
.trb-card { padding: 16px; }

/* Só o espaçamento entre as duas filas de chips — o resto vem do `.ds-chips`. */
.trb-chips { margin-bottom: 10px; }

.trb-tabela { width: 100%; }
.trb-tabela-mini { width: 100%; margin-top: 6px; }
.trb-num { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
/* Coluna das ações por linha: encolhe ao conteúdo e não rouba largura ao texto. */
.trb-c-acoes { width: 1%; white-space: nowrap; text-align: right; }
.trb-sub { font-size: 12px; color: var(--ink-500, #6E6668); }
.trb-vazio { text-align: center; color: var(--ink-500, #6E6668); padding: 22px 0; }

.trb-det-meta { font-weight: 600; color: var(--ink-700, #4A4245); margin: 0 0 4px; display: flex; flex-wrap: wrap; gap: 4px; align-items: center; }
.trb-det-desc { color: var(--ink-600, #5B5355); margin: 0 0 10px; }

.trb-sec { margin: 0 0 14px; padding: 12px 14px; border: 1px solid rgba(15, 12, 41, 0.08); border-radius: 12px; background: var(--paper-50, #F7F8FA); }
.trb-sec-cab { display: flex; align-items: center; gap: 10px; margin-bottom: 4px; }
.trb-sec-cab .ds-btn { margin-left: auto; }

.trb-foot-esticar { flex: 1; }

/* --- filtro de datas (reunião 21/08: datas em todas as análises) ---
   Fila própria, por baixo dos chips: dentro do `.ds-chips` (que em mobile é uma
   faixa de scroll horizontal) os campos de data ficavam fora do ecrã. */
.trb-datas { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-bottom: 14px; }
.trb-data { width: 150px; }
.trb-data-lbl { font-size: 12px; font-weight: 600; color: var(--ink-500, #6E6668); }