.migration-bonus-dialog{width:min(650px,calc(100% - 32px));padding:30px;border:1px solid rgba(99,213,255,.42);border-radius:22px;background:linear-gradient(155deg,#205986,#0e3d65);color:#f6fbff;box-shadow:0 28px 80px rgba(0,13,38,.58)}
.migration-bonus-dialog::backdrop{background:rgba(2,19,43,.76);backdrop-filter:blur(3px)}
.migration-bonus-dialog:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#64d8ff,#2f98f6,#6ce4c7)}
.migration-bonus-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border:1px solid rgba(151,218,255,.25);border-radius:50%;background:rgba(4,35,68,.42);color:#d8efff;font-size:23px;line-height:1;cursor:pointer}
.migration-bonus-icon{width:64px;height:64px;display:grid;place-items:center;margin-bottom:18px;border:1px solid rgba(108,228,199,.55);border-radius:20px;background:linear-gradient(145deg,rgba(108,228,199,.23),rgba(54,178,239,.18));color:#6ce4c7;font-size:30px;font-weight:800}
.migration-bonus-eyebrow{margin:0 0 8px;color:#64d8ff;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.migration-bonus-dialog h2{margin:0;padding-right:34px;font-size:28px;line-height:1.18}
.migration-bonus-copy{margin:11px 0 17px;color:#b9d3e6;font-size:15px;line-height:1.55}
.migration-bonus-scope{display:inline-flex;align-items:center;gap:8px;margin-bottom:17px;padding:7px 12px;border:1px solid rgba(108,228,199,.36);border-radius:999px;background:rgba(20,91,105,.55);color:#8ff0d8;font-size:12px;font-weight:700}
.migration-bonus-steps{display:grid;gap:9px;margin:0;padding:0;list-style:none}
.migration-bonus-steps li{display:flex;align-items:center;gap:13px;padding:12px 14px;border:1px solid rgba(111,207,255,.2);border-radius:12px;background:rgba(7,46,84,.62)}
.migration-bonus-steps li>span{flex:0 0 29px;height:29px;display:grid;place-items:center;border-radius:50%;background:#5dcdf4;color:#0a395e;font-size:12px;font-weight:900}
.migration-bonus-steps strong,.migration-bonus-steps small{display:block}.migration-bonus-steps strong{font-size:14px}.migration-bonus-steps small{margin-top:3px;color:#a9c9df;font-size:12px;line-height:1.35}
.migration-bonus-actions{display:flex;justify-content:flex-end;gap:11px;margin-top:22px}.migration-bonus-actions .button{min-width:150px;text-align:center}
@media(max-width:650px){.migration-bonus-dialog{max-height:calc(100dvh - 24px);padding:24px 18px 20px;border-radius:18px}.migration-bonus-icon{width:52px;height:52px;margin-bottom:14px;border-radius:16px;font-size:25px}.migration-bonus-dialog h2{font-size:22px}.migration-bonus-copy{font-size:13px}.migration-bonus-steps li{padding:10px}.migration-bonus-steps small{font-size:11px}.migration-bonus-actions{display:grid;grid-template-columns:1fr 1.45fr}.migration-bonus-actions .button{min-width:0;padding:10px 8px}}
/* Compact transaction confirmation, shared with the migration dialog family. */
.transaction-success-dialog{box-sizing:border-box;width:min(460px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow-y:auto;padding:28px;border-radius:18px;background:linear-gradient(155deg,#1c5077,#123d60);border-color:rgba(139,203,230,.28);box-shadow:0 20px 60px rgba(0,13,38,.38)}
.transaction-success-dialog::backdrop{background:rgba(2,19,43,.6);backdrop-filter:blur(2px)}
.transaction-success-dialog:before{height:2px;background:#71c7d4;opacity:.65}
.transaction-success-dialog .migration-bonus-icon{width:44px;height:44px;margin-bottom:16px;border-radius:14px;background:rgba(108,228,199,.1);border-color:rgba(108,228,199,.3);font-size:24px}
.transaction-success-dialog .migration-bonus-close{top:14px;right:14px;width:30px;height:30px;font-size:20px}
.transaction-success-dialog h2{font-size:22px;line-height:1.3}
.transaction-success-dialog .migration-bonus-copy{margin:8px 0 18px;font-size:13px;line-height:1.5}
.transaction-success-summary{margin-top:0;padding:14px;background:rgba(5,33,56,.25);border-color:rgba(139,203,230,.16)}
.transaction-success-summary strong{font-size:26px;line-height:1.25;overflow-wrap:anywhere;text-align:right}
.transaction-success-reference{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin:13px 0 0;font-size:12px;line-height:1.5}
.transaction-success-reference span{margin-left:0;text-align:right;min-width:0}
.transaction-success-actions{display:flex;gap:10px;margin-top:24px}
.transaction-success-actions .button{flex:1;min-width:0;padding:11px 12px;font-size:13px}
@media(max-width:650px){.transaction-success-dialog{width:min(460px,calc(100% - 32px));padding:24px 20px}.transaction-success-summary strong{font-size:24px}.transaction-success-dialog h2{font-size:21px}}