/* HPI — cartão principal (app-card) e área de conteúdo.
   ATENÇÃO: a ordem de carregamento (index.php) é a ordem da cascata. Não reordene. */

/* ===== Mobile (tela cheia) ===== */
.app-card{
  width:100%;height:100dvh;background:rgba(255,255,255,.05);
  backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);
  border:1px solid rgba(255,255,255,.15);box-shadow:0 20px 40px rgba(0,0,0,.5);
  z-index:10;display:flex;flex-direction:column;overflow:hidden;position:relative;
  padding-top:env(safe-area-inset-top,0px);
}
.form-content{flex:1;min-height:0;display:flex;flex-direction:column;padding:20px 16px 0}