/* Profit News — app instalável (instalar.js): banner, avisos flutuantes e a janela "Instalar". */

/* banner "Instalar app" no topo do feed */
.pi-inst { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin: 0 0 12px; padding: 12px 14px; border-radius: var(--r-md); background: var(--layer-1); border: 1px solid var(--line); font-size: 14px; color: var(--text-2); }
.pi-inst-txt { flex: 1 1 220px; min-width: 0; }
.pi-inst-txt b { display: block; color: var(--ink); }
.pi-inst-bt { display: flex; gap: 8px; flex-wrap: wrap; }
.pi-inst-bt .btn { min-height: 36px; padding: 0 12px; font-size: 14px; }

/* avisos flutuantes: versão nova, sem conexão (acima do aviso de risco) */
.pi-onda { position: fixed; left: 50%; bottom: calc(var(--aviso-h) + 12px + env(safe-area-inset-bottom)); transform: translateX(-50%); z-index: 70; display: flex; align-items: center; gap: 12px;
  max-width: calc(100% - 24px); padding: 8px 10px 8px 16px; border-radius: 999px; background: var(--layer-3); color: var(--ink); font-size: 14px;
  box-shadow: 0 12px 32px -8px rgba(0, 0, 0, .6), inset 0 0 0 1px var(--line); }
.pi-onda .btn { min-height: 34px; padding: 0 14px; }
.pi-onda.off { padding: 8px 14px; color: var(--news); }

/* janela "Instalar o Profit News" */
.x-dlg { width: min(440px, calc(100vw - 32px)); padding: 22px; border: 1px solid var(--line); border-radius: var(--r-lg); background: var(--layer-1); color: var(--ink); }
.x-dlg::backdrop { background: rgba(3, 6, 10, .72); }
.x-dlg h2 { margin: 0 0 10px; font-size: 19px; }
.x-dlg p, .x-dlg li { color: var(--text-2); font-size: 14.5px; }
.x-dlg ol { padding-left: 20px; }
.x-nota { font-size: 13.5px; }
.x-acoes { display: flex; justify-content: flex-end; gap: 8px; flex-wrap: wrap; margin-top: 16px; }