/* Pay Ecto v0.1.138 — ativação guiada de notificações PWA */

.pwa-push-guide{
    position:fixed;
    left:50%;
    bottom:88px;
    z-index:5000;
    width:min(430px,calc(100vw - 24px));
    transform:translateX(-50%);
    display:grid;
    grid-template-columns:46px minmax(0,1fr);
    gap:12px;
    padding:14px 42px 14px 14px;
    border:1px solid rgba(15,35,65,.10);
    border-radius:18px;
    background:#fff;
    box-shadow:0 16px 44px rgba(15,35,65,.20);
}

.pwa-push-guide[hidden]{
    display:none!important;
}

.pwa-push-guide-icon{
    width:46px;
    height:46px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:14px;
    background:#eaf2ff;
    color:#214d91;
}

.pwa-push-guide-icon svg{
    width:23px;
    height:23px;
}

.pwa-push-guide-copy{
    min-width:0;
}

.pwa-push-guide-copy>strong{
    display:block;
    margin-top:1px;
    font-size:14px;
    line-height:1.2;
    color:#12243e;
}

.pwa-push-guide-copy>p{
    margin:5px 0 0;
    font-size:11px;
    line-height:1.45;
    color:#667085;
}

.pwa-push-guide-status{
    min-height:0;
    margin-top:6px;
    font-size:10px;
    line-height:1.35;
    color:#667085;
}

.pwa-push-guide-status:empty{
    display:none;
}

.pwa-push-guide-status.success{
    color:#147a43;
}

.pwa-push-guide-status.warning{
    color:#b54708;
}

.pwa-push-guide-actions{
    display:flex;
    gap:7px;
    margin-top:10px;
    flex-wrap:wrap;
}

.pwa-push-guide-enable,
.pwa-push-guide-later{
    min-height:34px;
    border:0;
    border-radius:9px;
    padding:0 12px;
    font-size:10px;
    font-weight:850;
    cursor:pointer;
}

.pwa-push-guide-enable{
    background:#0b5ed7;
    color:#fff;
}

.pwa-push-guide-enable:disabled{
    opacity:.65;
    cursor:wait;
}

.pwa-push-guide-later{
    background:#f2f4f7;
    color:#475467;
}

.pwa-push-guide-close{
    position:absolute;
    top:8px;
    right:10px;
    width:28px;
    height:28px;
    border:0;
    border-radius:50%;
    background:transparent;
    color:#667085;
    font-size:20px;
    line-height:1;
    cursor:pointer;
}

@media(max-width:520px){
    .pwa-push-guide{
        bottom:84px;
        grid-template-columns:40px minmax(0,1fr);
        gap:10px;
        padding:12px 38px 12px 12px;
        border-radius:16px;
    }

    .pwa-push-guide-icon{
        width:40px;
        height:40px;
        border-radius:12px;
    }

    .pwa-push-guide-copy>strong{
        font-size:13px;
    }

    .pwa-push-guide-copy>p{
        font-size:10.5px;
    }
}