/* ========================================================================
   06-instalacao-e-modais.css — INSTALAR APP E JANELAS (MODAIS)
   ------------------------------------------------------------------------
   Botão "Instalar app", dica para iPhone e as janelas sobrepostas
   (instalar, denunciar, excluir conta, gravação) — todas usam .install-modal.
   ======================================================================== */

/* ---- Botão "📲 Instalar app" e dica de instalação no iPhone/iPad. ---- */
#installBtn{padding:8px 16px;font-size:12.5px;white-space:nowrap;}
.ios-install-hint{display:none;background:#FFF4E5;border:2px solid var(--orange);border-radius:14px;padding:10px 16px;font-size:12.5px;color:var(--blue-deep);margin-bottom:18px;line-height:1.5;}
.ios-install-hint.show{display:block;}

/* ---- Janela modal genérica: fundo escuro + caixa branca + botão ✕. ---- */
.install-modal-overlay{display:none;position:fixed;inset:0;background:rgba(11,87,80,0.45);z-index:60;align-items:center;justify-content:center;padding:20px;}
.install-modal-overlay.show{display:flex;}
.install-modal{background:#fff;border-radius:18px;max-width:420px;width:100%;max-height:85vh;overflow:auto;padding:26px 24px 22px;position:relative;box-shadow:0 20px 50px rgba(11,87,80,0.35);}
.install-modal-close{position:absolute;top:12px;right:14px;background:none;border:none;font-size:18px;line-height:1;color:var(--blue-deep);cursor:pointer;padding:6px;}
.install-modal h3{margin:0 0 10px;font-size:17px;color:var(--blue-deep);}
.install-modal ol{margin:0 0 10px;padding-left:20px;line-height:1.6;font-size:13.5px;color:var(--ink);}
.install-modal p{font-size:12.5px;color:#4C6178;line-height:1.5;margin:0 0 8px;}