/* YuFit — cabeçalho e navegação compactos no celular.
   Menos espaço com rótulos repetidos; o conteúdo da aba começa mais alto na tela. */
@media (max-width:760px){
  /* Conta: só o ícone redondo; o nome acessível "Abrir minha conta" continua no botão. */
  .avatar.own-avatar{width:44px;height:44px;min-width:44px;padding:0;border-radius:50%;display:grid;place-items:center;gap:0}
  .avatar.own-avatar .own-avatar-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
  .avatar.own-avatar svg{width:20px;height:20px}

  /* Barra de registros: uma linha baixa; "Atualizado às" sai da tela mas segue para leitores de tela. */
  .account-bar{margin-bottom:12px;padding-bottom:10px;align-items:center;gap:10px}
  .account-bar .soft{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
  .account-bar .tag{font-size:9px;padding:5px 8px}
  .account-bar input{min-height:40px;padding:6px 10px}

  /* Navegação inferior: ícone em todas, nome completo só na aba ativa (sem cortes como "Aliment."). */
  .mobile-nav a:not(.active) .nav-full,.mobile-nav a:not(.active) .nav-short{opacity:0}
  .mobile-nav a.active .nav-full{display:inline!important;white-space:nowrap}
  .mobile-nav a.active .nav-short{display:none!important}
  .mobile-nav a svg{width:22px;height:22px}
}
@media (max-width:760px) and (prefers-reduced-motion:no-preference){
  .mobile-nav a .nav-full,.mobile-nav a .nav-short{transition:opacity 180ms ease-out}
}