/* ============================================================
   PWA — convite pra instalar o app SOTWeb (login e Início)
   O pwa.js decide o que mostrar: botão "Instalar" (Chrome/Edge no
   computador e no Android, quando o navegador permite e o app ainda
   não está instalado) ou a dica do iPhone. Some se já instalado.
   ============================================================ */
.pwa-instalar {
    max-width: 420px;
    margin: 24px auto 90px;
    text-align: center;
}
.pwa-btn-instalar {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #1a4070;
    color: #fff;
    font-weight: 600;
    font-size: 1rem;
    padding: 11px 26px;
    border: 0;
    border-radius: 8px;
    box-shadow: 0 3px 10px rgba(26, 64, 112, .25);
}
.pwa-btn-instalar:hover { background: #12335c; color: #fff; }
.pwa-instalar-sub {
    margin: 8px 0 0;
    font-size: .8rem;
    color: #6c7a8a;
}
.pwa-dica-ios {
    background: #eef2f7;
    border: 1px solid #dde1e8;
    border-radius: 8px;
    padding: 10px 14px;
    color: #1a4070;
    font-size: .9rem;
    line-height: 1.4;
    margin: 0;
}

/* Login: dentro do cartão, abaixo do "Esqueci minha senha" */
.login-container .pwa-instalar {
    margin: 16px auto 0;
    padding-top: 14px;
    border-top: 1px solid #e3e8ef;
}
.login-container .pwa-btn-instalar { font-size: .9rem; padding: 8px 18px; }