/* App instalável: aviso em baixo, no telemóvel (ver inc/app.php e assets/js/app.js). */
.app-aviso { position: fixed; left: 12px; right: 12px; bottom: calc(12px + env(safe-area-inset-bottom)); z-index: 950; display: flex; align-items: center; gap: 12px;
  background: #fff; color: var(--texto, #3d352b); border: 1px solid var(--linha, #d9e3dc); border-radius: 18px; padding: 12px 12px 12px 14px;
  box-shadow: 0 18px 50px rgba(47, 41, 34, .22); transform: translateY(140%); transition: transform .3s ease; max-width: 560px; margin: 0 auto; }
.app-aviso.aberto { transform: none; }
.app-aviso[hidden] { display: none; }
.app-aviso > img { width: 46px; height: 46px; border-radius: 12px; flex-shrink: 0; box-shadow: 0 1px 4px rgba(0, 0, 0, .12); }
.app-aviso-txt { flex: 1; min-width: 0; font-size: .86rem; line-height: 1.4; }
.app-aviso-txt > b { display: block; font-size: .95rem; color: var(--tinta, #1d2a25); margin-bottom: 2px; }
.app-aviso-txt svg { vertical-align: -2px; }
.app-aviso .btn { flex-shrink: 0; }
.app-aviso .btn[hidden] { display: none; }
.app-fechar { flex-shrink: 0; align-self: flex-start; border: 0; background: none; font-size: 1.4rem; line-height: 1; color: var(--texto-suave, #7b7062); padding: 2px 4px; cursor: pointer; }
[data-app-menu][hidden] { display: none !important; }