.subscription-portal-modal { overflow-y: auto; }
.subscription-asaas-pix { display: grid; gap: 12px; margin: 18px 0; padding: 18px; border: 1px solid #d5e4dd; border-radius: 14px; background: linear-gradient(145deg, #f8fbf8, #fff); text-align: left; }
.subscription-asaas-pix[hidden], .subscription-asaas-pix [hidden] { display: none !important; }
.subscription-asaas-pix .eyebrow { margin: 0; color: #547467; }
.subscription-asaas-pix form, .subscription-asaas-pix > div { display: grid; gap: 11px; }
.subscription-asaas-pix form > p { margin: 0; color: #526c61; font-size: 12px; line-height: 1.5; }
.subscription-asaas-pix label { display: grid; gap: 6px; color: #244d40; font-size: 12px; font-weight: 700; }
.subscription-asaas-pix input, .subscription-asaas-pix textarea { width: 100%; min-width: 0; padding: 11px; border: 1px solid #bfd2c8; border-radius: 9px; background: #fff; color: #193b30; font-size: 14px; }
.subscription-asaas-pix textarea { resize: vertical; font-size: 12px; }
.subscription-asaas-pix button { min-height: 44px; cursor: pointer; }
.subscription-asaas-pix img { display: block; width: min(240px, 100%); margin: auto; background: #fff; }
.subscription-asaas-pix #subscriptionAsaasPixAmount { display: block; color: #184f3d; font-size: 24px; text-align: center; }
.subscription-asaas-pix-buttons { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.subscription-asaas-pix small { color: #657c70; font-size: 11px; line-height: 1.45; }
#subscriptionAsaasPixStatus { margin: 0; color: #345a4b; font-size: 12px; line-height: 1.5; }
@media (max-width: 520px) { .subscription-asaas-pix { padding: 14px; } .subscription-asaas-pix-buttons { grid-template-columns: 1fr; } }