/* Plataforma: tela de operação de quem vende o sistema. Cores e medidas vêm de /ds/tokens.css. */
body { margin: 0; }
.entrada { min-height: 100vh; display: grid; place-items: center; padding: var(--e4); }
.caixa-entrada { width: min(400px, 100%); }
.caixa-entrada label { display: grid; gap: var(--e1); font-size: 12.5px; font-weight: 500; color: var(--texto-2); }
.topo { position: sticky; top: 0; z-index: 10; display: flex; align-items: center; gap: var(--e3); padding: var(--e2) var(--e4); background: var(--superficie); border-bottom: 1px solid var(--borda); flex-wrap: wrap; }
.espaco { flex: 1; }
.abas-plat { display: flex; gap: var(--e1); }
.abas-plat button { border: 0; background: transparent; color: var(--texto-2); font-weight: 600; border-bottom: 2px solid transparent; border-radius: 0; }
.abas-plat button.sel { color: var(--link); border-bottom-color: var(--primaria); }
main#conteudo { padding: var(--e4); max-width: 1200px; margin: 0 auto; display: grid; gap: var(--e4); align-content: start; }
.barra-filtros { display: flex; gap: var(--e3); flex-wrap: wrap; align-items: end; }
.barra-filtros label, .grade-form label { display: grid; gap: var(--e1); font-size: 12.5px; font-weight: 500; color: var(--texto-2); }
.grade-form { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: var(--e3); align-items: end; }
.acoes { display: flex; gap: var(--e2); flex-wrap: wrap; align-items: center; }
.checks { display: flex; gap: var(--e3); flex-wrap: wrap; }
.checks label { display: flex; align-items: center; gap: var(--e1); font-weight: 400; color: var(--texto); }
.checks input { width: auto; }
.duas { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--e4); align-items: start; }
@media (max-width: 900px) { .duas { grid-template-columns: minmax(0, 1fr); } }
.tabela { overflow-x: auto; }
.abas-plat { flex-wrap: wrap; }
.blocos { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: var(--e3); }
.bloco-num { display: grid; gap: var(--e1); align-content: start; }
.num-grande { font-size: 24px; line-height: 1.2; }