/* cockgit — nova-pwa.css
   o APP INSTALÁVEL (10/10/2026): a linha do [Instalar app] que o [?] abre (#nv-app) e o
   aviso discreto "versão nova — recarregar" (#pwa-versao). Quem pinta é js/app-pwa.js.

   A linha do [?] tem a voz do manual (.nv-manual, nova.css): a mesma régua, a mesma
   superfície, letra de legenda — ela é parte da ajuda, não um banner. O aviso de versão
   é um rótulo parado no canto: sem animação, sem cor de alerta (versão nova não é
   problema), acima da barra do [+ Nova demanda] no celular. Fora do #nv de propósito:
   a vista de legado também recebe o aviso. Cor só por token (base.css). */

  .nv-app[hidden],.pwa-versao[hidden]{display:none}
  .nv-app{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 14px;
    padding:10px 14px;max-width:75ch;min-width:0;border:1px solid var(--ruleS);
    background:var(--surface);color:var(--text);font-size:var(--t-cap);line-height:1.5}
  .nv-app p{margin:0;flex:1 1 24ch;min-width:0;overflow-wrap:anywhere}
  .nv-app button{min-height:40px}

  .pwa-versao{position:fixed;left:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));
    z-index:60;display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;
    max-width:calc(100vw - 32px);padding:8px 12px;background:var(--surface);
    border:1px solid var(--accent);color:var(--text);font:var(--t-cap)/1.4 var(--mono);
    /* a sombra do .toast (base.css): DESIGN §4 reserva sombra ao que paira */
    box-shadow:0 6px 24px rgba(0,0,0,.3)}
  .pwa-versao button{min-height:36px}
  @media (max-width:600px){
    .pwa-versao{bottom:calc(64px + env(safe-area-inset-bottom,0px))}
  }