/* Marketing OS — ajustes de celular (arquivo separado, regra do projeto).
   Carregado com <link media="(max-width: 820px)">. */
header.topo { flex-wrap: wrap; padding: 10px 12px; gap: 8px; }
nav.abas { overflow-x: auto; width: 100%; -webkit-overflow-scrolling: touch; }
nav.abas a { white-space: nowrap; padding: 8px 10px; font-size: 13px; }
main { padding: 12px; }
.grade { grid-template-columns: 1fr; }
.contadores .card-num { min-width: 96px; padding: 8px 12px; }
.contadores .card-num b { font-size: 19px; }
.filtros { flex-direction: column; align-items: stretch; }
.filtros label { width: 100%; }
.filtros input, .filtros select { width: 100%; }
.modal { padding: 14px; border-radius: 10px; }
.previa { flex-direction: column; align-items: center; }
.previa .v169 { width: 100%; height: auto; aspect-ratio: 16/9; }
.previa .v916 { width: 60%; height: auto; aspect-ratio: 9/16; }
.linha-chat { flex-direction: column; }