.purchase-confirm-dialog{box-sizing:border-box;width:min(540px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid #395765;border-radius:18px;background:#102430;color:#edf5f8;padding:24px;font:16px/1.5 system-ui,sans-serif;box-shadow:0 24px 80px #0008}
.purchase-confirm-dialog::backdrop{background:#020b14b8}
.purchase-confirm-dialog h2{font-size:22px;margin:0 0 18px}.purchase-confirm-dialog p{overflow-wrap:anywhere;margin:12px 0}
.purchase-amount{font-size:24px;font-weight:700;color:#f0c76c}.purchase-note{font-size:14px;color:#adc1cc}
.purchase-confirm-dialog .purchase-recipient{padding:12px 14px;border:1px solid #294956;border-radius:12px;background:#0b1d29}
.purchase-confirm-dialog .purchase-comment{color:#a3adb5;font-size:14px;font-style:italic;line-height:1.5}
.purchase-remaining{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;width:fit-content;max-width:100%;box-sizing:border-box;padding:8px 12px;border:1px solid #d7ad57;border-radius:12px;background:linear-gradient(135deg,#453720,#27251e);color:#f5d68c;font-size:14px;font-weight:600}.purchase-remaining-value{color:#f33980;font-size:18px;font-weight:800;white-space:nowrap}
.purchase-accept{display:flex;align-items:flex-start;gap:12px;margin:20px 0;cursor:pointer}.purchase-accept input{flex:0 0 20px;width:20px;height:20px;margin-top:3px;accent-color:#ba3e75}
.purchase-confirm-actions{display:flex;gap:12px;flex-wrap:wrap}.purchase-confirm-actions button{flex:1;padding:13px 16px;border:1px solid #496574;border-radius:12px;color:#fff;background:#203744;font:inherit;cursor:pointer}.purchase-confirm-actions .purchase-primary{background:#ba3e75;border-color:#ba3e75}.purchase-confirm-actions button:disabled{opacity:.45;cursor:not-allowed}.purchase-confirm-actions button:focus-visible,.purchase-accept input:focus-visible{outline:2px solid #e688b3;outline-offset:3px}
@media(max-width:480px){.purchase-confirm-dialog{padding:18px}.purchase-confirm-actions{flex-direction:column}.purchase-confirm-dialog h2{font-size:20px}}

.purchase-sparks{display:inline-block;vertical-align:middle;object-fit:contain;flex:none;margin-left:6px}.purchase-remaining .purchase-sparks{margin-left:0}.purchase-amount .purchase-sparks{width:30px;height:32px}