body.suma-modal-open{overflow:hidden}
.suma-modal[hidden]{display:none}
.suma-modal{position:fixed;inset:0;z-index:999999}
.suma-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.55)}
.suma-modal-dialog{position:relative;z-index:2;width:min(720px,calc(100% - 28px));max-height:88vh;overflow:auto;margin:6vh auto;background:#fff;border-radius:10px;box-shadow:0 18px 60px rgba(0,0,0,.28);padding:24px;box-sizing:border-box}
.suma-modal-close{position:absolute;top:10px;right:12px;border:0;background:transparent;font-size:30px;line-height:1;cursor:pointer;padding:4px 8px}
.suma-payment-box{margin:0;padding:0}
.suma-payment-box h3{margin:0 42px 8px 0}
.suma-modal-intro{margin-top:0;color:#555}
.suma-copy-row{display:flex;gap:14px;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #e6e6e6}
.suma-copy-content{min-width:0;display:flex;flex-direction:column;gap:3px}
.suma-copy-label{font-size:.88em;color:#666}
.suma-copy-value{font-weight:600;word-break:break-word}
.suma-copy-button{flex:0 0 auto;border:0;background:transparent;border-radius:4px;padding:4px 6px;cursor:pointer;font-size:20px;line-height:1;color:inherit}
.suma-copy-button:hover{background:#f0f0f0}
.suma-copy-button.is-copied{font-weight:700}
.suma-payment-notice{margin-top:18px;padding-top:14px;border-top:1px solid #ddd}
@media (max-width:520px){
  .suma-modal-dialog{margin:3vh auto;max-height:94vh;padding:18px}
  .suma-copy-row{align-items:flex-start}
  .suma-copy-button{padding:4px 6px}
}