/* FRETE070 (E2, DISPATCH-012) — contratos, ordens de coleta, assinatura, fechamento, PEF,
 * representantes e apólices. Só é usado quando `features.central_fretes_e2` está ON
 * (nasce OFF — DEC-E2-14).
 *
 * ⚠️ MESMA REGRA do central-fretes.css: nenhuma cor literal fora de um fallback de token
 * (`var(--u-*, <anterior>)`) — as flags da UIX01 são o caminho de rollback e a tela degrada
 * para a paleta anterior em vez de sumir. Nenhum componente visual novo (DEC-0011): tudo aqui
 * é composição de `.fr-*`/`.uix-bt`/`.dw-*` já existentes; o namespace `fr-e2-` só evita a
 * briga de cascata com `.dw` (cadastros.css × pedido.css). */

.fr-e2-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 12px 20px; margin-top: 10px; }
.fr-e2-linha { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.fr-e2-acoes { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--u-linha, #eceff1); }
.fr-e2-nota { margin: 6px 0 0; font-size: .84rem; color: var(--u-texto-2, #78909c); }
.fr-e2-aviso {
  margin-top: 10px; padding: 10px 12px; border-radius: var(--u-raio-cartao, 10px);
  background: var(--u-ambar-fundo, #fff8e1); border: 1px solid var(--u-ambar, #ffb300); border-left-width: 5px;
  color: var(--u-texto, #4e342e); font-size: .88rem;
}
.fr-e2-ok {
  margin-top: 10px; padding: 10px 12px; border-radius: var(--u-raio-cartao, 10px);
  background: var(--u-verde-fundo, #e8f5e9); border: 1px solid var(--u-verde-ink, #2e7d32); border-left-width: 5px;
  color: var(--u-verde-ink, #2e7d32); font-size: .88rem;
}
.fr-e2-lista { list-style: none; margin: 8px 0 0; padding: 0; }
.fr-e2-lista li { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; padding: 8px 0; border-bottom: 1px solid var(--u-linha, #eceff1); font-size: .9rem; }
.fr-e2-lista li:last-child { border-bottom: 0; }
.fr-e2-lista .fr-e2-cresce { flex: 1 1 200px; }
.fr-e2-form { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 10px 14px; margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--u-linha, #eceff1); }
.fr-e2-form .fr-campo-full { grid-column: 1 / -1; }
.fr-e2-form textarea { border: 1px solid var(--u-linha, #cfd8dc); background: var(--u-superficie, #fff); color: var(--u-texto, #263238); border-radius: var(--u-raio-controle, 6px); padding: 6px 10px; font: inherit; min-height: 64px; }
.fr-e2-form input[type="datetime-local"], .fr-e2-form input[type="date"], .fr-e2-form input[type="time"] { font: inherit; }
.fr-e2-form .fr-e2-submit { grid-column: 1 / -1; display: flex; gap: 8px; justify-content: flex-end; }
.fr-e2-mono { font-family: var(--u-fonte-mono, ui-monospace, monospace); }
.fr-e2-sub { font-size: .8rem; color: var(--u-texto-2, #90a4ae); }
.fr-e2-check { display: flex; align-items: center; gap: 8px; font-size: .9rem; color: var(--u-texto, #263238); }
.fr-e2-tabs { display: flex; gap: 6px; flex-wrap: wrap; margin: 10px 0 0; }
.fr-e2-hash { font-family: var(--u-fonte-mono, ui-monospace, monospace); font-size: .74rem; color: var(--u-texto-2, #90a4ae); word-break: break-all; }

/* cards da ficha do transportador (drawer .dw do CRM): só espaçamento — a moldura é .dw-card */
.dw-card .fr-e2-lista li { padding: 6px 0; }
.dw-card .fr-e2-form { border-top: 0; padding-top: 4px; }

@media (max-width: 720px) {
  .fr-e2-grid { grid-template-columns: 1fr; }
  .fr-e2-lista li { flex-direction: column; align-items: flex-start; gap: 4px; }
}