/* Estilo do módulo onboarding: só com o escopo [data-modulo="onboarding"] e só com var(--token). Primitivos vêm de app.css. */

/* ---------- páginas ---------- */
[data-modulo="onboarding"] .onb-lista,
[data-modulo="onboarding"] .onb-detalhe-pagina { display: flex; flex-direction: column; gap: var(--e-4); }
[data-modulo="onboarding"] .onb-chips { display: flex; flex-wrap: wrap; align-items: center; gap: var(--e-2); }
[data-modulo="onboarding"] .card-corpo > * + * { margin-top: var(--e-3); }

/* ---------- cartões de número ---------- */
[data-modulo="onboarding"] .onb-cartoes { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--e-4); align-items: stretch; }
/* cada cartão é a .metrica da fundação */

/* ---------- formulários nos diálogos ---------- */
[data-modulo="onboarding"] .onb-form { display: flex; flex-direction: column; gap: var(--e-4); }
[data-modulo="onboarding"] .onb-campos-cf { display: flex; flex-direction: column; gap: var(--e-1); border: 0; padding: 0; }
[data-modulo="onboarding"] .onb-pedir { display: flex; flex-direction: column; align-items: flex-end; gap: var(--e-1); }
[data-modulo="onboarding"] .onb-pedir .t-apoio { text-align: right; }
[data-modulo="onboarding"] .onb-pedir-modelo { border-top: var(--b) solid var(--borda); padding-top: var(--e-3); }

/* ---------- larguras menores ---------- */
@media (max-width: 1199px) {
  [data-modulo="onboarding"] .onb-cartoes { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  [data-modulo="onboarding"] .onb-tempos-grade { grid-template-columns: minmax(0, 1fr); }
  [data-modulo="onboarding"] .onb-cf { grid-template-columns: var(--e-6) minmax(0, 1fr); }
  [data-modulo="onboarding"] .onb-dl { grid-template-columns: auto minmax(0, 1fr); }
}
@media (max-width: 639px) {
  [data-modulo="onboarding"] .onb-cartoes,
  [data-modulo="onboarding"] .onb-filtros { grid-template-columns: minmax(0, 1fr); }
  [data-modulo="onboarding"] .onb-pedir { align-items: flex-start; }
  [data-modulo="onboarding"] .onb-pedir .t-apoio { text-align: left; }
}