/* Norcom+ — acompanhamento do Pix em tempo real de interface (sem promessa de baixa antes do ERP). */
#pixPaymentStatus[hidden]{display:none!important}
#pixPaymentStatus{display:grid;grid-template-columns:12px minmax(0,1fr);align-items:start;gap:10px;margin:16px auto 0;max-width:520px;padding:13px 14px;border:1px solid #b6d7e4;border-radius:15px;background:linear-gradient(135deg,#f3faff,#eef7fb);color:#24445e}
#pixPaymentStatus .pix-payment-status__dot{display:block;flex:none;width:10px;height:10px;border-radius:50%;background:#f1aa48;box-shadow:0 0 0 4px rgba(241,170,72,.15);margin-top:4px}
#pixPaymentStatus strong{display:block;font-size:12px;line-height:1.3;font-weight:780;color:#214460}
#pixPaymentStatus p{font-size:11px;line-height:1.55;color:#58738a;margin:5px 0 0}
#pixPaymentStatus button{grid-column:1/-1;min-height:44px;width:100%;padding:10px 12px;background:#fff;color:#176f9e;border:1px solid #a9d4e4;border-radius:10px;cursor:pointer;font-size:12px;font-weight:740}
#pixPaymentStatus[data-state=warning]{border-color:#e9cf98;background:#fff9ed}
#pixPaymentStatus[data-state=warning] .pix-payment-status__dot{background:#ef8a4a}
#pixPaymentStatus button:disabled{opacity:.55;cursor:progress}
#pixPaymentStatus button:focus-visible{outline:3px solid #54b5df;outline-offset:2px}
@media(max-width:640px){
 #pixPaymentStatus{margin:14px auto 0;padding:12px}
 #pixPaymentStatus button{min-height:46px}
}
@media(prefers-reduced-motion:reduce){#pixPaymentStatus{animation:none}}
