/* Shared sm-checkout / sm-pay-* rules supply the token checkout's exact theme. */
.mb-test-dialog .mb-test-order-id { display: block; margin: 0; color: var(--pay-muted); font: 9px/1.6 'Geist Mono', monospace; overflow-wrap: anywhere; }
.mb-test-dialog .mb-test-pricing { padding: 10px 11px; border: 1px solid var(--pay-line); border-radius: 10px; background: #ffffff03; }
/* Extras follow the shared two-column QR/address layout across its full width. */
.mb-test-dialog .sm-pay-body:has(>.sm-pay-qr-wrap) > .mb-test-pricing,
.mb-test-dialog .sm-pay-body:has(>.sm-pay-qr-wrap) > .mb-test-order-id,
.mb-test-dialog .sm-pay-body:has(>.sm-pay-qr-wrap) > .mb-test-button:not(.sm-pay-check) { grid-column: 1 / -1; }
.mb-test-dialog[data-stage="paid"] .mb-test-order-id { text-align: center; }
.mb-test-dialog[data-stage="paid"] .sm-pay-actions > .sm-pay-button:only-child { grid-column: 1 / -1; }
/* The profile action sits beside Withdrawal even before profile art loads. */
.app-page .profile-hero:not(:has(.sm-profile-art)) .profile-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); min-width: 0; }
.app-page .profile-hero:not(:has(.sm-profile-art)) .profile-actions > button { min-width: 0; padding-inline: 14px; }
.app-page .profile-hero:not(:has(.sm-profile-art)) .profile-actions > .ghost,
.app-page .profile-hero:not(:has(.sm-profile-art)) .profile-actions > small { grid-column: 1 / -1; }
.app-page .profile-actions > .primary:nth-child(2) { text-transform: none; }
.app-page .profile-hero .profile-actions > .primary {
  grid-column: 1 / -1;
  text-transform: none;
}