/* Seedline overlays and market presentation. CSS only: original state, data,
   dialog lifecycle, QR contents and every control remain owned by the app. */

dialog.sm-checkout,
dialog.payment-dialog,
.modal-backdrop .modal {
  --pay-bg: #fff;
  --pay-line: #27187e24;
  --pay-text: #27187e;
  --pay-muted: #746891;
  --sm-app-mono: var(--sl-mono, 'IBM Plex Mono', monospace);
  --sm-app-white: #27187e;
  --sm-app-muted: #746891;
  color: var(--pay-text);
  color-scheme: light;
  background: #fff;
  border: 1px solid #27187e26;
  border-radius: 14px;
  box-shadow: 0 32px 110px #160c4c2b, 0 3px 14px #27187e0a;
  font-family: var(--sl-font, 'Space Grotesk', Arial, sans-serif);
  scrollbar-color: #c7bddf transparent;
}
dialog.sm-checkout { width: min(550px, calc(100vw - 32px)); padding: 28px; }
dialog.sm-checkout::backdrop,
dialog.payment-dialog::backdrop,
.modal-backdrop { background: #170e4266; backdrop-filter: blur(8px); }
dialog.sm-checkout :focus-visible,
dialog.payment-dialog :focus-visible,
.modal-backdrop .modal :focus-visible { outline: 2px solid #6951b7; outline-offset: 3px; }

/* Both launch checkout and the separate-payment checkout use this family. */
.sm-checkout .sm-pay-header { padding-bottom: 21px; margin-bottom: 21px; border-bottom: 1px solid var(--pay-line); }
.sm-checkout .sm-pay-brand { gap: 12px; }
.sm-checkout .sm-pay-brand-mark {
  width: 34px; height: 34px; border: 0; border-radius: 0;
  background: #27187e;
  mask: url('./seedline-mark.svg') center/contain no-repeat;
  -webkit-mask: url('./seedline-mark.svg') center/contain no-repeat;
}
.sm-checkout .sm-pay-eyebrow { color: #82749a; font: 400 9px/1.7 var(--sl-mono); letter-spacing: .09em; }
.sm-checkout h2 { color: #27187e; font: 500 23px/1.25 var(--sl-font); letter-spacing: -.045em; margin-top: 3px; }
.sm-checkout .sm-pay-close {
  width: 34px; height: 34px; min-width: 34px; color: #746891;
  background: #f7f7ff; border-color: #27187e20; border-radius: 7px;
}
.sm-checkout .sm-pay-close:hover { color: #27187e; border-color: #27187e65; background: #eeebf8; }
.sm-checkout .sm-pay-body { gap: 14px; }
.sm-checkout .sm-pay-summary { padding: 15px; border-radius: 9px; background: #f2effa; border: 1px solid #27187e0b; gap: 4px 14px; }
.sm-checkout .sm-pay-token-mark { width: 36px; height: 36px; border-radius: 7px; border-color: #27187e20; background: #e7e1f5; color: #27187e; font: 500 11px var(--sl-mono); }
.sm-checkout .sm-pay-token strong { color: #27187e; font: 500 14px/1.5 var(--sl-font); }
.sm-checkout .sm-pay-token small { color: #7e7095; font: 400 9px/1.6 var(--sl-mono); letter-spacing: .025em; }
.sm-checkout .sm-pay-label { color: #82749a; font: 400 9px/1.5 var(--sl-mono); letter-spacing: .04em; }
.sm-checkout .sm-pay-amount { color: #27187e; font: 500 34px/1.15 var(--sl-font); letter-spacing: -.055em; font-variant-numeric: tabular-nums; }
.sm-checkout .sm-pay-currency { color: #746891; font: 400 11px var(--sl-mono); }
.sm-checkout .sm-pay-network { padding: 9px 12px; border-color: var(--pay-line); border-radius: 7px; background: #fff; font-family: var(--sl-mono); }
.sm-checkout .sm-pay-sol-mark { color: #6650a5; }
.sm-checkout .sm-pay-network strong { color: #27187e; }
.sm-checkout .sm-pay-network-name { color: #746891; font-size: 10px; }
.sm-checkout .sm-pay-note { color: #746891; font: 400 12px/1.7 var(--sl-font); }
.sm-checkout .sm-pay-release-note { color: #725629; background: #fbf6e9; border: 1px solid #b88d3f40; border-radius: 8px; padding: 12px; }
.sm-checkout .sm-pay-consent { color: #62547f; font: 400 12px/1.7 var(--sl-font); padding: 2px 0; }
.sm-checkout .sm-pay-consent input { accent-color: #27187e; }
.sm-checkout .sm-pay-policy-link { color: #49328b; text-decoration-color: #a796cd; }
.sm-checkout .sm-pay-policy-link:hover { color: #27187e; text-decoration-color: #27187e; }
.sm-checkout .sm-pay-button {
  min-height: 44px; padding: 11px 14px; border-color: #27187e; border-radius: 7px;
  background: #27187e; color: #fff; font: 500 12px/1.5 var(--sl-font);
  transition: background .18s, border-color .18s, box-shadow .18s;
}
.sm-checkout .sm-pay-button:hover:not(:disabled) { background: #43318e; border-color: #43318e; box-shadow: 0 4px 12px #27187e13; }
.sm-checkout .sm-pay-button.secondary { color: #493583; border-color: #27187e30; background: #fff; }
.sm-checkout .sm-pay-button.secondary:hover:not(:disabled) { color: #27187e; background: #f0ecf9; border-color: #27187e65; }
.sm-checkout .sm-pay-button:disabled { opacity: .45; cursor: not-allowed; box-shadow: none; }
.sm-checkout .sm-pay-qr-wrap { padding: 8px; background: #fff; border: 1px solid #27187e1c; border-radius: 10px; }
/* The QR image stays black-on-white; no filters, masks or interior recoloring. */
.sm-checkout .sm-pay-qr { background: #fff; border-color: #fff; border-radius: 6px; }
.sm-checkout .sm-pay-expiry { color: #746891; font: 400 10px/1.6 var(--sl-mono); }
.sm-checkout .sm-pay-address { background: #f7f7ff; border-color: #27187e26; border-radius: 8px; padding: 12px; }
.sm-checkout .sm-pay-address code { color: #493583; font-family: var(--sl-mono); line-height: 1.7; }
.sm-checkout .sm-pay-address .sm-pay-button { min-height: 34px; font: 500 11px/1.4 var(--sl-font); padding: 7px; }
.sm-checkout .sm-pay-status { padding-top: 7px; }
.sm-checkout .sm-pay-status-dot { border-color: #27187e22; border-top-color: #7861b8; }
.sm-checkout .sm-pay-status strong { color: #493583; font: 500 12px/1.5 var(--sl-font); }
.sm-checkout .sm-pay-status small { color: #82749a; font: 400 11px/1.6 var(--sl-font); }
.sm-checkout .sm-pay-feedback { color: #9a4162; font: 400 12px/1.6 var(--sl-font); }
.sm-checkout .sm-pay-footer { border-color: #27187e18; color: #887b9e; font: 400 9px/1.6 var(--sl-mono); margin-top: 20px; padding-top: 14px; }
.sm-checkout .sm-pay-security-dot { background: #8c74ba; }
.sm-checkout .sm-pay-history-link,
.sm-checkout .sm-pay-explorer { color: #624b9b; text-decoration-color: #b1a0d2; font-family: var(--sl-mono); }
.sm-checkout .sm-pay-orb { border-color: #27187e22; border-top-color: #6a50ad; }
.sm-checkout .sm-pay-success { color: #267354; border-color: #2673543b; background: #edf8f1; }
.sm-checkout .sm-pay-state-title { color: #27187e; font: 500 25px/1.25 var(--sl-font); letter-spacing: -.045em; }
.sm-checkout .sm-pay-receipt { background: #f7f7ff; border-color: #27187e20; border-radius: 8px; padding: 13px; }
.sm-checkout .sm-pay-line { color: #493583; font: 400 10px/1.7 var(--sl-mono); }
.sm-checkout .sm-pay-line > span:first-child { color: #82749a; }
.sm-checkout .sm-pay-actions { gap: 9px; }
.sm-checkout .sm-pay-actions > .sm-pay-button { font-family: var(--sl-font); }
.sm-checkout[data-payment-stage="invoice"] .sm-pay-body:has(>.sm-pay-qr-wrap) { grid-template-columns: 182px minmax(0, 1fr); gap: 12px 16px; }
.sm-checkout .sm-pay-body:has(>.sm-pay-qr-wrap) > .sm-pay-status { border-top-color: #27187e1c; }
.sm-checkout.mb-test-dialog .mb-test-order-id { color: #82749a; font-family: var(--sl-mono); }
.sm-checkout.mb-test-dialog .mb-test-pricing { color: #62547f; background: #f2effa; border-color: #27187e1c; border-radius: 8px; }
.sm-checkout.mb-test-dialog .mb-test-unavailable { color: #9a4162; }

/* Existing native dialogs: withdrawal and transaction detail views. */
dialog.payment-dialog { padding: 28px; color: #27187e; }
.payment-dialog h2 { color: #27187e; font: 500 26px/1.2 var(--sl-font); letter-spacing: -.045em; }
.payment-dialog .payment-close { color: #746891; background: #f2effa; border: 1px solid #27187e1c; border-radius: 7px; }
.payment-dialog .payment-close:hover { color: #27187e; background: #e8e1f5; border-color: #27187e45; }
.payment-dialog .payment-lock { background: #eee9f8; color: #27187e; border-radius: 8px; }
.payment-dialog .payment-caption,
.payment-dialog .payment-step label { color: #746891; font-family: var(--sl-font); }
.payment-dialog .payment-amount { color: #27187e; font-family: var(--sl-font); }
.payment-dialog .payment-expiry { color: #746891; }
.payment-dialog .payment-expiry span { color: #8d5628; }
.payment-dialog .payment-expiry time { color: #27187e; }
.payment-dialog .payment-address { color: #493583; border-color: #27187e30; background: #f7f7ff; border-radius: 7px; font-family: var(--sl-mono); }
.payment-dialog .payment-qr-note,
.payment-dialog .payment-footnote,
.payment-dialog .payment-message,
.payment-dialog .payment-feedback { color: #746891; font-family: var(--sl-font); }
.payment-dialog .payment-copy,
.payment-dialog .payment-back { color: #493583; font-family: var(--sl-font); }
.payment-dialog .payment-copy:hover,
.payment-dialog .payment-back:hover { color: #27187e; }
.payment-dialog .payment-status { background: #fbf6e9; border-color: #b88d3f40; color: #8b642c; border-radius: 8px; }
.payment-dialog .payment-status small { color: #826d4c; }
.payment-dialog .payment-step input,
.payment-dialog .payment-step select { border-color: #27187e30; border-radius: 7px; color: #27187e; background: #f7f7ff; font-family: var(--sl-font); }
.payment-dialog .payment-primary { color: #fff; background: #27187e; border-color: #27187e; border-radius: 7px; font: 500 12px/1.5 var(--sl-font); }
.payment-dialog .payment-primary:hover:not(:disabled) { color: #fff; background: #43318e; border-color: #43318e; box-shadow: none; }
dialog.payment-dialog.mb-withdraw-dialog { color: #27187e; background: #fff; border-color: #27187e26; border-radius: 14px; font-family: var(--sl-font); }
.mb-withdraw-dialog .mb-withdraw-kicker { color: #82749a; font-family: var(--sl-mono); }
.mb-withdraw-dialog .mb-withdraw-simulation { color: #69518f; border-color: #b2a0cc66; background: #f1ecf8; font-family: var(--sl-mono); }
.mb-withdraw-dialog .mb-withdraw-heading h2 { color: #27187e; font: 500 29px/1.2 var(--sl-font); letter-spacing: -.05em; }
.mb-withdraw-dialog .mb-withdraw-heading p { color: #746891; font: 400 12px/1.7 var(--sl-font); }
.mb-withdraw-dialog .mb-withdraw-amount-card { padding: 19px; background: #f2effa; border-color: #27187e1c; border-radius: 9px; }
.mb-withdraw-dialog .mb-withdraw-label { color: #82749a; font: 400 10px/1.5 var(--sl-mono); }
.mb-withdraw-dialog .mb-withdraw-amount strong { color: #27187e; font-family: var(--sl-font); font-weight: 500; }
.mb-withdraw-dialog .mb-withdraw-amount > span { color: #82749a; font-family: var(--sl-mono); font-size: 12px; }
.mb-withdraw-dialog .mb-withdraw-network { color: #82749a; border-color: #27187e1c; font-family: var(--sl-mono); }
.mb-withdraw-dialog .mb-withdraw-network b { color: #493583; }
.mb-withdraw-dialog .mb-withdraw-network b::before { background: #8b70b6; }
.mb-withdraw-dialog .mb-withdraw-field label { color: #493583; font: 500 12px/1.5 var(--sl-font); }
.mb-withdraw-dialog .mb-withdraw-field input { color: #27187e; background: #f7f7ff; border-color: #27187e35; font: 400 12px/1.5 var(--sl-mono); }
.mb-withdraw-dialog .mb-withdraw-field input::placeholder { color: #8d80a1; font-family: var(--sl-font); }
.mb-withdraw-dialog .mb-withdraw-field input:focus { border-color: #7b62b3; outline-color: #7b62b36b; }
.mb-withdraw-dialog .mb-withdraw-field input[aria-invalid="true"] { border-color: #b45172; }
.mb-withdraw-dialog .mb-withdraw-input-note { color: #82749a; font-family: var(--sl-font); }
.mb-withdraw-dialog .mb-withdraw-error { color: #a13c60; font-family: var(--sl-font); }
.mb-withdraw-dialog .payment-primary { font: 500 13px/1.5 var(--sl-font); }
.mb-withdraw-dialog .mb-withdraw-destination code { color: #62547f; font-family: var(--sl-mono); }
.mb-withdraw-dialog .mb-withdraw-spinner { border-color: #27187e1e; border-top-color: #7861b8; }
.mb-withdraw-dialog .mb-withdraw-progress { background: #e9e3f5; }
.mb-withdraw-dialog .mb-withdraw-progress span { background: #7861b8; }
.mb-withdraw-dialog .mb-withdraw-success-mark { color: #267354; border-color: #2673543b; background: #edf8f1; box-shadow: none; }
.mb-withdraw-dialog .mb-withdraw-liquidated-mark { color: #a13c60; border-color: #b4517233; background: #fcf0f4; }
.mb-withdraw-dialog[data-withdrawal-state="liquidated"] .mb-withdraw-amount strong { color: #746891; }
.mb-scenario-record .mb-scenario-record-details,
.mb-scenario-record .mb-scenario-record-details > div { border-color: #27187e1c; }
.mb-scenario-record .mb-scenario-record-details > div { font-family: var(--sl-mono); }
.mb-scenario-record .mb-scenario-record-details dt { color: #82749a; }
.mb-scenario-record .mb-scenario-record-details dd { color: #493583; }
.mb-scenario-record .mb-scenario-record-note { color: #82749a !important; font-family: var(--sl-font) !important; }

/* App-owned progress / result overlays retain their rendering and timing. */
.modal-backdrop .modal { padding: 34px; }
.modal-backdrop .modal h2 { color: #27187e; font-family: var(--sl-font); font-weight: 500; letter-spacing: -.055em; }
.modal-backdrop .modal .eyebrow { color: #82749a; font-family: var(--sl-mono); }
.modal-backdrop .modal .muted-copy { color: #746891; font-family: var(--sl-font); }
.modal-backdrop .modal .modal-close { color: #746891; background: #f2effa; border-color: #27187e24; border-radius: 7px; }
.modal-backdrop .modal :is(.deploy-orbit, .success-signal, .withdraw-icon) { color: #6d51a5; background: #f1ecf8; border-color: #27187e25; box-shadow: 0 0 0 5px #f7f7ff, 0 0 0 6px #27187e16; }
.modal-backdrop .modal .deploy-steps > div { background: #fff; border-color: #27187e1e; border-radius: 7px; }
.modal-backdrop .modal .deploy-steps > div.running { background: #f2effa; border-color: #9a84c2; }
.modal-backdrop .modal .deploy-steps > div { color: #82749a; }
.modal-backdrop .modal .deploy-steps > div :is(span) { color: #746891; background: #eeebf8; border-radius: 6px; font-family: var(--sl-mono); }
.modal-backdrop .modal .deploy-steps > div.running span { color: #fff; background: #7861b8; }
.modal-backdrop .modal .deploy-steps > div.done span { color: #267354; background: #edf8f1; }
.modal-backdrop .modal .deploy-orbit span { background: #7861b8; }
.modal-backdrop .modal .deploy-steps :is(p, i) { color: #82749a; font-family: var(--sl-mono); }
.modal-backdrop .modal .deploy-steps .running i { color: #654a9c; }
.modal-backdrop .modal .success-token { background: #f2effa; border-color: #27187e1e; border-radius: 8px; }
.modal-backdrop .modal .success-token b { color: #27187e; font-family: var(--sl-font); }
.modal-backdrop .modal .success-token code { color: #746891; font-family: var(--sl-mono); }
.modal-backdrop .modal .demo-disclaimer { color: #82749a; font-family: var(--sl-font); }
.modal-backdrop .modal .primary { background: #27187e; color: #fff; border-color: #27187e; border-radius: 7px; font-family: var(--sl-font); }
.modal-backdrop .modal .primary:hover:not(:disabled) { background: #43318e; border-color: #43318e; }
.modal-backdrop .modal .ghost { background: #fff; color: #493583; border-color: #27187e30; border-radius: 7px; font-family: var(--sl-font); }
.modal-backdrop .modal .ghost:hover:not(:disabled) { background: #f2effa; border-color: #27187e65; }
.modal-backdrop .sm-result-art { border-color: #27187e22; border-radius: 9px; background: #27187e; }
.modal-backdrop .sm-result-caption { color: #d9cef0; font-family: var(--sl-mono); }
.modal-backdrop .launch-success-modal:has(.sm-result-art) .success-signal { color: #267354; border-color: #2673543b; background: #edf8f1; }

/* Market visuals: the existing SVG/candle data, controls and timing are intact. */
.site-shell .dex-chart { border-color: #27187e24 !important; background: #fff !important; border-radius: 10px !important; box-shadow: none; }
.site-shell .dex-chart::before { background: linear-gradient(90deg, transparent, #ac98cc66, transparent); }
.site-shell .market-data-label { color: #82749a; border-color: #27187e18; font-family: var(--sl-mono); }
.site-shell .app-page .dex-chart-toolbar { color: #493583; border-color: #27187e1c !important; padding: 15px 17px !important; background: #f7f7ff; }
.site-shell .app-page .dex-chart-toolbar > strong { color: #493583; font: 500 12px/1.5 var(--sl-font); }
.site-shell .app-page .dex-chart-tabs button { color: #82749a !important; background: transparent !important; border-color: transparent !important; font-family: var(--sl-mono) !important; border-radius: 5px !important; box-shadow: none; }
.site-shell .app-page .dex-chart-tabs button:hover { color: #27187e !important; background: #ece6f7 !important; border-color: #27187e1c !important; }
.site-shell .app-page .dex-chart-tabs button[aria-pressed="true"] { color: #fff !important; background: #27187e !important; border-color: #27187e !important; box-shadow: none; }
.site-shell .app-page .dex-chart-tabs button:focus-visible { outline-color: #6951b7; }
.site-shell .app-page .dex-chart-unit,
.site-shell .app-page .dex-ohlc-readout { color: #746891; font-family: var(--sl-mono) !important; letter-spacing: 0; }
.site-shell .app-page .dex-chart-surface { background: #fff; }
.site-shell .app-page .dex-chart-surface > rect:first-child { fill: #fff; }
.site-shell .app-page .dex-grid-line { stroke: #27187e12 !important; stroke-dasharray: 2 5; }
.site-shell .app-page .dex-axis-line { stroke: #27187e24 !important; }
.site-shell .app-page .dex-axis-text { fill: #8b7c9f !important; font-family: var(--sl-mono) !important; }
.site-shell .app-page .dex-crosshair { stroke: #7962b3 !important; }
.site-shell .app-page .dex-crosshair line { stroke: #7962b3; }
.site-shell .app-page .dex-crosshair rect { fill: #493583; stroke: none; }
.site-shell .app-page .dex-crosshair text { fill: #fff; stroke: none; font-family: var(--sl-mono); }
.site-shell .app-page .dex-chart-caption { color: #82749a !important; border-color: #27187e1c !important; font-family: var(--sl-mono) !important; letter-spacing: 0; }
.site-shell .sm-chart-label { color: #82749a; font-family: var(--sl-mono); }
.site-shell .sm-chart-label::before { background: #8b70b6; }
.site-shell .mb-scenario-panel { --scenario-accent: #7861b8; background: #fff !important; }
.site-shell .mb-scenario-panel::before { background: linear-gradient(90deg, transparent, #ac98cc55, transparent); }
.site-shell .mb-scenario-kicker .market-data-label { color: #82749a; font-family: var(--sl-mono); }
.site-shell .mb-scenario-phase { color: #654a9c; border-color: #a18cbe45; background: #f2edf9; font-family: var(--sl-mono); border-radius: 5px; }
.site-shell .mb-scenario-phase i { box-shadow: none; }
.site-shell .mb-scenario-value > span { color: #82749a; font-family: var(--sl-mono); letter-spacing: .07em; }
.site-shell .mb-scenario-value > strong { color: #27187e; font-family: var(--sl-font); letter-spacing: -.05em; }
.site-shell .mb-scenario-value > small { color: #82749a; font-family: var(--sl-mono); }
.site-shell .mb-scenario-parameters { border-color: #27187e1c; }
.site-shell .mb-scenario-parameters dt { color: #82749a; font-family: var(--sl-mono); }
.site-shell .mb-scenario-parameters dd { color: #493583; font-family: var(--sl-mono); }
.site-shell .mb-scenario-parameters small { color: #8f80a2; font-family: var(--sl-font); }
.site-shell .mb-scenario-clockbar { background: #f7f7ff; border-color: #27187e1c; border-radius: 7px; }
.site-shell .mb-scenario-clock-label { color: #82749a; font-family: var(--sl-mono); }
.site-shell .mb-scenario-clock-label i { border-color: #9a86b4; }
.site-shell .mb-scenario-clock-label i::before,
.site-shell .mb-scenario-clock-label i::after { background: #8b70b6; }
.site-shell .mb-scenario-clock { color: #493583; font-family: var(--sl-mono); }
.site-shell .mb-scenario-status { color: #82749a !important; font-family: var(--sl-font) !important; }
.site-shell .mb-scenario-closed { border-color: #b4517230; background: #fcf2f5; }
.site-shell .mb-scenario-closed-icon { color: #a13c60; border-color: #b451723b; }
.site-shell .mb-scenario-closed strong { color: #94405c; }
.site-shell .mb-scenario-closed p { color: #8c6371 !important; font-family: var(--sl-font) !important; }
.site-shell .mb-scenario-panel[data-scenario-phase="liquidated"] { --scenario-accent: #b45172; }
.site-shell .mb-scenario-panel[data-scenario-phase="liquidated"] .mb-scenario-value > strong { color: #746891; }
.site-shell .mb-scenario-panel[data-scenario-phase="liquidated"] .mb-scenario-phase { color: #a13c60; border-color: #b451723b; background: #fcf2f5; }
.site-shell .mb-scenario-panel[data-scenario-phase="withdrawn"] { --scenario-accent: #267354; }
.site-shell .mb-scenario-panel[data-scenario-phase="withdrawn"] .mb-scenario-closed { border-color: #26735430; background: #edf8f1; }
.site-shell .mb-scenario-panel[data-scenario-phase="withdrawn"] .mb-scenario-closed-icon { border-color: #2673543b; color: #267354; }
.site-shell .mb-scenario-panel[data-scenario-phase="withdrawn"] .mb-scenario-closed strong { color: #267354; }
.site-shell .mb-scenario-panel[data-scenario-phase="withdrawn"] .mb-scenario-closed p { color: #547564 !important; }
.site-shell .mb-scenario-panel[data-scenario-phase="withdrawn"] .mb-scenario-phase { color: #267354; border-color: #26735430; background: #edf8f1; }
.site-shell .mb-scenario-chart .dex-chart-toolbar > strong { font-family: var(--sl-font) !important; }
.site-shell .mb-scenario-metric { color: #654a9c; border-color: #a18cbe45; background: #f2edf9; font-family: var(--sl-mono); }
.site-shell .mb-scenario-chart .dex-chart-unit { color: #82749a; }
.site-shell .mb-scenario-chart .dex-ohlc-readout { color: #746891; }
.site-shell .mb-scenario-footer { color: #82749a; font-family: var(--sl-mono); letter-spacing: .015em; }
.site-shell .mb-scenario-panel .market-rate-note { color: #82749a; font-family: var(--sl-font); }
.site-shell .mb-scenario-storage-note { color: #94613f !important; font-family: var(--sl-font) !important; }
.site-shell .mb-scenario-ledger-note { color: #82749a !important; font-family: var(--sl-font) !important; }

@media (max-width: 600px) {
  .site-shell .app-page .dex-chart-toolbar { padding: 12px !important; }
  .modal-backdrop .modal { padding: 26px 22px; }
  .mb-withdraw-dialog .mb-withdraw-field input { font-size: 16px; }
}
@media (max-width: 480px) {
  dialog.sm-checkout { width: calc(100vw - 24px); padding: 20px 17px; border-radius: 12px; }
  .sm-checkout .sm-pay-header { margin-bottom: 16px; padding-bottom: 16px; }
  .sm-checkout h2 { font-size: 21px; }
  .sm-checkout .sm-pay-summary { padding: 12px; gap: 3px 10px; }
  .sm-checkout .sm-pay-amount { font-size: 30px; }
  .sm-checkout .sm-pay-token strong { font-size: 12px; }
  .sm-checkout .sm-pay-token-mark { width: 30px; height: 30px; }
  .sm-checkout[data-payment-stage="invoice"] .sm-pay-body:has(>.sm-pay-qr-wrap) { grid-template-columns: 154px minmax(0, 1fr); gap: 11px; }
  .sm-checkout .sm-pay-qr-wrap { padding: 4px; }
  .sm-checkout .sm-pay-address { padding: 9px; }
  .sm-checkout .sm-pay-address code { font-size: 10px; }
  .sm-checkout .sm-pay-body:has(>.sm-pay-qr-wrap) > .sm-pay-check { padding-inline: 7px; font-size: 11px; }
  .sm-checkout .sm-pay-network { padding-inline: 10px; }
  .sm-checkout .sm-pay-state-title { font-size: 23px; }
  .sm-checkout .sm-pay-actions > .sm-pay-button { font-size: 11px; padding-inline: 8px; }
}
@media (max-width: 389px) {
  .sm-checkout[data-payment-stage="invoice"] .sm-pay-body:has(>.sm-pay-qr-wrap) { display: flex; flex-direction: column; gap: 12px; }
  .sm-checkout .sm-pay-body:has(>.sm-pay-qr-wrap) > * { width: 100%; }
  .sm-checkout .sm-pay-body:has(>.sm-pay-qr-wrap) > .sm-pay-qr-wrap { width: auto; align-self: center; padding: 7px; }
  .sm-checkout .sm-pay-body:has(>.sm-pay-qr-wrap) > .sm-pay-instructions { text-align: center; }
  .sm-checkout .sm-pay-summary { grid-template-columns: minmax(0, 1fr) minmax(0, auto); }
  .sm-checkout .sm-pay-amount { font-size: 28px; }
  dialog.payment-dialog.mb-withdraw-dialog { padding: 24px 18px; }
  .mb-withdraw-dialog .mb-withdraw-heading h2 { font-size: 26px; }
}
@media (prefers-reduced-motion: reduce) {
  .sm-checkout .sm-pay-button { transition: none; }
}