/* Versão para computador (telas com 900px ou mais).
   Só a versão web carrega este arquivo: as versões do iPhone e do Android não o usam. */

body { padding: 28px 24px; }
main { max-width: 1180px; }

/* Entrar / Criar conta: painel de login mais largo e centralizado */
.auth { max-width: 920px; margin: 40px auto 0; }

/* Cadastro da piscina: formulário centralizado e mais estreito */
#setup { max-width: 720px; margin: 24px auto; }

/* Tela principal: cada bloco ocupa a largura toda, e os cartões de medição ficam lado a lado */
#painel > * { grid-column: 1 / -1; }
.medicoes { grid-template-columns: repeat(3, minmax(0, 1fr)); }

/* Histórico em duas colunas quando há espaço */
#historico { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
#historico .vazio { grid-column: 1 / -1; }