/* Entregas > Formar cargas (frontend/js/frota/cargas.js). Só variáveis do
   design system: o tema escuro vem junto. */
.cg-grade { display: grid; grid-template-columns: minmax(240px, 320px) minmax(0, 1fr); gap: 18px; align-items: start; }
@media (max-width: 900px) { .cg-grade { grid-template-columns: minmax(0, 1fr); } }

.cg-cargas { display: grid; gap: 10px; margin-top: 14px; }
.cg-carga { text-align: left; width: 100%; padding: 12px 14px; border: 1px solid var(--border); border-radius: var(--r-md);
  background: var(--surface-2); color: var(--texto); font: inherit; cursor: pointer; display: grid; gap: 4px; }
.cg-carga:hover { border-color: var(--accent); }
.cg-carga-tit { display: flex; align-items: center; justify-content: space-between; gap: 8px; }

.cg-campos { margin-bottom: 18px; }
.cg-entregas-cab { margin-top: 4px; }
.cg-ordem { white-space: nowrap; text-align: right; }
.cg-ordem .btn { padding: 4px 8px; min-width: 30px; }
.cg-ordem .btn svg { width: 14px; height: 14px; }

.cg-aviso { display: flex; gap: 10px; align-items: flex-start; padding: 10px 12px; margin-bottom: 14px; border-radius: var(--r-sm);
  background: var(--accent-suave); color: var(--texto); font-size: 13px; }
.cg-aviso svg { width: 16px; height: 16px; flex-shrink: 0; margin-top: 2px; }
.cg-aviso.erro { background: var(--vermelho-bg); color: var(--vermelho); }
.cg-aviso ul { margin: 6px 0 0; padding-left: 18px; }

.cg-carga.ativa { border-color: var(--accent); background: var(--accent-suave); }
.cg-incluir { display: flex; align-items: flex-end; gap: 10px; flex-wrap: wrap; margin-bottom: 10px; }
.cg-incluir .campo { min-width: 0; flex: 1 1 140px; }
.cg-incluir .cg-filial { flex: 0 0 80px; }
.cg-resultado { font-size: 13px; color: var(--texto-suave); margin-bottom: 12px; }
.cg-entregas { max-height: 60vh; overflow: auto; }

/* Símbolo de "em teste" ao lado do nome da aba no menu. */
.aba .aba-teste { margin-left: auto; display: inline-grid; place-items: center; width: 18px; height: 18px; border-radius: 99px;
  background: var(--ambar-bg); color: var(--ambar); }
.aba .aba-teste svg { width: 12px; height: 12px; }