/* Product UI: a wallet first, with merchant operations one level below. */
.wallet-motion-layer { position: fixed; inset: 0; z-index: 10; overflow: hidden; pointer-events: none; user-select: none; }
.wallet-motion-copy { pointer-events: none; background: var(--ground); }
.wallet-motion-copy :disabled { opacity: 1; }
@media (prefers-reduced-motion: no-preference) {
  .wallet-native .wallet-actions > button, .wallet-native .screen-back,
  .wallet-native .primary, .wallet-native .secondary, .wallet-native .menu-row {
    transition: transform 160ms cubic-bezier(.22,1,.36,1), background-color 160ms ease, opacity 160ms ease;
  }
  .wallet-native .wallet-actions > button:active, .wallet-native .screen-back:active,
  .wallet-native .primary:active, .wallet-native .secondary:active { transform: scale(.975); }
  .wallet-native .menu-row:active { transform: translateX(2px); }
}
.wallet-native [data-coach-slot]:empty { display: none; }
.wallet-native .wallet-coach { position: relative; isolation: isolate; margin: 0; padding: 12px 16px 16px; border: 1px solid var(--accent-line); border-radius: 14px; background: var(--accent); color: var(--on-accent); }
.wallet-native .wallet-coach::before { content: ""; position: absolute; top: -7px; left: 28px; width: 12px; height: 12px; background: var(--accent); border: 1px solid var(--accent-line); border-right: 0; border-bottom: 0; transform: rotate(45deg); }
.wallet-native .wallet-coach-home::before { left: calc(12.5% - 6px); }
.wallet-native .wallet-coach-result { margin-bottom: 22px; }
.wallet-native .wallet-coach-result::before { top: auto; bottom: -7px; left: 24px; transform: rotate(225deg); }
.wallet-coach-top { display: flex; align-items: center; justify-content: space-between; min-height: 28px; margin: -4px -7px 2px 0; }
.wallet-coach-top > span { font-size: 10px; color: var(--accent-muted); letter-spacing: .025em; }
.wallet-native .wallet-coach-top button { display: grid; place-items: center; width: 44px; height: 44px; margin-top: -6px; margin-bottom: -6px; border-radius: 50%; color: var(--on-accent); font-size: 22px; line-height: 1; }
.wallet-native .wallet-coach h3 { font-size: 15px; line-height: 1.5; color: var(--on-accent); font-weight: 600; }
.wallet-native .wallet-coach p { margin-top: 6px; font-size: 12px; line-height: 1.75; color: var(--accent-muted); overflow-wrap: anywhere; }
.wallet-native .wallet-coach-action { display: flex; align-items: center; justify-content: space-between; gap: 18px; width: 100%; min-height: 44px; margin: 9px 0 -6px; padding: 8px 0; border-top: 1px solid var(--accent-line); color: var(--on-accent); font-size: 12px; font-weight: 550; }
.wallet-native .wallet-coach button:hover { color: var(--ground); }
.wallet-native .wallet-coach button:focus-visible { outline: 2px solid var(--on-accent); outline-offset: 1px; }
.wallet-native .screen-actions > .coach-reopen { min-width: 64px; padding: 8px 0; border-radius: 8px; color: var(--ink-secondary); font-size: 12px; }
.wallet-native [data-coach-slot="input"] { margin-top: -8px; }
.wallet-native .is-coach-target input { border-color: var(--focus); }
.wallet-native .is-coach-target .action-icon { outline: 1px solid var(--focus); outline-offset: 6px; }
.wallet-native .recipient-check.is-coach-target { border-color: var(--control-border); }
.wallet-native #recipient-mobile-slot .recipient-check { padding: 16px; }
@media (prefers-reduced-motion: no-preference) {
  .wallet-native .wallet-coach { animation: wallet-coach-enter .38s cubic-bezier(.16,1,.3,1) both; }
  .wallet-native .is-coach-target input, .wallet-native .is-coach-target .action-icon { animation: wallet-coach-ring 1.5s ease-out 2; }
  @keyframes wallet-coach-enter { from { opacity: 0; transform: translateY(7px); } to { opacity: 1; transform: translateY(0); } }
  @keyframes wallet-coach-ring { 0% { box-shadow: 0 0 0 0 #f6d4aa66; } 85%,100% { box-shadow: 0 0 0 8px #f6d4aa00; } }
}
body.wallet-native {
  background: var(--ground);
  color: var(--ink);
  overflow-x: clip;
  -webkit-font-smoothing: antialiased;
}
.wallet-native #app { overflow-x: clip; }
.wallet-native > .network-bar { display: none; }
.native-shell { display: grid; grid-template-columns: 208px minmax(0, 1fr); min-height: 100svh; max-width: 1320px; margin: 0 auto; }
.native-main { width: 100%; min-width: 0; max-width: 860px; margin: 0 auto; padding: 40px 48px 64px; }
.native-nav { grid-column: 1; grid-row: 1; display: flex; flex-direction: column; gap: 8px; align-self: start; position: sticky; top: 0; height: 100svh; padding: 38px 20px; border-right: 1px solid var(--line); }
.native-main { grid-column: 2; grid-row: 1; }
.native-brand { display: flex; align-items: center; gap: 12px; font-size: 17px; font-weight: 500; margin: 0 8px 40px; }
.native-brand .mark { width: 27px; height: 27px; }
.native-nav-item { display: flex; align-items: center; gap: 14px; min-height: 52px; padding: 12px 16px; border-radius: 12px; color: var(--muted); font-size: 14px; text-align: left; }
.native-nav-item svg { width: 22px; height: 22px; }
.native-nav-item.active, .native-nav-item[aria-current="page"] { color: var(--ink); background: var(--surface); }
.nav-icon { display: grid; place-items: center; flex-shrink: 0; }
.native-nav .nav-transfer { color: var(--accent); }
.native-nav-footer { margin-top: auto; padding: 16px 10px 0; color: var(--muted); font-size: 12px; }
.screen-head { display: flex; align-items: center; gap: 12px; min-height: 44px; margin-bottom: 28px; }
.screen-title { flex: 1; min-width: 0; }
.screen-head h1, .screen-title h1 { font-size: 26px; font-weight: 600; letter-spacing: -0.025em; line-height: 1.4; }
.screen-head p { font-size: 12px; margin-top: 5px; color: var(--muted); }
.screen-head > div:not(.screen-actions) { min-width: 0; }
.screen-actions { display: flex; align-items: center; gap: 4px; margin-left: auto; }
.screen-back, .screen-actions > button { display: grid; place-items: center; min-width: 44px; min-height: 44px; padding: 10px; border-radius: 50%; }
.screen-back { margin-left: -10px; }
.screen-back:hover, .screen-actions > button:hover { background: var(--raised); }
.screen-head > .plain { margin-left: auto; }
.wallet-identity { display: flex; align-items: center; gap: 12px; min-width: 0; }
.wallet-avatar { display: grid; place-items: center; flex: 0 0 auto; width: 40px; height: 40px; border-radius: 50%; background: var(--accent); color: var(--on-accent); }
.wallet-avatar svg { width: 23px; height: 23px; }
.wallet-identity > span:nth-child(2) { min-width: 0; }
.wallet-identity > button { margin-left: auto; }
.wallet-identity strong { display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; font-weight: 500; }
.wallet-network { display: block; margin-top: 4px; font-size: 11px; color: var(--muted); letter-spacing: 0.02em; }
.guest-badge { margin-left: auto; padding: 4px 8px; border: 1px solid var(--line); border-radius: 6px; color: var(--ink-secondary); font-size: 11px; white-space: nowrap; }
.home-head { margin-bottom: 16px; }
.home-head h1 { font-size: 18px; letter-spacing: -.03em; }
.home-head .wallet-identity { flex: 1; }
.home-head .profile-button { width: 42px; height: 42px; min-height: 42px; min-width: 42px; padding: 10px; border: 1px solid var(--line); }
.home-guest { margin-left: 6px; color: var(--accent); }
.balance-panel { padding: 20px 0 28px; }
.balance-heading { display: flex; align-items: center; justify-content: space-between; }
.balance-heading button { display: grid; place-items: center; width: 44px; height: 44px; margin: -10px -10px -10px 0; color: var(--muted); border-radius: 50%; }
.balance-heading button svg { width: 17px; height: 17px; }
.balance-heading button:hover { background: var(--surface); color: var(--ink); }
.balance-label { color: var(--muted); font-size: 13px; }
.balance-number { margin-top: 12px; font-size: clamp(40px, 5vw, 64px); font-weight: 600; line-height: 1.1; letter-spacing: -0.05em; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.balance-number > span { display: inline-block; margin-left: 10px; font-size: 15px; font-weight: 400; color: var(--muted); letter-spacing: 0; }
.balance-caption { margin-top: 12px; color: var(--muted); font-size: 12px; line-height: 1.7; }
.balance-caption small { display: block; color: var(--muted); }
.balance-caption > span { display: block; font-size: 10px; margin-top: 3px; }
.wallet-actions { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); padding: 10px 4px; margin-bottom: 14px; border-radius: 18px; background: linear-gradient(110deg, #f4e2e4 0%, #faf5ee 52%, #f7e6ce 100%); color: var(--on-accent); }
.wallet-actions > button { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; min-height: 76px; padding: 8px 4px; font-size: 12px; font-weight: 600; border-radius: 12px; }
.action-icon { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; color: inherit; background: transparent; }
.wallet-actions > button:first-child .action-icon { color: inherit; background: transparent; }
.action-icon svg { width: 23px; height: 23px; }
.wallet-actions > button:hover { background: #1917140a; }
.wallet-actions > button:focus-visible { outline-color: var(--on-accent); outline-offset: -3px; }
.section-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 22px 0 10px; }
.section-head h2 { font-size: 16px; font-weight: 600; }
.section-head > span, .section-head > button { color: var(--muted); font-size: 12px; }
.section-head > button { display: inline-flex; align-items: center; gap: 4px; min-height: 44px; }
.section-head > button svg { width: 13px; height: 13px; }
.asset-list { display: grid; }
.asset-row { display: flex; align-items: center; gap: 13px; min-width: 0; min-height: 82px; padding: 14px 0; }
.asset-row + .asset-row { border-top: 1px solid var(--subtle-line); }
.token-icon { display: grid; place-items: center; width: 42px; height: 42px; flex: 0 0 auto; border-radius: 50%; }
.token-icon svg { width: 25px; height: 25px; }
.token-usdt { background: #eee9df; color: #211d18; }
.token-trx { background: #33302d; color: #f6d4aa; }
.asset-info { flex: 1; min-width: 0; }
.asset-info strong, .asset-value strong { display: block; font-size: 15px; font-weight: 500; }
.asset-info small, .asset-value small { display: block; margin-top: 5px; font-size: 11px; color: var(--muted); }
.asset-value { min-width: 0; max-width: 52%; text-align: right; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.home-assets .asset-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.home-assets .asset-row { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 10px; padding: 16px; border-radius: 14px; background: var(--surface); border: 1px solid var(--subtle-line); }
.home-assets .token-icon { width: 30px; height: 30px; }
.home-assets .token-icon svg { width: 19px; height: 19px; }
.home-assets .asset-info strong { font-size: 13px; }
.home-assets .asset-info small { font-size: 10px; margin-top: 3px; }
.home-assets .asset-value { grid-column: 1 / -1; display: flex; align-items: baseline; gap: 6px; max-width: 100%; text-align: left; padding-top: 4px; }
.home-assets .asset-value strong { font-size: 22px; font-weight: 550; min-width: 0; overflow-wrap: anywhere; }
.home-assets .asset-value small { font-size: 10px; margin: 0; }
.home-recent { padding-top: 6px; }
.recent-empty { display: flex; gap: 13px; align-items: center; min-height: 90px; padding: 16px 0 20px; border-bottom: 1px solid var(--subtle-line); }
.recent-empty strong { font-size: 13px; color: var(--ink-secondary); }
.recent-empty p { margin-top: 5px; font-size: 11px; color: var(--muted); }
.home-utilities { display: flex; flex-wrap: wrap; gap: 8px 20px; padding-top: 16px; }
.home-utilities button { display: inline-flex; align-items: center; gap: 7px; min-height: 44px; padding: 4px 0; font-size: 11px; color: var(--muted); }
.home-utilities button svg { width: 15px; height: 15px; }
.home-utilities button svg:last-child { width: 12px; height: 12px; }
.wallet-native .wallet-coach-home { display: grid; grid-template-columns: minmax(0, 1fr) 50px; column-gap: 8px; background: var(--surface); border-color: var(--line); padding: 12px 14px; color: var(--ink); border-radius: 14px; }
.wallet-native .wallet-coach-home::before { background: var(--surface); border-color: var(--line); }
.wallet-native .wallet-coach-home .wallet-coach-top { grid-column: 1 / -1; min-height: 16px; margin: 0 34px 6px 0; }
.wallet-native .wallet-coach-home .wallet-coach-top button { position: absolute; right: 1px; top: 1px; margin: 0; }
.wallet-native .wallet-coach-home .wallet-coach-top > span, .wallet-native .wallet-coach-home p { color: var(--muted); }
.wallet-native .wallet-coach-home .wallet-coach-top button, .wallet-native .wallet-coach-home h3 { color: var(--ink); }
.wallet-native .wallet-coach-home h3 { grid-column: 1; font-size: 13px; }
.wallet-native .wallet-coach-home p { grid-column: 1; font-size: 11px; margin-top: 4px; }
.wallet-native .wallet-coach-home .wallet-coach-action { grid-column: 2; grid-row: 2 / 4; justify-content: center; margin: 0; padding: 0; gap: 4px; color: var(--accent); border: 0; font-size: 11px; }
.wallet-native .wallet-coach-home button:focus-visible { outline-color: var(--focus); }
.wallet-native .wallet-coach button:hover { opacity: .8; color: inherit; }
.menu-group { display: grid; margin-top: 24px; padding: 0 16px; border-radius: 14px; background: var(--surface); }
.menu-row { display: flex; width: 100%; min-width: 0; min-height: 68px; align-items: center; gap: 12px; padding: 14px 0; text-align: left; }
.menu-row + .menu-row { border-top: 1px solid var(--line); }
.menu-icon { display: grid; place-items: center; width: 32px; height: 32px; flex: 0 0 auto; color: var(--ink-secondary); }
.menu-icon svg { width: 21px; height: 21px; }
.menu-text { flex: 1; min-width: 0; font-size: 14px; font-weight: 400; }
.menu-text strong { display: block; font-size: 14px; font-weight: 400; }
.menu-text small { display: block; margin-top: 5px; color: var(--muted); font-size: 11px; line-height: 1.5; }
.menu-meta { min-width: 0; max-width: 48%; color: var(--muted); text-align: right; font-size: 12px; overflow-wrap: anywhere; }
.row-chevron { display: grid; place-items: center; flex: 0 0 auto; color: var(--quiet); }
.row-chevron svg { width: 16px; height: 16px; }
.menu-row:hover .row-chevron { color: var(--ink); }
.profile-panel { padding: 16px 0 22px; }
.profile-panel .wallet-avatar { width: 54px; height: 54px; border-radius: 17px; }
.profile-panel .wallet-identity strong { font-size: 18px; }
.profile-panel .primary { margin-top: 24px; }
.account-footer { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 26px 0 0; }
.account-footer a, .account-footer button { color: var(--muted); font-size: 12px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }
.record-tabs { display: flex; gap: 24px; margin: 0 0 18px; border-bottom: 1px solid var(--line); }
.record-tabs > button { min-height: 48px; padding: 10px 0 16px; color: var(--muted); border-bottom: 2px solid transparent; font-size: 14px; }
.record-tabs > button.active, .record-tabs > button[aria-selected="true"] { color: var(--ink); border-color: var(--ink); }
.wallet-native .tabs { display: flex; flex-wrap: wrap; gap: 8px; padding: 0; margin: 0 0 14px; border: 0; }
.wallet-native .tabs > button { min-height: 36px; padding: 6px 14px; border: 0; border-radius: 8px; font-size: 12px; color: var(--muted); }
.wallet-native .tabs > button.active { color: var(--ink); background: var(--raised); }
.record-list { display: grid; }
.record-row { display: flex; width: 100%; align-items: center; gap: 12px; min-height: 78px; padding: 15px 0; border-bottom: 1px solid var(--subtle-line); text-align: left; }
.record-icon { display: grid; place-items: center; width: 38px; height: 38px; flex: 0 0 auto; border-radius: 50%; background: var(--surface); color: var(--ink-secondary); }
.record-icon svg { width: 19px; height: 19px; }
.record-body { flex: 1; min-width: 0; }
.record-body strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; font-weight: 500; }
.record-body small, .record-value small { display: block; margin-top: 6px; color: var(--muted); font-size: 11px; line-height: 1.5; }
.record-body small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.record-value { min-width: 0; max-width: 47%; text-align: right; font-size: 14px; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.record-value strong { font-weight: 500; }
.record-value .status-label { display: block; margin-top: 4px; font-size: 10px; color: var(--muted); }
.native-empty { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; min-height: 240px; padding: 42px 20px; color: var(--muted); text-align: center; }
.native-empty > svg { width: 34px; height: 34px; color: var(--quiet); }
.native-empty p { font-size: 13px; }
.native-empty .primary { margin-top: 8px; min-width: 160px; }
.detail-amount { padding: 28px 0; text-align: center; font-size: 36px; font-weight: 500; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
.detail-amount small, .detail-amount > span { display: block; margin-top: 10px; font-size: 13px; color: var(--muted); font-weight: 400; }
.detail-facts { margin: 0; padding: 8px 18px; background: var(--surface); border-radius: 14px; }
.detail-facts > div, .detail-facts .key-value { display: grid; grid-template-columns: minmax(64px, 0.6fr) minmax(0, 1.4fr); gap: 22px; padding: 16px 0; border-bottom: 1px solid var(--line); font-size: 13px; line-height: 1.7; }
.detail-facts > div:last-child, .detail-facts .key-value:last-child { border-bottom: 0; }
.detail-facts dt, .detail-facts .key-value > span { color: var(--muted); }
.detail-facts dd { margin: 0; text-align: right; overflow-wrap: anywhere; }
.detail-facts strong { font-weight: 400; }
.detail-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; }
.detail-actions > button { flex: 1 1 120px; min-height: 50px; }
.wallet-native .native-form { gap: 24px; }
.wallet-native label { font-size: 13px; color: var(--ink-secondary); gap: 10px; }
.wallet-native input, .wallet-native textarea, .wallet-native select { min-height: 54px; border: 1px solid var(--control-border); border-radius: 12px; background: var(--surface); color: var(--ink); padding: 15px 16px; font-size: 16px; }
.wallet-native input::placeholder, .wallet-native textarea::placeholder { color: var(--quiet); font-size: 14px; }
.wallet-native input:focus, .wallet-native textarea:focus, .wallet-native select:focus { outline: 1px solid var(--focus); outline-offset: 0; border-color: var(--focus); }
.wallet-native .primary { background: var(--accent); color: var(--on-accent); border: 0; border-radius: 12px; font-weight: 600; font-size: 14px; }
.wallet-native .secondary { background: var(--raised); border: 1px solid var(--line); border-radius: 12px; font-size: 14px; }
.wallet-native .form-note { font-size: 12px; line-height: 1.7; }
.wallet-native .well { padding: 20px; background: var(--surface); border: 0; border-radius: 14px; }
.wallet-native .payment-layout { gap: 24px; }
.wallet-native .payment-guide { padding: 0; border: 0; }
.wallet-native .payment-editor { min-width: 0; }
.wallet-native .reference-details { margin: 0; font-size: 12px; color: var(--muted); }
.wallet-native .reference-details summary { min-height: 36px; padding: 8px 0; }
.wallet-native .reference-details label { margin-top: 12px; }
.wallet-native .reference-details .form-note { margin-top: 10px; }
.wallet-native .payment-submit { display: grid; gap: 10px; margin-top: 0; padding-top: 4px; }
.wallet-native .payment-submit > .form-note { text-align: center; }
.wallet-native .payment-submit .primary { min-height: 52px; }
.wallet-native .amount-field input { font-size: 28px; padding-right: 70px; line-height: 1.3; }
.wallet-native .amount-field input::placeholder { font-size: 28px; }
#recipient-mobile-slot:empty, #recipient-desktop-slot:empty { display: none; }
.token-choice { display: flex; align-items: center; gap: 12px; padding: 14px 16px; margin-bottom: 24px; background: var(--surface); border-radius: 12px; }
.token-choice strong { display: block; font-size: 14px; }
.token-choice small { display: block; margin-top: 3px; color: var(--muted); font-size: 11px; }
.token-choice .token-icon { width: 36px; height: 36px; }
.wallet-native .recipient-check { padding: 16px; background: var(--surface); border: 1px solid var(--line); border-radius: 12px; }
.wallet-native .recipient-check h2 { font-size: 14px; }
.wallet-native .recipient-summary { font-size: 12px; }
.wallet-native .recipient-privacy, .wallet-native .recipient-meta { font-size: 11px; color: var(--muted); line-height: 1.65; }
.wallet-native .recipient-address { margin-top: 12px; gap: 10px; }
.wallet-native .recipient-address p { font-size: 12px; overflow-wrap: anywhere; }
.wallet-native .recipient-account { margin-top: 14px; }
.wallet-native .recipient-account dt, .wallet-native .recipient-account dd { font-size: 12px; }
.wallet-native .recipient-history { margin-top: 14px; }
.wallet-native .recipient-history summary { font-size: 12px; }
.wallet-native .recipient-transfers { max-height: 420px; }
.wallet-native .recipient-transfer-heading strong { font-size: 14px; }
.wallet-native .recipient-notice { font-size: 12px; line-height: 1.75; }
.wallet-native .recipient-heading h2 { font-size: 18px; font-weight: 600; letter-spacing: -.02em; }
.wallet-native .recipient-summary { color: var(--muted); }
.wallet-native .recipient-summary.is-error { color: var(--negative); }
.wallet-native .recipient-reputation { margin-top: 18px; }
.reputation-rating { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-bottom: 20px; border-bottom: 1px solid var(--line); }
.reputation-rating > div { display: grid; gap: 7px; }
.reputation-rating span { color: var(--muted); font-size: 11px; }
.reputation-rating strong { color: var(--ink); font-size: 28px; line-height: 1.2; font-weight: 500; letter-spacing: -.04em; }
.reputation-rating p { max-width: 8em; color: var(--muted); font-size: 11px; line-height: 1.6; text-align: right; }
.reputation-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 14px; padding: 20px 0; }
.reputation-fact dt { margin-bottom: 8px; color: var(--muted); font-size: 11px; }
.reputation-fact dd { margin: 0; font-size: 17px; font-weight: 500; line-height: 1.4; overflow-wrap: anywhere; }
.reputation-fact dd small { font-size: 11px; font-weight: 400; color: var(--muted); }
.reputation-fact .reputation-date { color: var(--muted); font-size: 12px; font-weight: 400; line-height: 1.65; }
.reputation-fact.needs-attention dd { color: #dbc4a3; }
.wallet-native .recipient-address-details { border-top: 1px solid var(--line); }
.wallet-native .recipient-address-details > summary { display: flex; justify-content: space-between; align-items: center; gap: 8px; min-height: 44px; color: var(--muted); cursor: pointer; font-size: 11px; }
.recipient-address-details > summary span { color: var(--ink); font-family: ui-monospace, monospace; }
.wallet-native .recipient-address-details .recipient-address { margin-top: 0; }
.wallet-native .wallet-coach-result { margin: 0 0 16px; padding: 10px 12px 12px; background: transparent; border-color: var(--control-border); border-radius: 9px; color: var(--ink); }
.wallet-native .wallet-coach-result::before { display: none; }
.wallet-native .wallet-coach-result button:focus-visible { outline-color: var(--focus); }
.wallet-native .wallet-coach-result .wallet-coach-top > span, .wallet-native .wallet-coach-result p { color: var(--muted); }
.wallet-native .wallet-coach-result h3 { font-size: 13px; color: var(--ink); }
.wallet-native .wallet-coach-result p { font-size: 11px; }
.wallet-native .wallet-coach-result .wallet-coach-top button, .wallet-native .wallet-coach-result .wallet-coach-action { color: var(--accent); }
.wallet-native .wallet-coach-result .wallet-coach-action { border-color: var(--line); }
.wallet-native .recipient-example-label { display: inline-flex; align-items: center; gap: 6px; margin-bottom: 8px; color: var(--muted); font-size: 11px; line-height: 1.5; }
.recipient-example-label::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: currentColor; }
.wallet-native [data-recipient-demo="true"] .wallet-coach-action { padding: 9px 12px; margin-top: 10px; border: 0; border-radius: 7px; background: var(--accent); color: var(--on-accent); }
.wallet-native [data-recipient-demo="true"] .wallet-coach-action:disabled { opacity: .55; }
.wallet-native [data-recipient-demo="true"] .payment-submit { opacity: .5; }
.wallet-native .wallet-coach-result, .wallet-native .recipient-check { scroll-margin-top: 16px; }
@media (prefers-reduced-motion: no-preference) {
  .recipient-reputation .reputation-rating, .recipient-reputation .reputation-fact { animation: reputation-reveal .5s cubic-bezier(.16,1,.3,1) both; }
  .recipient-reputation .reputation-fact:nth-child(1) { animation-delay: .08s; }
  .recipient-reputation .reputation-fact:nth-child(2) { animation-delay: .16s; }
  .recipient-reputation .reputation-fact:nth-child(3) { animation-delay: .24s; }
  .recipient-reputation .reputation-fact:nth-child(4) { animation-delay: .32s; }
  .recipient-check[data-phase="waiting"] .recipient-summary, .recipient-check[data-phase="loading"] .recipient-summary { animation: reputation-reading 1.1s ease-in-out infinite alternate; }
  @keyframes reputation-reveal { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
  @keyframes reputation-reading { from { opacity: .5; } to { opacity: 1; } }
}
.wallet-native .lookup-form { margin-bottom: 20px; }
.receive-panel { max-width: 420px; margin: 0 auto; text-align: center; }
.receive-gate { display: flex; flex-direction: column; align-items: center; max-width: 380px; margin: 0 auto; padding: 64px 12px 32px; text-align: center; }
.receive-gate-icon { display: grid; place-items: center; width: 76px; height: 76px; margin-bottom: 28px; border-radius: 50%; background: var(--raised); color: var(--accent); }
.receive-gate-icon svg { width: 33px; height: 33px; }
.receive-gate h2 { font-size: 18px; }
.receive-gate p { margin-top: 12px; color: var(--muted); font-size: 13px; }
.receive-gate .primary { margin-top: 30px; }
.receive-qr { display: block; width: min(100%, 240px); height: auto; aspect-ratio: 1; margin: 28px auto; padding: 0; background: #fff; border-radius: 16px; overflow: hidden; }
.receive-qr svg { display: block; width: 100%; height: auto; }
.receive-qr.is-empty { display: grid; place-items: center; border: 1px dashed var(--control-border); background: var(--surface); color: var(--quiet); }
.receive-qr.is-empty > svg { width: 52px; height: 52px; }
.receive-address { max-width: 420px; margin: 0 auto; text-align: center; }
.receive-address .address-value { margin-top: 10px; font-size: 14px; line-height: 1.8; }
.receive-address .primary { margin-top: 24px; }
.receive-address .form-note { margin-top: 16px; }
.records-note { margin-top: 20px; font-size: 11px; color: var(--muted); line-height: 1.7; }
.detail-amount > .record-icon { display: grid; width: 48px; height: 48px; margin: 0 auto 18px; }
.detail-amount > h2 { font-size: 36px; line-height: 1.3; font-weight: 500; }
.detail-amount > h2 small { display: inline; font-size: 15px; }
.detail-amount > .status-label { margin-top: 10px; font-size: 13px; }
.merchant-funds { margin-top: 28px; }
#recipient-lookup-form + .recipient-check, #node-form { margin-top: 24px; }
.native-empty > h2 { font-size: 15px; color: var(--ink-secondary); font-weight: 400; }
.receive-panel .address-value { font-size: 14px; line-height: 1.8; overflow-wrap: anywhere; }
.receive-panel .primary { margin-top: 24px; }
.receive-panel .form-note { margin-top: 18px; }
.wallet-native .address-value { overflow-wrap: anywhere; }
.wallet-native .banner { margin: 0 0 24px; font-size: 12px; border-radius: 12px; }
.wallet-native .banner p { overflow-wrap: anywhere; }
.wallet-native .banner button { min-height: 44px; padding: 6px 0; }
.wallet-native .toast { z-index: 100; bottom: 24px; border: 0; border-radius: 12px; font-size: 13px; }
.wallet-native dialog { width: min(92%, 440px); padding: 24px; border: 1px solid var(--line); background: var(--surface); border-radius: 20px; }
.wallet-native dialog .primary { min-height: 52px; }
.wallet-native dialog h2 { font-size: 20px; }
.wallet-native dialog p { font-size: 13px; line-height: 1.8; overflow-wrap: anywhere; }
.wallet-native .status-label { color: var(--ink-secondary); }
.wallet-native .status-label.failed, .wallet-native .status-label.review_required { color: var(--negative); }
@media (prefers-reduced-motion: no-preference) {
  .screen-actions .is-loading svg { animation: wallet-refresh 0.8s linear infinite; }
  @keyframes wallet-refresh { to { transform: rotate(360deg); } }
}
@media (max-width: 1100px) {
  .native-shell { grid-template-columns: 180px minmax(0, 1fr); }
  .native-main { padding-inline: 28px; }
  .native-nav { padding-inline: 12px; }
}
@media (max-width: 1180px) {
  .native-main[data-view="send"] #recipient-mobile-slot:has([data-phase="empty"]) { display: none; }
}
@media (max-width: 760px) {
  .native-shell { display: block; min-height: 100svh; }
  .native-main { padding: 22px 24px calc(112px + env(safe-area-inset-bottom, 0px)); max-width: 560px; }
  .native-nav { position: fixed; inset: auto 0 0; z-index: 20; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0; height: auto; min-height: 82px; padding: 7px max(8px, env(safe-area-inset-left, 0px)) calc(7px + env(safe-area-inset-bottom, 0px)); background: var(--nav); border: 0; border-top: 1px solid var(--line); }
  .native-nav .native-brand, .native-nav .native-nav-footer { display: none; }
  .native-nav-item { display: flex; flex-direction: column; justify-content: center; gap: 7px; padding: 8px 0 5px; min-height: 64px; font-size: 10px; border-radius: 0; }
  .native-nav-item.active, .native-nav-item[aria-current="page"] { background: none; color: var(--ink); }
  .native-nav-item svg { width: 23px; height: 23px; }
  .native-nav .nav-transfer { gap: 4px; padding-top: 0; color: var(--accent); }
  .nav-transfer .nav-icon { width: 48px; height: 48px; margin-top: -9px; border-radius: 50%; background: var(--accent); color: var(--on-accent); }
  .nav-transfer.active .nav-icon { background: #faf5ee; }
  .screen-head { margin-bottom: 22px; gap: 10px; }
  .screen-head h1, .screen-title h1 { font-size: 22px; }
  .wallet-avatar { width: 36px; height: 36px; border-radius: 50%; }
  .home-head { margin-bottom: 14px; }
  .home-head h1 { font-size: 17px; }
  .balance-panel { padding: 16px 0 26px; }
  .balance-number { font-size: 52px; }
  .balance-label { font-size: 12px; }
  .balance-caption { margin-top: 10px; font-size: 11px; }
  .wallet-actions { padding: 8px 3px; }
  .wallet-actions > button { min-height: 72px; gap: 6px; font-size: 11px; }
  .section-head { padding-top: 20px; }
  .section-head h2 { font-size: 15px; }
  .asset-row { min-height: 76px; }
  .home-assets .asset-row { padding: 14px 12px; }
  .menu-group { margin-top: 20px; padding-inline: 14px; }
  .menu-row { min-height: 65px; gap: 10px; }
  .menu-meta { font-size: 11px; }
  .native-empty { min-height: 220px; padding-inline: 12px; }
  .detail-amount { padding: 22px 0 28px; font-size: 32px; }
  .detail-facts { padding-inline: 14px; }
  .detail-facts > div, .detail-facts .key-value { gap: 16px; font-size: 12px; }
  .wallet-native .native-form { gap: 22px; }
  .wallet-native .payment-layout { display: block; }
  .wallet-native .payment-guide { margin: 0; padding: 0; border: 0; }
  .wallet-native .recipient-check { padding: 14px; }
  .wallet-native #recipient-mobile-slot .recipient-check { padding: 14px; }
  .wallet-native .well { padding: 18px 16px; }
  .wallet-native .toast { bottom: calc(88px + env(safe-area-inset-bottom, 0px)); }
  .wallet-native dialog { width: 100%; max-width: 560px; max-height: 88svh; margin: auto auto 0; padding: 24px 22px calc(24px + env(safe-area-inset-bottom, 0px)); border: 1px solid var(--line); border-bottom: 0; border-radius: 24px 24px 0 0; }
}
@media (max-width: 350px) {
  .native-main { padding-inline: 16px; }
  .balance-number { font-size: 44px; }
  .wallet-identity { gap: 10px; }
  .asset-row { gap: 10px; }
  .asset-info small { font-size: 10px; }
  .menu-meta { max-width: 42%; }
  .record-row { gap: 9px; }
  .record-icon { width: 32px; height: 32px; }
  .record-body strong, .record-value { font-size: 13px; }
  .home-assets .asset-row { gap: 8px; padding: 12px 10px; }
  .home-assets .asset-value strong { font-size: 20px; }
  .wallet-actions > button { font-size: 10px; }
}