/* Central separada (B116) — SÓ o que o aparelho de verdade pede e a foto do molde não tinha. Nada de cor solta: só tokens.
   1) tema escuro pelo aparelho: o molde troca a assinatura só com data-tema; aqui também com prefers-color-scheme;
   2) a barra de status do celular era da moldura da foto (19:04, sinal, bateria): no aparelho quem desenha é o sistema,
      então ela não é emitida e o que estava preso a ela (folha do pedido) sobe para o topo, respeitando o recorte da tela;
   3) campos de verdade (input) no lugar dos desenhos de campo; o código de 6 números é um input só por cima das 6 caixas
      (o celular oferece o código sozinho: autocomplete one-time-code);
   4) os botões sem JavaScript ainda funcionam como formulário; o que só a página faz (abrir folha e diálogo) usa [hidden]. */
@media (prefers-color-scheme: dark){
  :root:not([data-tema="claro"]) .ct .so-claro{display:none!important}
  :root:not([data-tema="claro"]) .ct .so-escuro{display:block!important}
}
[hidden]{display:none!important}
.ct .ct-entrada form.ag-cartao{margin:0}
.ct .ct-entrada label{display:block}
.ct-entrada__pe svg.ic{margin:0 auto}
.ct-codigo-campo{position:relative;display:block}
.ct-codigo-campo input{position:absolute;inset:0;width:100%;height:100%;opacity:0;border:0;font-size:16px;caret-color:transparent}
@media (max-width:767px){
  .ct-folha{top:0;padding-top:max(12px,env(safe-area-inset-top))}
  .ct-conteudo{padding-top:env(safe-area-inset-top)}
  .ct-abas{padding-bottom:env(safe-area-inset-bottom)}
}
.ct-tarefa{cursor:pointer}
.ct-busca input{flex:1;min-width:0;border:0;background:transparent;font:inherit;font-size:inherit;color:var(--ag-texto);outline:none;padding:0}
.ct-busca input::placeholder{color:var(--ag-texto-2)}
.ag-pilula{cursor:pointer}
.ct a.ag-menu__item,.ct a.ag-abas__item{text-decoration:none}      /* a cor é a do catálogo (.ag-menu__item), como no molde */
.ct label.ct-busca{cursor:text}