/* Extend the original Viva+ modal without replacing its visual identity. */
#checkout .modal-card{width:min(560px,100%)}
#checkout .modal-body{font-size:1rem}
#checkout .field label,#checkout .checkline,#checkout .field small,#checkout .fine{font-size:.875rem;line-height:1.5}
#checkout .field input,#checkout .field textarea{font:inherit;max-width:100%;min-width:0}
#checkout .field textarea{width:100%;padding:12px;border:1px solid #bfd8d1;border-radius:10px;resize:vertical;overflow-wrap:anywhere}
#checkout .payment-qr{display:block;width:min(320px,100%);height:auto;margin:22px auto;background:white;image-rendering:pixelated}
#checkout .order-line b,#checkout .access-order{overflow-wrap:anywhere;min-width:0}
#checkout .btn:disabled{opacity:.55;cursor:not-allowed}
#checkout .status-card{margin:16px 0;line-height:1.6}
#checkout .access-order{width:100%;text-align:left}
#checkout .order-box{margin:20px 0}
@media(max-width:480px){#checkout .order-line{flex-direction:column;gap:5px}#checkout .modal-body{padding:20px}#checkout .access-order{flex-wrap:wrap}}