.app-logo { order: -2; flex: 0 0 auto; display: block; line-height: 0; }
.app-logo img { inline-size: 3.5rem; block-size: 3.5rem; }
.app-main { padding: 1.5rem; }
.app-main:focus { outline: none; }
.proto-caixa { border: 1px solid var(--cor-borda); border-radius: .5rem; padding: 1rem; margin-block: 1rem; max-inline-size: 40rem; }
.proto-caixa input { margin-inline-start: .5rem; }
.proto-tabela { border-collapse: collapse; margin-block: 1rem; }
.proto-tabela :is(th, td) { border: 1px solid var(--cor-borda); padding: .4rem .8rem; text-align: start; }
@view-transition { navigation: auto; }
::view-transition-old(root), ::view-transition-new(root),
::view-transition-old(conteudo), ::view-transition-new(conteudo) { animation-duration: .12s; }