/* V1.26.3 — organização única do estado de pagamento Pix no checkout. */
body #checkoutModal .pix-payment-box{
  display:grid!important;
  gap:12px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  text-align:left!important;
}
body #checkoutModal .pix-payment-head{
  display:grid!important;
  justify-items:start!important;
  gap:6px!important;
  margin:0!important;
  padding:0 0 2px!important;
  text-align:left!important;
}
body #checkoutModal .pix-order-badge{
  width:max-content!important;
  max-width:100%!important;
  margin:0!important;
  font-size:.68rem!important;
  line-height:1.2!important;
}
body #checkoutModal .pix-payment-head h3{
  margin:0!important;
  color:#0f172a!important;
  font-size:1.18rem!important;
  line-height:1.22!important;
  font-weight:850!important;
  letter-spacing:-.02em!important;
}
body #checkoutModal .pix-payment-help{
  margin:0!important;
  color:#64748b!important;
  font-size:.82rem!important;
  line-height:1.45!important;
}
body #checkoutModal .pix-copy-section{
  display:grid!important;
  gap:6px!important;
}
body #checkoutModal .pix-copy-section>label{
  color:#475569!important;
  font-size:.73rem!important;
  line-height:1.2!important;
  font-weight:800!important;
}
body #checkoutModal .pix-code{
  width:100%!important;
  min-height:76px!important;
  max-height:92px!important;
  margin:0!important;
  padding:10px 11px!important;
  resize:none!important;
  border:1px solid #dbe3ec!important;
  border-radius:12px!important;
  background:#f8fafc!important;
  color:#0f172a!important;
  box-shadow:none!important;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;
  font-size:.68rem!important;
  line-height:1.4!important;
  word-break:break-all!important;
}
body #checkoutModal .pix-actions{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  margin:0!important;
}
body #checkoutModal .pix-actions .btn,
body #checkoutModal .pix-provider-link,
body #checkoutModal .pix-check-button{
  min-height:44px!important;
  margin:0!important;
  padding:9px 11px!important;
  border-radius:12px!important;
  font-size:.78rem!important;
  line-height:1.2!important;
  font-weight:800!important;
  box-shadow:none!important;
}
body #checkoutModal .pix-qr-panel{
  display:grid!important;
  justify-items:center!important;
  gap:8px!important;
  margin:0!important;
  padding:12px!important;
  border:1px solid #e2e8f0!important;
  border-radius:14px!important;
  background:#f8fafc!important;
}
body #checkoutModal .pix-qr-panel.hidden{display:none!important}
body #checkoutModal .pix-qr{
  display:block!important;
  width:min(210px,58vw)!important;
  aspect-ratio:1!important;
  margin:0!important;
  padding:7px!important;
  border:1px solid #dbe3ec!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:0 8px 20px rgba(15,23,42,.08)!important;
}
body #checkoutModal .pix-qr-caption{
  color:#64748b!important;
  font-size:.7rem!important;
  line-height:1.35!important;
  text-align:center!important;
}
body #checkoutModal .pix-provider-link{width:100%!important}
body #checkoutModal .pix-check-button{width:100%!important}
body #checkoutModal .pix-status{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  margin:0!important;
  padding:10px 11px!important;
  border:1px solid rgba(18,110,56,.18)!important;
  border-radius:12px!important;
  background:rgba(18,110,56,.055)!important;
  color:#126e38!important;
  font-size:.74rem!important;
  line-height:1.35!important;
  font-weight:800!important;
  text-align:center!important;
}
body #checkoutModal .pix-expiration{
  min-height:1em!important;
  margin:-4px 0 0!important;
  color:#64748b!important;
  font-size:.68rem!important;
  line-height:1.35!important;
  text-align:center!important;
}
@media(max-width:700px){
  body #checkoutModal .pix-payment-box{gap:10px!important}
  body #checkoutModal .pix-payment-head{gap:5px!important}
  body #checkoutModal .pix-payment-head h3{font-size:1.08rem!important}
  body #checkoutModal .pix-payment-help{font-size:.78rem!important}
  body #checkoutModal .pix-code{min-height:72px!important;max-height:82px!important;font-size:.64rem!important}
  body #checkoutModal .pix-actions{grid-template-columns:1fr!important;gap:7px!important}
  body #checkoutModal .pix-actions .btn,
  body #checkoutModal .pix-provider-link,
  body #checkoutModal .pix-check-button{min-height:42px!important;font-size:.76rem!important}
  body #checkoutModal .pix-qr{width:min(190px,54vw)!important}
  body #checkoutModal .pix-status{font-size:.7rem!important}
  body #checkoutModal .pix-expiration{font-size:.65rem!important}
}

/* V1.26.4 — alertas sempre acima do modal Pix.
   Camadas centralizadas para impedir que regras antigas invertam a ordem. */
:root{
  --pix-checkout-layer:2147483400;
  --app-alert-layer:2147483647;
  --purchase-alert-layer:2147483635;
}
body #checkoutModal.modal.open{
  z-index:var(--pix-checkout-layer)!important;
}
body #toasts.toast-wrap{
  position:fixed!important;
  z-index:var(--app-alert-layer)!important;
  isolation:isolate!important;
}
body #toasts.toast-wrap > .toast{
  position:relative!important;
  z-index:1!important;
}
body .purchase-live-toast{
  z-index:var(--purchase-alert-layer)!important;
}

/* O aceite pertence somente à etapa anterior à geração do Pix. */
body #checkoutTermsConfirmation.hidden{
  display:none!important;
}
