/* Densidade compacta (out/2026): o Enio achou os blocos grandes demais. Carregada depois de estilo-v2.css,
   só reduz tamanho (letra, espaçamentos, cantos, números); cores e formas continuam as mesmas.
   Para voltar ao tamanho anterior, basta tirar o <link> deste arquivo do index.html. */
html { font-size: 15px; }
body { font-size: 13.5px; }
:root { --raio: 16px; --raio-g: 20px; }

/* Estrutura */
body .app { grid-template-columns: 216px 1fr; }
body .lateral { padding: 16px 10px 10px; }
body #menu { gap: 2px; }
body #menu a { padding: 7px 12px; }
body .usuario-atual { padding: 6px 8px; }
body .usuario-atual button, body .tema-btn { width: 30px; height: 30px; }
body .conteudo { padding: 18px 24px 48px; }
body .barra h1 { font-size: clamp(1.6rem, 2.5vw, 2.15rem); margin-top: 2px; }

/* Botões, campos e abas */
body .btn { padding: 6px 14px; font-size: .92rem; }
body .btn-icone, body .menu-toggle { width: 34px; height: 34px; }
body input:not([type=checkbox]):not([type=radio]):not([type=color]), body select { padding: 6px 13px; min-height: 34px; }
body textarea { padding: 8px 13px; border-radius: 14px; }
body .abas { padding: 3px; gap: 2px; }
body .abas button, body .abas a { padding: 5px 12px; }

/* Cartões, números e listas */
body .cartao, body .projeto-card, body .membro { padding: 14px 16px; }
body .cartao-cabeca { margin-bottom: 10px; }
body .cartao-cabeca h2 { font-size: 1rem; }
body .metricas { gap: 10px; }
body .metrica { padding: 11px 14px; gap: 3px; }
body .metrica span { font-size: .78rem; }
body .metrica strong { font-size: min(1.8rem, 12cqw); }
body .metrica small { font-size: .74rem; }
body .lista-item { padding: 7px 10px; margin: 0 -10px; border-radius: 12px; }
body .tag { padding: 2px 10px; font-size: .7rem; }
body .avatar { width: 28px; height: 28px; }

@media (max-width: 900px) {
  body .app { grid-template-columns: 1fr; } /* no celular a lateral vira menu: uma coluna só */
}
@media (max-width: 860px) {
  body .conteudo { padding: 14px 14px 40px; }
  body .barra h1 { font-size: 1.6rem; }
}