/* Safex Wallet UI — production presentation */

:root {
  color-scheme: light;
  --sfx_green: #27e3a4;
  --sfx_green_deep: #00b98c;
  --sfx_mint: #dffaf1;
  --sft_cyan: #47d7ed;
  --sft_cyan_deep: #15aeca;
  --sft_blue: #2578d8;
  --target_violet: #8a5de7;
  --target_violet_soft: #f1ecff;
  --warning: #f1ae3d;
  --warning_soft: #fff4df;
  --danger: #e45b64;
  --danger_soft: #fff0f1;
  --success: #00a977;
  --ui-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --ui-font-mono: ui-monospace, "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  --font_ui: var(--ui-font-sans);
  --font_mono: var(--ui-font-mono);
  /* Semantic type scale: meaningful content never relies on microtype for fit. */
  --ui-type-classification: 10px;
  --ui-type-micro: 11px;
  --ui-type-meta: 11.5px;
  --ui-type-body: 13.5px;
  --ui-type-control: 12px;
  --ui-type-financial: 13.5px;
  --ui-type-value: 14.5px;
  --ui-type-heading: 16px;
  --ui-type-major: 18px;
  --ui-type-editable: 16px;
  --ui-type-amount-input: 18px;
  --ui-type-crypto: clamp(14px, calc(13.62px + 0.1vw), 15px);
  --ui-type-crypto-focus: clamp(14.5px, calc(14.08px + 0.1vw), 15.5px);
  --ui-type-recovery-word: clamp(14px, calc(13.6px + 0.1vw), 14.5px);
  --ui-type-recovery-index: clamp(11px, calc(10.8px + 0.05vw), 11.5px);
  --ui-space-1: 2px;
  --ui-space-2: 4px;
  --ui-space-3: 6px;
  --ui-space-4: 8px;
  --ui-space-5: 12px;
  --ui-space-6: 16px;
  --ui-space-7: 20px;
  --ui-radius-control: 7px;
  --ui-radius-card: 10px;
  --ui-radius-region: 13px;
  --ui-line-soft: rgba(22, 94, 109, 0.16);
  --ui-line: rgba(22, 94, 109, 0.24);
  --ui-line-strong: rgba(22, 94, 109, 0.36);
  --ui-ink: #173747;
  --ui-ink-strong: #092939;
  --ui-muted: #496979;
  --ui-muted-soft: #7c919d;
  --ui-mint: #19cfa3;
  --ui-cyan: #42cfe8;
  --ui-surface: rgba(252, 255, 254, 0.96);
  --ui-surface-soft: rgba(247, 255, 252, 0.90);
  --ui-surface-crypto: #fbfffe;
  --ui-surface-secret: #fff9ed;
  --ui-line-crypto: rgba(22, 94, 109, 0.40);
  --ui-line-secret: rgba(193, 126, 25, 0.52);
  --ui-shadow-card: 0 6px 18px rgba(20, 70, 82, 0.06);
  --ui-shadow-modal: 0 18px 52px rgba(12, 46, 58, 0.23);
  --ink: var(--ui-ink);
  --ink_strong: var(--ui-ink-strong);
  --muted: var(--ui-muted);
  --muted_soft: var(--ui-muted-soft);
  --line: var(--ui-line);
  --line_strong: var(--ui-line-strong);
  --surface: var(--ui-surface-soft);
  --surface_strong: var(--ui-surface);
  --surface_mint: rgba(229, 255, 247, 0.92);
  --surface_cyan: rgba(232, 251, 255, 0.93);
  --shadow: var(--ui-shadow-card);
  --shadow_deep: var(--ui-shadow-modal);
  --radius_xs: 5px;
  --radius_sm: 8px;
  --radius_md: 12px;
  --radius_lg: 16px;
  --final-header: 52px;
  --support-band: clamp(118px, 16.5dvh, 148px);
  --final-actions: var(--support-band);
  --final-mining: var(--support-band);
  --final-footer: 28px;
  --final-activity: clamp(248px, 25vw, 350px);
  --final-task-activity: var(--final-activity);
  --final-logo-col: 112px;
  --activity-gutter-inline: 8px;
}

/* compatibility aliases used by wallet components */

* { box-sizing: border-box; }

html,
body { width: 100%; min-width: 0; height: 100%; min-height: 100%; margin: 0; overflow: hidden; background: #eff9f6; color: var(--ui-ink); font-family: var(--ui-font-sans); }

body.wallet_modal_open { overflow: hidden; }

button,
input,
textarea,
select { margin: 0; font: inherit; color: inherit; }

button { border: 0; }

button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
summary:focus-visible,
a:focus-visible { outline: 2px solid var(--sfx_green_deep); outline-offset: 2px; }

[hidden] { display: none !important; }

.site_shell { display: block; width: 100%; height: 100%; opacity: 1; transition: opacity 160ms ease; background: radial-gradient(circle at 10% 5%, rgba(39, 227, 164, 0.10), transparent 30%),
    radial-gradient(circle at 88% 8%, rgba(71, 215, 237, 0.10), transparent 28%),
    linear-gradient(145deg, #f8fffc 0%, #effcf9 54%, #f0fbff 100%); }

.safex_booting .site_shell { opacity: 0; }

.dashboard { position: relative; isolation: isolate; width: 100%; height: 100dvh; min-width: 0; min-height: 0; margin: 0; display: grid; grid-template-columns: var(--final-logo-col) minmax(0, 1fr) var(--final-activity); grid-template-rows: var(--final-header)
    minmax(0, 1fr)
    var(--final-actions)
    var(--final-mining)
    var(--final-footer); overflow: hidden; background: transparent; }

html[data-wallet-stage-mode="task"] .dashboard { grid-template-columns: var(--final-logo-col) minmax(0, 1fr) var(--final-task-activity); }

.dashboard_panel { min-width: 0; min-height: 0; }

.dashboard_panel--logo,
.dashboard_panel--header_state,
.dashboard_panel--wallet_controls {
  z-index: 8;
  border: 0;
  border-bottom: 1px solid var(--ui-line-soft);
  background: rgba(250, 255, 253, 0.93);
}

.dashboard_panel--logo {
  grid-column: 1;
  grid-row: 1;
  z-index: 10;
  display: flex;
  align-items: center;
  padding: 5px 8px;
  cursor: pointer;
  text-align: left;
}

.dashboard_logo_wordmark {
  width: 82px;
  max-width: 100%;
  max-height: 27px;
  object-fit: contain;
  object-position: left center;
}

.dashboard_panel--header_state {
  position: relative;
  grid-column: 1 / -1;
  grid-row: 1;
  z-index: 8;
  min-width: 0;
  padding: 4px 8px 5px;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto auto;
  place-content: center;
  place-items: center;
  row-gap: 1px;
  text-align: center;
}

.header_state_main {
  min-width: 0;
  display: inline-flex;
  align-items: baseline;
  justify-content: center;
  gap: 5px;
  grid-column: 1;
  grid-row: 1;
  white-space: nowrap;
}

.header_state_label {
  color: #426277;
  font-size: var(--ui-type-classification);
  font-weight: 700;
  line-height: 1;
  letter-spacing: .055em;
  text-transform: uppercase;
}

.header_state_primary {
  min-width: 0;
  overflow: hidden;
  color: var(--ui-ink-strong);
  font-size: 16px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.header_state_secondary {
  grid-column: 1;
  grid-row: 2;
  min-width: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}

.header_state_detail {
  min-width: 0;
  overflow: hidden;
  color: var(--ui-muted);
  font-size: var(--ui-type-micro);
  font-weight: 700;
  line-height: 1.1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.header_state_health { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 3px; }
.header_health_dot { width: 6px; height: 6px; display: block; border-radius: 50%; background: #a5b4ba; box-shadow: 0 0 0 1px rgba(23,55,71,.08); transition: background 180ms ease, box-shadow 180ms ease, transform 180ms ease; }
.header_health_dot[data-status="connected"] { background: #00ad7a; box-shadow: 0 0 0 2px rgba(0,173,122,.10); }
.header_health_dot[data-status="connecting"],
.header_health_dot[data-status="reconnecting"] { background: #e3a32d; animation: header-health-pulse 1.25s ease-in-out infinite; }
.header_health_dot[data-status="error"] { background: #d9535d; }
@keyframes header-health-pulse { 0%,100% { opacity: .48; transform: scale(.88); } 50% { opacity: 1; transform: scale(1); } }

.dashboard_panel--header_state[data-state="syncing"] .header_state_primary,
.dashboard_panel--header_state[data-state="ready"] .header_state_label {
  color: #00775f;
}

.header_state_progress {
  position: absolute;
  right: 8px;
  bottom: 2px;
  left: 8px;
  height: 2px;
  overflow: hidden;
  border-radius: 99px;
  background: rgba(64, 122, 132, 0.12);
}

.header_state_progress > span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--sfx_green_deep), var(--sft_cyan_deep));
  transition: width 180ms linear;
}

.dashboard_panel--wallet_controls {
  grid-column: 3;
  grid-row: 1;
  min-width: 0;
  padding: 4px 6px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
}

.header_wallet_button {
  min-width: 0;
  min-height: 34px;
  padding: 4px 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  border: 1px solid var(--ui-line-soft);
  border-radius: 7px;
  background: rgba(255, 255, 255, .66);
  color: #31586a;
  cursor: pointer;
  font-size: var(--ui-type-control);
  font-weight: 700;
  line-height: 1;
}

.header_wallet_button svg {
  width: 14px;
  height: 14px;
  flex: 0 0 auto;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.header_wallet_button:hover:not(:disabled) {
  border-color: rgba(0, 185, 140, .40);
  background: rgba(228, 255, 247, .86);
}

.header_wallet_button--danger {
  color: #a63b44;
}

.header_wallet_button:disabled {
  cursor: default;
  opacity: .38;
}


.dashboard_panel--primary { grid-column: 1 / 3; grid-row: 2; position: relative; z-index: 2; overflow: hidden; border: 0; background: transparent; }

.wallet_panel_mount { position: relative; width: 100%; height: 100%; min-width: 0; min-height: 0; padding: 4px; overflow: hidden; }

.dashboard_panel--mempool_body { grid-column: 3; grid-row: 2; z-index: 4; padding: 4px 4px 4px 0; overflow: hidden; border: 0; background: transparent; }










/*
 * =========================================================
 * Native Safex Swap feature
 * =========================================================
 * Safex Swap V2.7.6 remains the customer-flow and visual source of truth.
 * The wallet owns typography, the reserved band and the shared task overlay.
 * Swap owns its bounded component geometry, orange/mint identity and lifecycle.
 */

.dashboard_panel--actions[hidden] { display: none; }
html[data-safex-swap-enabled="false"] .dashboard { --final-actions: 0px; }

.dashboard_panel--actions {
  grid-column: 1 / -1;
  grid-row: 3;
  z-index: 3;
  min-height: 0;
  display: grid;
  place-items: center;
  padding: 7px;
  overflow: hidden;
  border: 0;
  background:
    radial-gradient(circle at 50% 100%, rgba(243, 141, 79, .08), transparent 52%),
    linear-gradient(90deg, rgba(249, 255, 253, .95), rgba(255, 250, 245, .94), rgba(249, 255, 253, .95));
}

.safex_swap_mount {
  width: min(calc(100% - 2px), 520px);
  height: 110px;
  min-width: 0;
  min-height: 110px;
  display: grid;
  place-items: stretch;
}

.safex_swap_loading,
.safex_swap_unavailable,
.safex_swap_widget,
.safex_swap_dialog {
  --swap-ink: #102934;
  --swap-muted: #6b7f87;
  --swap-line: rgba(16, 41, 52, .13);
  --swap-orange: #f38d4f;
  --swap-orange-deep: #d86f36;
  --swap-mint: #e3f4ee;
  --swap-mint-deep: #267764;
  --swap-soft: #f7faf9;
  --swap-danger: #b33d43;
  --swap-danger-soft: #fdecee;
  --swap-type-label: var(--ui-type-micro);
  --swap-type-meta: var(--ui-type-micro);
  --swap-type-control: var(--ui-type-control);
  --swap-type-body: var(--ui-type-body);
  --swap-type-value: var(--ui-type-financial);
  --swap-type-heading: var(--ui-type-major);
  --swap-compact-qr-size: 64px;
  --swap-payment-qr-size: 116px;
}

.safex_swap_loading,
.safex_swap_unavailable {
  width: 100%;
  height: 110px;
  min-width: 0;
  display: grid;
  align-content: center;
  gap: 4px;
  padding: 10px 12px;
  border: 1px solid rgba(16, 41, 52, .12);
  border-radius: 15px;
  background: linear-gradient(135deg, #fff, #f7fbf9 62%, #fff7f0);
  box-shadow: 0 10px 30px rgba(19, 45, 54, .09);
}
.safex_swap_loading strong,
.safex_swap_unavailable strong { color: var(--swap-ink); font-size: var(--swap-type-body); }
.safex_swap_loading small,
.safex_swap_unavailable small { min-width: 0; overflow: hidden; color: var(--swap-muted); font-size: var(--swap-type-label); text-overflow: ellipsis; white-space: nowrap; }

.safex_swap_widget {
  width: 100%;
  height: 110px;
  min-height: 110px;
  display: grid;
  grid-template-columns: 74px minmax(82px, .9fr) minmax(96px, 1.25fr) 76px;
  grid-template-rows: 72px 30px;
  gap: 0 6px;
  padding: 7px 8px 0;
  overflow: hidden;
  border: 1px solid rgba(16, 41, 52, .12);
  border-radius: 15px;
  background: linear-gradient(135deg, #fff, #f7fbf9 62%, #fff7f0);
  box-shadow: 0 10px 30px rgba(19, 45, 54, .09);
  color: var(--swap-ink);
}
.safex_swap_widget > * { min-width: 0; }
.safex_swap_widget.is-paused { opacity: .92; }

.safex_swap_asset_switch { display: flex; flex-direction: column; gap: 4px; justify-content: center; }
.safex_swap_asset_button {
  height: 29px;
  padding: 0 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  border: 1px solid var(--swap-line);
  border-radius: 8px;
  background: #fff;
  color: var(--swap-muted);
  cursor: pointer;
  font: inherit;
  font-size: var(--swap-type-control);
  font-weight: 800;
}
.safex_swap_asset_button img { width: 17px; height: 17px; object-fit: contain; }
.safex_swap_asset_button.is-active { color: var(--swap-ink); border-color: rgba(38, 119, 100, .32); background: var(--swap-mint); box-shadow: inset 0 0 0 1px rgba(38, 119, 100, .05); }

.safex_swap_usd_field { min-width: 0; display: flex; flex-direction: column; justify-content: center; gap: 3px; }
.safex_swap_usd_field > span,
.safex_swap_quote_result > span { color: var(--swap-muted); font-size: var(--swap-type-label); text-transform: uppercase; letter-spacing: .06em; font-weight: 800; }
.safex_swap_usd_field > div { height: 41px; display: flex; align-items: center; overflow: hidden; border: 1px solid var(--swap-line); border-radius: 10px; background: #fff; }
.safex_swap_usd_field b { padding-left: 9px; color: var(--swap-muted); font-size: var(--swap-type-value); }
.safex_swap_usd_field input { width: 100%; min-width: 0; height: 39px; border: 0; outline: 0; background: transparent; color: var(--swap-ink); font: inherit; font-size: var(--ui-type-editable); font-weight: 800; padding: 0 7px 0 3px; font-variant-numeric: tabular-nums; }
.safex_swap_usd_field > div:focus-within { border-color: rgba(243, 141, 79, .75); box-shadow: 0 0 0 3px rgba(243, 141, 79, .11); }
.safex_swap_usd_field > div[data-state="error"],
.safex_swap_usd_field > div[data-state="empty"] { border-color: rgba(179, 61, 67, .62); box-shadow: inset 0 0 0 1px rgba(179, 61, 67, .05); }
.safex_swap_usd_field > div[data-state="error"]:focus-within,
.safex_swap_usd_field > div[data-state="empty"]:focus-within { box-shadow: 0 0 0 3px rgba(179, 61, 67, .10); }

.safex_swap_quote_result { min-width: 0; display: flex; flex-direction: column; justify-content: center; }
.safex_swap_quote_result strong { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--swap-ink); font-size: var(--swap-type-value); letter-spacing: -.02em; }
.safex_swap_quote_result small { margin-top: 2px; color: var(--swap-muted); font-size: var(--swap-type-label); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-variant-numeric: tabular-nums; }
.safex_swap_quote_result.is-invalid small { color: var(--swap-danger); font-weight: 800; text-overflow: clip; }

.safex_swap_continue_button {
  align-self: center;
  height: 42px;
  border: 0;
  border-radius: 10px;
  background: linear-gradient(135deg, var(--swap-orange), #f6b174);
  box-shadow: 0 5px 13px rgba(221, 112, 52, .18);
  color: #2d180c;
  cursor: pointer;
  font: inherit;
  font-size: var(--swap-type-control);
  font-weight: 800;
}
.safex_swap_continue_button:disabled { cursor: not-allowed; filter: saturate(.2); opacity: .42; box-shadow: none; }

.safex_swap_widget_status { grid-column: 1 / -1; height: 30px; display: flex; align-items: center; gap: 6px; padding: 2px 4px; overflow: hidden; color: var(--swap-muted); font-size: var(--swap-type-label); line-height: 1.15; white-space: normal; }
.safex_swap_widget_status > span:last-child { min-width: 0; overflow-wrap: anywhere; }
.safex_swap_widget_status[data-state="error"],
.safex_swap_widget_status[data-state="empty"] { color: var(--swap-danger); font-weight: 700; }
.safex_swap_status_dot { width: 7px; height: 7px; flex: 0 0 auto; border-radius: 50%; background: #a5b2b6; box-shadow: 0 0 0 3px rgba(165, 178, 182, .14); }
.safex_swap_status_dot.ok { background: #45a18b; box-shadow: 0 0 0 3px rgba(69, 161, 139, .14); }
.safex_swap_status_dot.warn { background: #e19a45; box-shadow: 0 0 0 3px rgba(225, 154, 69, .14); }

.safex_swap_widget--order { grid-template-columns: minmax(0, 1fr); grid-template-rows: 1fr; padding: 5px 7px; }
.safex_swap_active_order {
  grid-column: 1 / -1;
  width: 100%;
  height: 100%;
  min-width: 0;
  display: grid;
  grid-template-rows: 64px 18px 18px;
  align-items: stretch;
}
.safex_swap_active_order--reconnect { grid-template-rows: 78px 22px; }
.safex_swap_compact_primary {
  min-width: 0;
  display: grid;
  grid-template-columns: var(--swap-compact-qr-size) minmax(0, 1fr) auto;
  gap: 7px;
  align-items: center;
}
.safex_swap_widget--order:not(.is-payable) .safex_swap_compact_primary { grid-template-columns: minmax(0, 1fr) auto; }
.safex_swap_compact_qr { width: var(--swap-compact-qr-size); height: var(--swap-compact-qr-size); display: grid; place-items: center; overflow: hidden; border: 1px solid var(--swap-line); border-radius: 8px; background: #fff; }
.safex_swap_compact_qr svg { display: block; width: calc(var(--swap-compact-qr-size) - 4px); height: calc(var(--swap-compact-qr-size) - 4px); }
.safex_swap_compact_payment_content { min-width: 0; }
.safex_swap_active_order_copy { min-width: 0; }
.safex_swap_active_order_copy span,
.safex_swap_active_order_copy strong,
.safex_swap_active_order_copy small { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.safex_swap_active_order_copy span { color: var(--swap-orange-deep); font-size: var(--swap-type-label); text-transform: uppercase; letter-spacing: .06em; font-weight: 800; }
.safex_swap_active_order_copy strong { margin-top: 1px; font-size: var(--swap-type-control); line-height: 1.08; letter-spacing: -.015em; }
.safex_swap_active_order_copy small { margin-top: 1px; color: var(--swap-muted); font-size: var(--swap-type-label); line-height: 1.08; }
.safex_swap_active_order_actions { align-self: center; display: flex; gap: 4px; }
.safex_swap_active_order_actions button { height: 29px; padding: 0 7px; border: 1px solid var(--swap-line); border-radius: 8px; background: #eef3f2; color: var(--swap-ink); font: inherit; font-size: var(--swap-type-label); font-weight: 800; }
.safex_swap_active_order_actions button:disabled { opacity: .45; cursor: default; }
.safex_swap_active_order_actions .safex_swap_external_button { width: 28px; padding: 0; font-size: var(--swap-type-body); }
.safex_swap_compact_literal_row {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 4px;
  align-items: center;
  border-top: 1px solid rgba(16, 41, 52, .07);
}
.safex_swap_compact_literal_row.has-trailing { grid-template-columns: auto minmax(0, 1fr) auto auto; }
.safex_swap_compact_literal_row span { color: var(--swap-muted); font-size: var(--swap-type-label); text-transform: uppercase; letter-spacing: .05em; font-weight: 800; white-space: nowrap; }
.safex_swap_compact_literal_row code {
  min-width: 0;
  color: #31515d;
  font-family: var(--ui-font-mono);
  font-size: var(--swap-type-label);
  line-height: 1;
  white-space: nowrap;
  overflow: visible;
  text-overflow: clip;
}
.safex_swap_compact_literal_row button { height: 17px; padding: 0 5px; border: 1px solid var(--swap-line); border-radius: 5px; background: #fff; color: var(--swap-ink); font: inherit; font-size: var(--swap-type-label); font-weight: 800; line-height: 1; }
.safex_swap_compact_literal_row > strong { min-width: 34px; text-align: right; color: var(--swap-orange-deep); font-size: var(--swap-type-label); font-variant-numeric: tabular-nums; line-height: 1; }
.safex_swap_widget--order:not(.is-payable) .safex_swap_active_order { grid-template-rows: 78px 22px; }
.safex_swap_widget--order:not(.is-payable) .safex_swap_active_order_copy strong { font-size: var(--swap-type-body); }

.dashboard_main_overlay[data-overlay-kind="swap"] { position: fixed; inset: 0; z-index: 900; display: grid; place-items: center; padding: 0; overflow: hidden; background: rgba(7, 35, 45, .48); backdrop-filter: blur(7px); }
.dashboard_main_overlay[data-overlay-kind="swap"] .safex_swap_workspace_modal { position: absolute; inset: 0; display: grid; place-items: center; padding: 8px; }
.dashboard_main_overlay[data-overlay-kind="swap"] .wallet_workspace_modal_scrim { pointer-events: none; }

.safex_swap_dialog {
  position: relative;
  z-index: 1;
  width: min(680px, calc(100vw - 22px));
  height: max-content;
  max-height: min(780px, calc(100dvh - 22px));
  align-self: center;
  overflow: hidden;
  border: 0;
  border-radius: 20px;
  background: #fff;
  color: var(--swap-ink);
  box-shadow: 0 30px 100px rgba(19, 45, 54, .25);
}
.safex_swap_dialog--payment { width: min(360px, calc(100vw - 12px)); max-height: min(540px, calc(100dvh - 12px)); }
.safex_swap_dialog--message { width: min(460px, calc(100vw - 22px)); }
.safex_swap_dialog_card { display: flex; flex-direction: column; height: auto; max-height: inherit; overflow: hidden; border: 1px solid var(--swap-line); border-radius: 20px; background: #fff; }
.safex_swap_dialog_card > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 18px 20px 13px; border-bottom: 1px solid var(--swap-line); background: linear-gradient(135deg, #fff, #fffaf6 64%, #f8fbfa); }
.safex_swap_dialog_card > header h2 { margin: 3px 0 2px; color: var(--swap-ink); font-size: var(--swap-type-heading); line-height: 1.12; letter-spacing: -.02em; }
.safex_swap_dialog_card > header small { display: block; color: var(--swap-muted); font-size: var(--swap-type-meta); line-height: 1.35; }
.safex_swap_eyebrow { display: block; color: var(--swap-orange-deep); text-transform: uppercase; letter-spacing: .075em; font-size: var(--swap-type-label); font-weight: 800; }
.safex_swap_icon_button { width: 31px; min-width: 31px; height: 31px; padding: 0; flex: 0 0 auto; border: 0; border-radius: 50%; background: rgba(16, 41, 52, .06); color: var(--swap-ink); font: inherit; font-size: var(--ui-type-heading); line-height: 1; }
.safex_swap_dialog_body { min-height: 0; padding: 16px 20px; overflow: auto; scrollbar-gutter: stable; color: var(--swap-ink); font-size: var(--swap-type-body); }
.safex_swap_dialog_card > footer { display: flex; gap: 9px; justify-content: flex-end; align-items: center; padding: 13px 20px; border-top: 1px solid var(--swap-line); background: #fbfcfc; }

.safex_swap_primary_button,
.safex_swap_secondary_button,
.safex_swap_danger_button,
.safex_swap_text_button { min-height: 39px; padding: 8px 13px; border-radius: 10px; font: inherit; font-size: var(--swap-type-control); font-weight: 800; }
.safex_swap_primary_button { border: 0; background: linear-gradient(135deg, var(--swap-orange), #f6b174); color: #2d180c; box-shadow: 0 4px 12px rgba(221, 112, 52, .13); }
.safex_swap_secondary_button { border: 1px solid var(--swap-line); background: #eef3f2; color: var(--swap-ink); }
.safex_swap_danger_button { border: 1px solid rgba(179, 61, 67, .15); background: var(--swap-danger-soft); color: var(--swap-danger); }
.safex_swap_text_button { min-height: 0; padding: 5px 0; border: 0; background: transparent; color: var(--swap-orange-deep); }
.safex_swap_primary_button:disabled,
.safex_swap_secondary_button:disabled,
.safex_swap_danger_button:disabled { opacity: .45; cursor: default; }

.safex_swap_summary_strip,
.safex_swap_agreement_summary { margin-bottom: 14px; padding: 12px 13px; border: 1px solid rgba(38, 119, 100, .18); border-radius: 13px; background: var(--swap-mint); color: var(--swap-ink); font-size: var(--swap-type-body); line-height: 1.45; }
.safex_swap_summary_strip span,
.safex_swap_summary_strip strong,
.safex_swap_summary_strip small,
.safex_swap_agreement_summary span,
.safex_swap_agreement_summary strong,
.safex_swap_agreement_summary small { display: block; }
.safex_swap_summary_strip strong,
.safex_swap_agreement_summary strong { color: var(--swap-mint-deep); }
.safex_swap_summary_strip small,
.safex_swap_agreement_summary small { color: var(--swap-muted); font-size: var(--swap-type-meta); }

.safex_swap_destination_choices { min-width: 0; display: grid; gap: 8px; margin: 0 0 12px; padding: 0; border: 0; }
.safex_swap_destination_choices legend { margin-bottom: 3px; color: var(--swap-ink); font-size: var(--swap-type-body); font-weight: 800; }
.safex_swap_destination_choice { min-width: 0; display: grid; grid-template-columns: 20px minmax(0, 1fr); align-items: start; gap: 9px; padding: 10px; border: 1px solid var(--swap-line); border-radius: 11px; background: #fff; cursor: pointer; }
.safex_swap_destination_choice.is-selected { border-color: rgba(243, 141, 79, .62); background: #fff9f4; box-shadow: inset 0 0 0 1px rgba(243, 141, 79, .09); }
.safex_swap_destination_choice.is-disabled { opacity: .48; cursor: default; }
.safex_swap_destination_choice input { width: 18px; height: 18px; margin: 0; accent-color: var(--swap-orange-deep); }
.safex_swap_destination_choice span { min-width: 0; display: grid; gap: 2px; }
.safex_swap_destination_choice strong { color: var(--swap-ink); font-size: var(--swap-type-body); }
.safex_swap_destination_choice small { color: var(--swap-muted); font-size: var(--swap-type-meta); line-height: 1.35; overflow-wrap: anywhere; }
.safex_swap_stacked_field { display: grid; gap: 6px; }
.safex_swap_stacked_field > span { color: var(--swap-muted); font-size: var(--swap-type-label); text-transform: uppercase; letter-spacing: .06em; font-weight: 800; }
.safex_swap_stacked_field textarea { width: 100%; min-height: 80px; padding: 11px; resize: vertical; outline: 0; border: 1px solid var(--swap-line); border-radius: 11px; background: #fff; color: var(--swap-ink); font-family: var(--ui-font-mono); font-size: var(--ui-type-crypto); line-height: 1.42; }
.safex_swap_stacked_field textarea:focus { border-color: rgba(243, 141, 79, .75); box-shadow: 0 0 0 3px rgba(243, 141, 79, .11); }
.safex_swap_validation { margin: 9px 0 0; padding: 8px 10px; border-radius: 9px; background: #eaf3f7; color: #376478; font-size: var(--swap-type-meta); }
.safex_swap_validation[data-state="error"] { background: var(--swap-danger-soft); color: #9f3340; }
.safex_swap_validation[data-state="valid"] { background: var(--swap-mint); color: var(--swap-mint-deep); }
.safex_swap_error { margin: 0 0 10px; padding: 9px 10px; border: 1px solid rgba(179, 61, 67, .15); border-radius: 10px; background: var(--swap-danger-soft); color: #9f3340; font-size: var(--swap-type-meta); }

.safex_swap_legal_document { min-width: 0; margin-bottom: 14px; border: 1px solid var(--swap-line); border-radius: 13px; overflow: hidden; background: rgba(252, 255, 254, .98); }
.safex_swap_legal_document_header { min-width: 0; display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 11px 13px; border-bottom: 1px solid var(--swap-line); background: linear-gradient(135deg, #fff, #fffaf6 68%, #f8fbfa); }
.safex_swap_legal_document_header > div { min-width: 0; }
.safex_swap_legal_document_header strong,
.safex_swap_legal_document_header small { display: block; }
.safex_swap_legal_document_header strong { color: var(--swap-ink); font-size: var(--swap-type-body); line-height: 1.22; }
.safex_swap_legal_document_header small { margin-top: 2px; color: var(--swap-muted); font-size: var(--swap-type-meta); line-height: 1.3; }
.safex_swap_legal_sections { display: grid; gap: 0; }
.safex_swap_legal_section { min-width: 0; display: grid; gap: 5px; padding: 10px 13px; border-bottom: 1px solid var(--swap-line); background: transparent; }
.safex_swap_legal_section:last-child { border-bottom: 0; }
.safex_swap_legal_section h3 { margin: 0; color: var(--swap-ink); font-size: var(--swap-type-body); font-weight: 800; line-height: 1.26; }
.safex_swap_legal_section_copy { min-width: 0; display: grid; gap: 7px; }
.safex_swap_legal_section p { margin: 0; color: #3e6373; font-size: var(--swap-type-meta); line-height: 1.5; }
.safex_swap_legal_section ul { margin: 0; padding-left: 18px; display: grid; gap: 6px; color: #3e6373; font-size: var(--swap-type-meta); line-height: 1.48; }
.safex_swap_legal_section li { padding-left: 2px; }
.safex_swap_acknowledgements { display: grid; gap: 8px; }
.safex_swap_acknowledgements label { display: flex; gap: 10px; align-items: flex-start; padding: 10px; border: 1px solid var(--swap-line); border-radius: 11px; background: #fff; font-size: var(--swap-type-body); line-height: 1.4; }
.safex_swap_acknowledgements input { width: 18px; height: 18px; margin: 0; flex: 0 0 auto; accent-color: var(--swap-orange-deep); }
.safex_swap_legal_meta { margin: 10px 0 0; color: var(--swap-muted); font-size: var(--swap-type-meta); }
.safex_swap_requote { display: grid; gap: 8px; padding: 12px; border: 1px solid rgba(243, 141, 79, .28); border-radius: 11px; background: #fff7ef; }
.safex_swap_requote p { margin: 0; color: #405b64; line-height: 1.45; }
.safex_swap_cancel_warning strong { display: block; color: var(--swap-ink); font-size: var(--swap-type-heading); }
.safex_swap_cancel_warning p { margin: 10px 0 0; color: #405b64; font-size: var(--swap-type-body); line-height: 1.5; }

.safex_swap_payment_status_row { display: flex; justify-content: space-between; gap: 12px; align-items: center; margin-bottom: 6px; }
.safex_swap_payment_status_badge { display: inline-flex; padding: 4px 7px; border-radius: 999px; background: var(--swap-mint); color: var(--swap-mint-deep); font-size: var(--swap-type-label); font-weight: 800; }
.safex_swap_payment_status_badge.mempool { background: #fff0df; color: #9b5f1a; }
.safex_swap_payment_status_badge.confirmed { background: #e7f5ff; color: #2d6886; }
.safex_swap_payment_status_badge.fulfill { background: #f0ebff; color: #61519c; }
.safex_swap_payment_status_badge.complete { background: #dff5ec; color: #23735f; }
.safex_swap_countdown { color: var(--swap-muted); font-size: var(--swap-type-label); font-variant-numeric: tabular-nums; }
.safex_swap_lifecycle_track { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 3px; margin: 0 0 7px; }
.safex_swap_lifecycle_step { min-width: 0; display: grid; grid-template-columns: 15px minmax(0, 1fr); gap: 3px; align-items: center; padding: 3px 4px; border: 1px solid var(--swap-line); border-radius: 9px; background: #fafcfc; }
.safex_swap_lifecycle_step > span { width: 15px; height: 15px; display: grid; place-items: center; border-radius: 50%; background: #e9eeee; color: #728086; font-size: var(--swap-type-label); font-weight: 900; }
.safex_swap_lifecycle_step strong { min-width: 0; overflow: hidden; font-size: var(--swap-type-label); white-space: nowrap; text-overflow: ellipsis; }
.safex_swap_lifecycle_step.is-active { border-color: #f0c69f; background: #fff7ef; }
.safex_swap_lifecycle_step.is-active > span { background: #ffe3cc; color: #b95b28; }
.safex_swap_lifecycle_step.is-done { border-color: #bfe2d7; background: #f0faf6; }
.safex_swap_lifecycle_step.is-done > span { background: #d9f2e9; color: #22745f; font-size: 0; }
.safex_swap_lifecycle_step.is-done > span::before { content: "\2713"; font-size: var(--swap-type-label); }
.safex_swap_terminal_notice { margin: 4px 0 8px; padding: 12px; border: 1px solid #f0c69f; border-radius: 10px; background: #fff7ef; }
.safex_swap_terminal_notice strong,
.safex_swap_terminal_notice span { display: block; }
.safex_swap_terminal_notice strong { font-size: var(--swap-type-body); }
.safex_swap_terminal_notice span { margin-top: 3px; color: var(--swap-muted); font-size: var(--swap-type-meta); line-height: 1.3; }
.safex_swap_payment_layout { display: grid; grid-template-columns: calc(var(--swap-payment-qr-size) + 14px) minmax(0, 1fr); gap: 9px; align-items: center; }
.safex_swap_payment_layout.is-satisfied { grid-template-columns: 1fr; }
.safex_swap_qr_panel { width: calc(var(--swap-payment-qr-size) + 14px); display: grid; place-items: center; gap: 3px; padding: 6px; border: 1px solid var(--swap-line); border-radius: 11px; background: #fff; }
.safex_swap_qr_panel small { color: var(--swap-muted); font-size: var(--swap-type-label); }
.safex_swap_payment_qr { width: var(--swap-payment-qr-size); height: var(--swap-payment-qr-size); }
.safex_swap_payment_qr svg { display: block; width: 100%; height: 100%; }
.safex_swap_payment_detail { min-width: 0; }
.safex_swap_payment_grid { display: grid; grid-template-columns: 1fr; gap: 6px; margin: 0; }
.safex_swap_payment_layout.is-satisfied .safex_swap_payment_grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.safex_swap_payment_grid > div { min-width: 0; padding: 8px; border: 1px solid var(--swap-line); border-radius: 9px; background: var(--swap-soft); }
.safex_swap_payment_grid span { display: block; color: var(--swap-muted); font-size: var(--swap-type-label); text-transform: uppercase; font-weight: 800; }
.safex_swap_payment_grid strong { display: block; margin-top: 2px; font-size: var(--swap-type-control); overflow-wrap: anywhere; }
.safex_swap_crypto_value { min-width: 0; display: grid; gap: 4px; margin-top: 7px; }
.safex_swap_crypto_value_header { min-width: 0; display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.safex_swap_crypto_value_header > span { color: var(--swap-muted); font-size: var(--swap-type-label); text-transform: uppercase; letter-spacing: .06em; font-weight: 800; }
.safex_swap_crypto_value_actions { display: flex; flex: 0 0 auto; gap: 5px; }
.safex_swap_crypto_value_actions button { min-height: 29px; padding: 0 8px; border: 1px solid var(--swap-line); border-radius: 8px; background: #edf2f1; color: var(--swap-ink); font: inherit; font-size: var(--swap-type-label); font-weight: 800; }
.safex_swap_crypto_value code { width: 100%; min-width: 0; display: block; padding: 7px 8px; border: 1px solid var(--swap-line); border-radius: 9px; background: #fff; color: var(--swap-ink); font-family: var(--ui-font-mono); font-size: var(--swap-type-label); line-height: 1.3; white-space: normal; overflow-wrap: anywhere; word-break: normal; }
.safex_swap_partial_progress { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 5px; margin-top: 7px; }
.safex_swap_partial_progress > div { min-width: 0; padding: 6px 7px; border: 1px solid var(--swap-line); border-radius: 8px; background: var(--swap-soft); }
.safex_swap_partial_progress span { display: block; color: var(--swap-muted); font-size: var(--swap-type-label); text-transform: uppercase; letter-spacing: .04em; font-weight: 800; }
.safex_swap_partial_progress strong { display: block; margin-top: 2px; font-size: var(--swap-type-label); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.safex_swap_partial_note,
.safex_swap_deadline { margin: 5px 0 0; color: #405b64; font-size: var(--swap-type-meta); line-height: 1.3; }
.safex_swap_transaction_evidence { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5px; margin-top: 7px; }
.safex_swap_transaction_evidence > div { min-width: 0; padding: 6px 7px; border: 1px solid var(--swap-line); border-radius: 8px; background: var(--swap-soft); }
.safex_swap_transaction_evidence .span2 { grid-column: 1 / -1; }
.safex_swap_transaction_evidence span { display: block; color: var(--swap-muted); font-size: var(--swap-type-label); text-transform: uppercase; font-weight: 800; }
.safex_swap_transaction_evidence strong,
.safex_swap_transaction_evidence code { display: block; margin-top: 2px; overflow-wrap: anywhere; font-size: var(--swap-type-label); }
.safex_swap_transaction_evidence code { font-family: var(--ui-font-mono); }


.dashboard_panel--mining_one { grid-column: 1 / -1; grid-row: 4; z-index: 3; min-height: 0; padding: 4px 5px; overflow: hidden; border-bottom: 1px solid rgba(22, 94, 109, 0.14); background: linear-gradient(180deg, rgba(249, 255, 253, 0.98), rgba(239, 251, 252, 0.96)); }

.mining_stats_shell,
.mining_stats { width: 100%; height: 100%; min-width: 0; min-height: 0; }

.mining_stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px; }

.mining_card { min-width: 0; min-height: 0; height: 100%; display: grid; grid-template-rows: auto minmax(0, 1fr) auto; overflow: hidden; border: 1px solid var(--ui-line-soft); border-radius: 9px; background: rgba(255, 255, 255, 0.78); }

.mining_card--target { border-color: rgba(138, 93, 231, 0.22); background: linear-gradient(145deg, rgba(255, 255, 255, 0.90), rgba(246, 243, 255, 0.78)); }

.mining_card_header { min-width: 0; display: grid; grid-template-columns: 14px minmax(0, 1fr); grid-template-areas: "icon kicker" "icon height"; align-items: center; column-gap: 4px; row-gap: 0; padding: 4px 5px 2px; }

.mining_card_icon { grid-area: icon; width: 14px; height: 14px; display: grid; place-items: center; color: var(--sft_cyan_deep); }

.mining_card_icon--purple { color: var(--target_violet); }

.mining_card_icon--supply { color: var(--success); }

.mining_card_icon svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.8; }

.mining_card_kicker,
.mining_metric_label { color: var(--ui-muted); font-size: var(--ui-type-micro); font-weight: 700; line-height: 1.05; letter-spacing: 0.025em; text-transform: uppercase; }

.mining_card--target .mining_card_kicker,
.mining_metric_label--purple { color: #6842ba; }

.mining_metric_label--cyan { color: var(--sfx_green_deep); }

.mining_block_height { grid-area: height; min-width: 0; overflow: hidden; color: var(--ui-ink-strong); font-family: var(--ui-font-mono); font-size: 13px; font-weight: 700; line-height: 1; text-overflow: ellipsis; white-space: nowrap; font-variant-numeric: tabular-nums; }

.mining_card_body,
.supply_card_body { min-width: 0; min-height: 0; display: grid; align-content: center; gap: 3px; padding: 2px 5px 3px; overflow: hidden; }

.mining_card_body { grid-template-columns: 1fr; }

.mining_metric { min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: baseline; gap: 4px; }

.mining_metric_label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }


.mining_value_line { min-width: 0; display: flex; align-items: baseline; justify-content: flex-end; gap: 2px; white-space: nowrap; }

.mining_hashrate,
.mining_reward,
.supply_amount { color: #173b55; font-size: var(--ui-type-micro); font-weight: 700; font-variant-numeric: tabular-nums; line-height: 1; }

.mining_reward { color: var(--sfx_green_deep); }

.mining_unit,
.target_delta,
.reward_epoch_days,
.reward_epoch_height,
.reward_epoch_label,
.reward_epoch_unit,
.mining_card_footer { font-size: var(--ui-type-micro); line-height: 1.05; }

.mining_unit { color: #32627b; font-weight: 700; }

.target_delta { grid-column: 1 / -1; justify-self: end; color: var(--target_violet); white-space: nowrap; }

.mining_card_footer,
.reward_epoch { min-width: 0; min-height: 20px; display: flex; align-items: center; gap: 4px; padding: 2px 5px; color: #426478; }

.mining_footer_icon,
.reward_epoch_icon { width: 11px; height: 11px; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 1.8; }

.supply_values { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5px; }

.supply_value_group { min-width: 0; display: grid; gap: 1px; }

.supply_value_group:last-child { text-align: right; }

.supply_progress { height: 5px; overflow: hidden; border: 1px solid var(--ui-line); border-radius: 99px; background: #e8f1f2; }

.supply_progress_fill { display: block; width: var(--mined_supply_percent, 0%); height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--sfx_green), var(--sft_cyan)); }


.reward_epoch { display: grid; grid-template-columns: auto auto auto auto minmax(0, 1fr); }

.reward_epoch_label,
.reward_epoch_value { color: var(--target_violet); }

.reward_epoch_value { font-size: var(--ui-type-micro); }

.reward_epoch_days,
.reward_epoch_height { min-width: 0; overflow: hidden; color: var(--ui-muted); text-align: right; text-overflow: clip; white-space: nowrap; }

.dashboard_panel--footer { grid-column: 1 / -1; grid-row: 5; z-index: 7; min-height: 0; display: flex; align-items: center; justify-content: center; gap: 10px; background: rgba(249, 255, 253, 0.94); }

.dashboard_panel--footer > span { display: none; }

.dashboard_panel--footer button { min-height: 22px; padding: 2px 5px; background: transparent; color: #365d70; cursor: pointer; font-size: 13px; font-weight: 700; line-height: 1; }

.dashboard_main_overlay { grid-column: 1 / 3; grid-row: 2; position: relative; z-index: 30; min-width: 0; min-height: 0; overflow: hidden; background: transparent; }

.dashboard_main_overlay[data-overlay-kind="onboarding"],
.dashboard_main_overlay[data-overlay-kind="legal"] { position: fixed; inset: 0; z-index: 900; display: grid; place-items: center; padding: 8px; overflow: hidden; background: rgba(7, 35, 45, 0.48); backdrop-filter: blur(7px); }

.dashboard_main_overlay[data-overlay-kind="onboarding"] .wallet_workspace_modal { position: absolute; inset: 0; display: grid; place-items: center; padding: 8px; }

.dashboard_main_overlay[data-overlay-kind="onboarding"] .wallet_workspace_modal_scrim { background: transparent; backdrop-filter: none; }

.dashboard_main_overlay[data-overlay-kind="onboarding"] .wallet_workspace_modal_dialog { width: min(100%, 560px); height: auto; max-height: calc(100dvh - 16px); border-radius: 14px; box-shadow: var(--ui-shadow-modal); }

.dashboard_main_overlay[data-overlay-kind="onboarding"] .wallet_state_view,
.dashboard_main_overlay[data-overlay-kind="onboarding"] .wallet_state_view--form { height: auto; max-height: calc(100dvh - 18px); }

.dashboard_main_overlay[data-overlay-kind="onboarding"] .wallet_state_view--form { grid-template-rows: auto minmax(0, auto) auto; }

.dashboard_main_overlay[data-overlay-kind="onboarding"] .wallet_state_scroll { max-height: calc(100dvh - 142px); overflow: auto; }

.dashboard_main_overlay[data-overlay-kind="legal"] > .wallet_task_sheet { width: min(100%, 560px); max-height: calc(100dvh - 16px); padding: 14px; border: 1px solid var(--ui-line-strong); border-radius: 14px; background: rgba(252, 255, 254, 0.995); box-shadow: var(--ui-shadow-modal); }

.wallet_legal_sheet { grid-template-rows: auto minmax(0, 1fr) auto; gap: 10px; overflow: hidden; }

.wallet_legal_sheet .wallet_task_header { grid-template-columns: minmax(0, 1fr) 34px; align-items: start; gap: 8px; }

.wallet_legal_sheet .wallet_task_header > div { min-width: 0; }

.wallet_legal_sheet .wallet_task_header .wallet_icon_button { width: 34px; min-width: 34px; height: 34px; min-height: 34px; padding: 0; font-size: 18px; line-height: 1; }

.wallet_legal_body { min-width: 0; min-height: 0; display: grid; align-content: start; gap: 9px; overflow: auto; scrollbar-gutter: stable; }

.wallet_legal_lead { margin: 0; color: var(--ui-ink-strong); font-size: var(--ui-type-body); font-weight: 700; line-height: 1.35; }

.wallet_legal_sections { display: grid; gap: 0; border-top: 1px solid var(--ui-line-soft); }

.wallet_legal_section { min-width: 0; padding: 10px 2px; display: grid; gap: 4px; border: 0; border-bottom: 1px solid var(--ui-line-soft); background: transparent; }

.wallet_legal_section_copy { min-width: 0; display: grid; gap: 4px; }

.wallet_legal_section h2 { margin: 0; color: var(--ui-ink-strong); font-size: 15px; font-weight: 700; line-height: 1.22; }

.wallet_legal_section p { margin: 0; color: #3e6373; font-size: 12px; line-height: 1.45; }

.wallet_legal_section--mark.has_asset { grid-template-columns: 54px minmax(0, 1fr); align-items: center; gap: 10px; }

.wallet_legal_mark_asset { width: 52px; height: 52px; display: block; object-fit: contain; object-position: center; }

.wallet_legal_section--verification { margin: 8px 0 2px; padding: 11px 12px; gap: 5px; border: 1px solid rgba(0, 185, 140, .28); border-radius: 10px; background: linear-gradient(135deg, rgba(223, 250, 241, .88), rgba(234, 251, 255, .88)); box-shadow: inset 0 0 0 1px rgba(255,255,255,.58); }

.wallet_legal_verification_badge { width: max-content; max-width: 100%; display: inline-flex; align-items: center; gap: 5px; padding: 4px 7px; border-radius: 999px; color: #075f52; background: rgba(39, 227, 164, .15); font-size: 12px; font-weight: 700; letter-spacing: .015em; }

.wallet_legal_verification_badge span { color: #008c6d; }

.wallet_legal_note { margin: 0; padding: 7px 9px; border-radius: 7px; background: rgba(71, 215, 237, 0.08); color: #345f70; font-size: var(--ui-type-meta); line-height: 1.35; }

/* Activity */

.activity_panel {
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  overflow: hidden;
  border: 1px solid var(--ui-line-soft);
  border-radius: var(--ui-radius-card);
  background: rgba(250, 255, 254, .88);
  box-shadow: var(--ui-shadow-card);
}

.activity_tabs {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  gap: 2px;
  padding: 4px var(--activity-gutter-inline);
  border-bottom: 1px solid var(--ui-line-soft);
  background: rgba(255, 255, 255, .66);
}

.activity_tab {
  min-width: 0;
  min-height: 32px;
  padding: 4px 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  border-radius: 6px;
  background: transparent;
  color: #4b6276;
  cursor: pointer;
  font-size: var(--ui-type-control);
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}

.activity_tab:hover,
.activity_tab.is_active,
.activity_tab[aria-selected="true"] {
  color: #006d62;
  background: rgba(39, 227, 164, .13);
}

.activity_tab_icon {
  width: 15px;
  height: 15px;
  flex: 0 0 auto;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.activity_label_compact { display: none; }

.activity_view {
  min-width: 0;
  min-height: 0;
  padding: 3px var(--activity-gutter-inline);
  overflow: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}

.mempool_transaction_list,
.history_transaction_list,
.wallet_accounts_list {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 0;
}

.mempool_empty_state,
.history_empty_state,
.accounts_summary {
  margin: 7px 4px;
  color: var(--ui-muted);
  font-size: var(--ui-type-body);
  line-height: 1.35;
}

.mempool_transaction_row,
.history_transaction,
.wallet_account_row {
  min-width: 0;
  min-height: 44px;
  padding: 6px 6px 6px 9px;
  display: grid;
  align-items: center;
  gap: 5px;
  overflow: hidden;
  border: 0;
  border-bottom: 1px solid var(--ui-line-soft);
  background: transparent;
  text-align: left;
}

.mempool_transaction_row:last-child,
.history_transaction:last-child,
.wallet_account_row:last-child { border-bottom: 0; }

.mempool_transaction_row {
  position: relative;
  grid-template-columns: 17px minmax(0, 1fr) auto;
  grid-template-areas: "icon copy status";
  transition: opacity 320ms ease, transform 320ms ease, background 320ms ease;
}

.mempool_transaction_row::before {
  content: "";
  position: absolute;
  top: 5px;
  bottom: 5px;
  left: 2px;
  width: 2px;
  border-radius: 99px;
  background: #08b97f;
}

.mempool_transaction_row[data-transaction-type="sft"]::before { background: #2a88df; }
.mempool_transaction_row[data-transaction-type="app"]::before { background: #718b99; }
.mempool_transaction_row[data-wallet-direction="incoming"][data-transaction-status="pending"] { background: linear-gradient(90deg, rgba(39,227,164,.075), rgba(39,227,164,.018)); }
.mempool_transaction_row[data-wallet-direction="outgoing"][data-transaction-status="pending"] { background: linear-gradient(90deg, rgba(228,91,100,.055), rgba(228,91,100,.012)); }
.mempool_transaction_row.is_confirmed { background: rgba(218, 255, 241, .56); }
.mempool_transaction_row.is_newly_confirmed { animation: mempool-confirmed 1.15s ease both; }

@keyframes mempool-confirmed {
  0% { transform: translateY(0); box-shadow: inset 0 0 0 rgba(39, 227, 164, 0); }
  35% { transform: translateY(-1px); box-shadow: inset 0 0 0 1px rgba(39, 227, 164, .28); }
  100% { transform: translateY(0); box-shadow: inset 0 0 0 rgba(39, 227, 164, 0); }
}

.mempool_transaction_type_icon {
  grid-area: icon;
  width: 15px;
  height: 15px;
  object-fit: contain;
}

.mempool_transaction_copy {
  grid-area: copy;
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas: "title amount" "hash badge";
  gap: 1px 5px;
  align-items: baseline;
}

.mempool_transaction_title {
  grid-area: title;
  min-width: 0;
  overflow: hidden;
  color: var(--ui-ink-strong);
  font-size: var(--ui-type-meta);
  font-weight: 700;
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mempool_transaction_amount {
  grid-area: amount;
  min-width: 0;
  overflow: hidden;
  color: #087f70;
  font-size: var(--ui-type-financial);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  line-height: 1.15;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mempool_transaction_row[data-wallet-direction="incoming"] .mempool_transaction_amount { color: #008d68; }
.mempool_transaction_row[data-wallet-direction="outgoing"] .mempool_transaction_amount { color: #a43c46; }
.activity_amount_compact { display: none; }

.mempool_transaction_hash {
  grid-area: hash;
  width: max-content;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
  color: var(--ui-muted);
  font-family: var(--ui-font-mono);
  font-size: var(--ui-type-micro);
  line-height: 1.1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mempool_transaction_owner_badge {
  grid-area: badge;
  justify-self: end;
  color: #577381;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
}

.mempool_transaction_status {
  grid-area: status;
  justify-self: end;
  width: 9px;
  height: 9px;
  padding: 0;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #8aa0aa;
  color: #006f56;
  font-size: 8px;
  font-weight: 700;
  line-height: 1;
}

.mempool_transaction_status.is_pending,
.mempool_transaction_status.is_wallet_pending { background: #48b9c8; box-shadow: 0 0 0 2px rgba(72,185,200,.10); animation: mempool-pending-pulse 1.5s ease-in-out infinite; }
.mempool_transaction_row[data-wallet-direction="incoming"] .mempool_transaction_status.is_wallet_pending { background: #19b783; }
.mempool_transaction_row[data-wallet-direction="outgoing"] .mempool_transaction_status.is_wallet_pending { background: #d35b63; }
.mempool_transaction_status.is_confirmed { width: 14px; height: 14px; background: rgba(39, 227, 164, .22); color: #007757; animation: none; }
@keyframes mempool-pending-pulse { 0%,100% { opacity: .55; } 50% { opacity: 1; } }

.history_transaction { grid-template-columns: 22px minmax(0, 1fr) auto; cursor: pointer; }
.history_transaction_icon { width: 20px; height: 20px; display: grid; place-items: center; color: #326b7e; }
.history_transaction_icon img { width: 18px; height: 18px; object-fit: contain; }
.history_transaction_copy,
.history_transaction_title,
.history_transaction_amount,
.wallet_account_copy { min-width: 0; }
.history_transaction_copy { display: grid; gap: 1px; }
.history_transaction_title { display: flex; align-items: baseline; gap: 4px; }
.history_transaction_title strong,
.wallet_account_row strong { min-width: 0; overflow: hidden; color: var(--ui-ink-strong); font-size: var(--ui-type-meta); line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; }
.history_transaction_copy small,
.history_transaction_amount small,
.wallet_account_row small { color: var(--ui-muted); font-size: var(--ui-type-micro); line-height: 1.15; }
.history_transaction_hash { color: inherit; font-family: var(--ui-font-mono); font-size: inherit; }
.activity_hash_compact,
.activity_status_compact,
.activity_title_compact,
.activity_account_compact { display: none; }
.history_transaction_amount { display: grid; justify-items: end; gap: 1px; }
.history_transaction_amount strong { font-size: var(--ui-type-financial); font-variant-numeric: tabular-nums; line-height: 1.15; }
.history_transaction[data_direction="received"] .history_transaction_amount strong { color: var(--success); }
.history_transaction[data_direction="sent"] .history_transaction_amount strong { color: #a34850; }
.history_mempool_badge { padding: 1px 4px; border-radius: 999px; color: #925d08; background: var(--warning_soft); font-size: var(--ui-type-classification); line-height: 1.1; }
.history_mempool_badge.is_confirming { color: #176773; background: rgba(71, 215, 237, .13); }
.history_network_notice.is_maturing { border-color: rgba(144, 109, 25, .18); background: rgba(255, 247, 221, .74); }
.history_detail,
.history_status_message,
.history_network_notice,
.history_resubmit_panel { margin-top: 6px; padding: 7px; border-radius: 7px; background: rgba(255, 255, 255, .76); color: var(--ui-ink); font-size: var(--ui-type-meta); line-height: 1.35; }
.history_detail_header { display: flex; align-items: center; justify-content: space-between; gap: 6px; }
.history_detail_list { margin: 6px 0 0; padding: 0; display: grid; gap: 4px; list-style: none; }
.wallet_account_row { grid-template-columns: 22px minmax(0, 1fr); }
.wallet_account_icon { width: 20px; height: 20px; display: grid; place-items: center; color: #176773; font-size: var(--ui-type-meta); font-weight: 700; }

/* Wallet state foundations */

.wallet_state_view,
.wallet_workspace,
.wallet_state_view--form { width: 100%; height: 100%; min-width: 0; min-height: 0; }

.wallet_state_view { color: var(--ui-ink); }

.wallet_state_view--closed { padding: 8px 10px; display: grid; align-content: start; overflow: hidden; }

.wallet_closed_intro { min-height: 0; display: grid; align-content: center; gap: 10px; overflow: hidden; }
.wallet_closed_content,
.wallet_closed_entry { min-width: 0; display: grid; gap: 10px; }
.wallet_closed_entry { gap: 6px; }

.wallet_closed_copy,
.wallet_state_header,
.wallet_task_header { display: grid; gap: 4px; }

.wallet_closed_heading,
.wallet_state_header h1,
.wallet_task_header h1,
.wallet_task_header h2 { margin: 0; color: var(--ui-ink-strong); font-size: var(--ui-type-heading); line-height: 1.18; }

.wallet_closed_description,
.wallet_state_header p,
.wallet_task_header p,
.wallet_modal_status,
.wallet_modal_validation { margin: 0; color: var(--ui-muted); font-size: var(--ui-type-body); line-height: 1.45; }

.wallet_modal_warning,
.wallet_field_hint--warning { margin: 0; padding: 9px 10px; border: 1px solid rgba(196, 124, 15, .34); border-radius: 8px; background: rgba(255, 244, 223, .92); color: #6d4a16; font-size: var(--ui-type-body); line-height: 1.42; }
.wallet_modal_warning strong,
.wallet_field_hint--warning strong { color: #8b5606; font-weight: 700; }

.wallet_closed_points { margin: 0; padding: 0; display: grid; gap: 5px; list-style: none; }
.wallet_closed_points li { min-width: 0; padding-left: 10px; position: relative; display: grid; gap: 1px; }
.wallet_closed_points li::before { content: ""; position: absolute; top: .48em; left: 0; width: 4px; height: 4px; border-radius: 50%; background: linear-gradient(135deg, var(--sfx_green_deep), var(--sft_cyan_deep)); }
.wallet_closed_points strong { color: var(--ui-ink-strong); font-size: var(--ui-type-meta); font-weight: 700; line-height: 1.15; }
.wallet_closed_points span { color: var(--ui-muted); font-size: var(--ui-type-micro); line-height: 1.25; }


.wallet_button_row,
.wallet_state_actions,
.wallet_crypto_card_actions,
.wallet_file_actions,
.wallet_global_modal_actions,
.wallet_inline_review_actions,
.wallet_send_workspace_actions,
.wallet_secret_modal_actions { min-width: 0; display: flex; align-items: center; gap: 6px; }

.wallet_button_row--entry > *,
.wallet_state_actions > *,
.wallet_global_modal_actions > *,
.wallet_inline_review_actions > *,
.wallet_send_workspace_actions > * { flex: 1 1 0; }

.wallet_state_actions--single,
.wallet_state_actions--single_primary,
.wallet_global_modal_actions--single { justify-content: flex-end; }

.wallet_button,
.wallet_icon_button,
.wallet_inline_action,
.wallet_restore_source_button,
.wallet_restore_year_button,
.wallet_text_button,
.wallet_modal_dismiss { min-width: 0; min-height: 34px; padding: 6px 9px; border: 1px solid var(--ui-line-strong); border-radius: var(--ui-radius-control); background: rgba(255, 255, 255, 0.82); color: #17394d; cursor: pointer; font-size: var(--ui-type-control); font-weight: 700; line-height: 1.2; text-align: center; }

.wallet_button:hover:not(:disabled),
.wallet_icon_button:hover:not(:disabled),
.wallet_inline_action:hover:not(:disabled),
.wallet_restore_source_button:hover:not(:disabled),
.wallet_restore_year_button:hover:not(:disabled) { border-color: rgba(0, 185, 140, 0.50); background: rgba(228, 255, 247, 0.92); }

.wallet_button:disabled,
.wallet_icon_button:disabled,
.wallet_inline_action:disabled,
.wallet_restore_source_button:disabled,
.wallet_restore_year_button:disabled { cursor: default; opacity: 0.46; }

.wallet_button--primary { border-color: transparent; background: linear-gradient(100deg, #20d9a7, #43cfe7); color: #062a32; }

.wallet_button--soft { border-color: rgba(0, 185, 140, 0.28); background: rgba(226, 255, 247, 0.84); }

.wallet_button--warning { border-color: rgba(241, 174, 61, 0.42); background: var(--warning_soft); }

.wallet_button--danger,
.wallet_icon_button--danger,
.wallet_close_wallet_action { border-color: rgba(228, 91, 100, 0.34); color: #b12f3b; background: rgba(255, 244, 245, 0.92); }

.wallet_icon_button { min-width: 34px; padding-inline: 7px; }

.wallet_text_button { min-height: 0; padding: 2px 0; border: 0; background: transparent; color: #216179; text-decoration: underline; }

.wallet_workspace {
  padding: 6px;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  gap: 5px;
  overflow: hidden;
  border: 1px solid var(--ui-line-soft);
  border-radius: var(--ui-radius-card);
  background: radial-gradient(circle at 4% 4%, rgba(39, 227, 164, .08), transparent 34%),
    linear-gradient(150deg, rgba(253, 255, 254, .97), rgba(245, 254, 252, .94));
  box-shadow: var(--ui-shadow-card);
}

/* Home is a composition surface, not a giant card. Individual financial/address
   components own their boundaries while unused stage area stays visually quiet. */
.wallet_workspace--home {
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}

.wallet_creation_proof_track { width: 100%; height: 4px; overflow: hidden; border-radius: 99px; background: rgba(64, 122, 132, .13); }
.wallet_creation_proof_track > span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--sfx_green), var(--sft_cyan)); }

.wallet_asset_selector { min-width: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5px; }

.wallet_asset_option {
  min-width: 0;
  min-height: 54px;
  padding: 6px 8px;
  display: grid;
  grid-template-columns: 19px auto minmax(0, 1fr);
  grid-template-areas: "icon identity balance" "meta meta meta";
  align-items: center;
  gap: 2px 5px;
  overflow: hidden;
  border: 1px solid var(--ui-line-soft);
  border-radius: 8px;
  background: rgba(255, 255, 255, .62);
  cursor: pointer;
  text-align: left;
  transition: border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease, background 140ms ease;
}

.wallet_asset_option > img { grid-area: icon; width: 18px; height: 18px; }
.wallet_asset_option.is_single_balance { grid-template-areas: "icon identity balance"; }
.wallet_asset_option_copy { grid-area: identity; min-width: 0; display: grid; }
.wallet_asset_option_copy strong { min-width: 0; color: var(--ui-ink-strong); font-size: var(--ui-type-meta); font-weight: 700; line-height: 1; white-space: nowrap; }
.wallet_asset_option_copy small { display: none; }
.wallet_asset_option_balance { grid-area: balance; min-width: 0; display: flex; align-items: baseline; justify-content: flex-end; gap: 5px; }
.wallet_asset_balance_caption { color: var(--ui-muted); font-size: var(--ui-type-classification); font-weight: 600; line-height: 1; white-space: nowrap; }
.wallet_asset_total { min-width: 0; display: flex; align-items: baseline; justify-content: flex-end; white-space: nowrap; }
.wallet_asset_total b { min-width: 0; color: var(--ui-ink-strong); font-size: var(--ui-type-value); font-weight: 700; font-variant-numeric: tabular-nums; line-height: 1; }
.wallet_asset_option_meta { grid-area: meta; min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr); align-items: baseline; gap: 2px; overflow: hidden; color: var(--ui-muted); font-size: var(--ui-type-classification); line-height: 1.08; }
.wallet_asset_unlocked { min-width: 0; width: 100%; display: flex; align-items: baseline; justify-content: space-between; gap: 5px; white-space: nowrap; }
.wallet_asset_unlocked > span { color: var(--ui-muted); font-weight: 600; }
.wallet_asset_unlocked > b { min-width: 0; overflow: hidden; color: #24556a; font-weight: 700; font-variant-numeric: tabular-nums; text-overflow: ellipsis; }
.wallet_asset_supplemental { grid-column: 1 / -1; min-width: 0; overflow: hidden; color: #496979; text-overflow: ellipsis; white-space: nowrap; }
.wallet_asset_option.is_selected { border-color: rgba(0, 185, 140, .42); }
.wallet_asset_option:focus-visible { outline: 2px solid rgba(0, 137, 119, .72); outline-offset: 2px; }

@media (hover: hover) and (pointer: fine) {
  .wallet_asset_option:hover { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(20, 78, 91, .10); }
  .wallet_asset_option[data_wallet_asset_option="sfx"]:hover { border-color: rgba(0, 185, 140, .46); background: linear-gradient(120deg, rgba(210, 255, 237, .98), rgba(247, 255, 252, .92)); }
  .wallet_asset_option[data_wallet_asset_option="sft"]:hover { border-color: rgba(37, 120, 216, .44); background: linear-gradient(120deg, rgba(216, 245, 255, .98), rgba(246, 251, 255, .94)); }
}
.wallet_asset_option[data_wallet_asset_option="sfx"] { border-color: rgba(0, 185, 140, .22); background: linear-gradient(120deg, rgba(218, 255, 239, .90), rgba(247, 255, 252, .84)); }
.wallet_asset_option[data_wallet_asset_option="sft"] { border-color: rgba(37, 120, 216, .22); background: linear-gradient(120deg, rgba(223, 247, 255, .92), rgba(246, 251, 255, .86)); }
.wallet_asset_option[data_wallet_asset_option="sfx"].is_selected { border-color: rgba(0, 185, 140, .58); box-shadow: inset 0 0 0 1px rgba(39, 227, 164, .12); }
.wallet_asset_option[data_wallet_asset_option="sft"].is_selected { border-color: rgba(37, 120, 216, .58); box-shadow: inset 0 0 0 1px rgba(71, 215, 237, .14); }


.wallet_workspace_body { min-width: 0; min-height: 0; overflow: hidden; }

.wallet_home_surface {
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  padding: 5px;
  display: grid;
  align-content: start;
  gap: 5px;
  overflow: hidden;
  background: transparent;
}

.wallet_home_address { min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: stretch; gap: 5px; }
.wallet_home_address { padding: 7px; border: 1px solid var(--ui-line-crypto); border-radius: 8px; background: var(--ui-surface-crypto); box-shadow: inset 0 0 0 1px rgba(255,255,255,.86); }
.wallet_home_address > div { min-width: 0; }
.wallet_home_address_value,
.wallet_security_address_value { min-width: 0; display: grid; align-content: start; gap: 2px; }
.wallet_home_address_label { color: #3d6170; font-size: var(--ui-type-classification); font-weight: 700; line-height: 1; letter-spacing: .045em; text-transform: uppercase; }
.wallet_crypto_value_well { min-width: 0; padding: 6px 7px; border: 1px solid rgba(22, 94, 109, .34); border-radius: 7px; background: #eef7f5; box-shadow: inset 0 0 0 1px rgba(255,255,255,.94); }
.wallet_home_address_data { min-width: 0; }
.wallet_generated_address_data { margin-top: 1px; }
.wallet_home_address_actions { width: 66px; display: grid; grid-template-rows: repeat(2, minmax(0, 1fr)); gap: 4px; }
.wallet_home_address_actions .wallet_button { min-height: 30px; padding: 4px; font-size: var(--ui-type-control); }
.wallet_crypto_badge { width: max-content; max-width: 100%; display: inline-flex; align-items: center; padding: 3px 6px; border-radius: 999px; color: #267563; background: rgba(39, 227, 164, .14); font-size: var(--ui-type-classification); font-weight: 700; line-height: 1.15; letter-spacing: .03em; text-transform: uppercase; }
.wallet_home_address code,
.wallet_crypto_value,
.wallet_security_address code,
.wallet_review_address {
  width: 100%;
  min-width: 0;
  margin: 0;
  color: #061f2d;
  font-family: var(--ui-font-mono);
  font-size: var(--ui-type-crypto);
  font-weight: 400;
  line-height: 1.48;
  letter-spacing: .02em;
  unicode-bidi: isolate;
  font-variant-ligatures: none;
  font-variant-numeric: tabular-nums slashed-zero;
  font-synthesis: none;
  hyphens: none;
}

.wallet_crypto_value {
  display: block;
  overflow-wrap: anywhere;
  word-break: normal;
  white-space: normal;
}

.wallet_crypto_value--address,
.wallet_home_address code,
.wallet_security_address .wallet_crypto_value { color: #041f2d; font-weight: 400; }
.wallet_crypto_value--secret { color: #041d29; font-size: var(--ui-type-crypto-focus); font-weight: 400; }
.wallet_home_address .wallet_icon_button,
.wallet_home_address .wallet_button { width: 100%; min-width: 0; }


.wallet_icon_button > svg,
.wallet_modal_dismiss > svg { width: 18px; height: 18px; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }


.wallet_workspace_message_slot { min-height: 0; }

.wallet_workspace_message_slot:empty { display: none; }

.wallet_message,
.wallet_capability_notice { margin: 0; padding: 5px 7px; border-radius: 6px; color: #285161; background: rgba(39, 227, 164, 0.09); font-size: 13px; line-height: 1.25; }

.wallet_message--error { color: #a8323e; background: rgba(255, 238, 240, 0.95); box-shadow: inset 0 0 0 1px rgba(228, 91, 100, 0.30); }

.wallet_message--success { color: #006f57; }

.wallet_message_action { margin-left: 8px; }

/* Onboarding and restore */

.wallet_steps { position: relative; margin: 0; padding: 0 10px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; list-style: none; }

.wallet_steps::before { content: ""; position: absolute; left: 12%; right: 12%; top: 11px; height: 1px; background: #abc7cf; }

.wallet_step { position: relative; z-index: 1; display: grid; justify-items: center; gap: 4px; color: var(--ui-muted); }

.wallet_step_number { width: 23px; height: 23px; display: grid; place-items: center; border: 1px solid #a8c4cc; border-radius: 50%; background: #fff; font-size: var(--ui-type-micro); font-weight: 700; }

.wallet_step_label { font-size: var(--ui-type-micro); font-weight: 700; }

.wallet_step.is_active,
.wallet_step.is_complete { color: #04765f; }

.wallet_step.is_active .wallet_step_number,
.wallet_step.is_complete .wallet_step_number { border-color: var(--sfx_green_deep); background: var(--sfx_green_deep); color: #fff; }

.wallet_state_view--form { display: grid; grid-template-rows: auto minmax(0, 1fr) auto; gap: 10px; padding: 10px; overflow: hidden; }

.wallet_state_scroll { min-width: 0; min-height: 0; padding-right: 2px; overflow: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-gutter: stable; }

.wallet_state_header { margin-bottom: 10px; }

.wallet_eyebrow,
.wallet_field_label,
.wallet_modal_field_label { color: #2e6475; font-size: var(--ui-type-micro); font-weight: 700; line-height: 1.25; letter-spacing: 0.04em; text-transform: uppercase; }

.wallet_restore_source_picker { min-width: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px; }

.wallet_restore_source_button { min-height: 64px; display: grid; place-items: center; gap: 4px; padding: 8px; }

.wallet_restore_source_button strong { font-size: var(--ui-type-meta); line-height: 1.2; }

.wallet_restore_source_button small { color: var(--ui-muted); font-size: var(--ui-type-micro); line-height: 1.25; }

.wallet_restore_source_button.is_selected { border-color: rgba(0, 185, 140, 0.52); background: rgba(224, 255, 247, 0.92); }

.wallet_restore_source_panel,
.wallet_file_panel,
.wallet_crypto_card,
.wallet_task_surface,
.wallet_backup_method_row,
.wallet_security_action_list > button,
.wallet_advanced_action_list > button,
.wallet_restore_selection_summary { min-width: 0; border-radius: 10px; background: rgba(255, 255, 255, 0.72); }

.wallet_restore_source_panel,
.wallet_file_panel,
.wallet_task_surface,
.wallet_crypto_card,
.wallet_restore_selection_summary { padding: 12px; }

.wallet_restore_source_panel h2,
.wallet_file_panel h2,
.wallet_restore_calendar h2,
.wallet_setup_card h2 { margin: 0; color: var(--ui-ink-strong); font-size: var(--ui-type-heading); line-height: 1.2; }

.wallet_restore_source_panel p,
.wallet_file_panel p,
.wallet_setup_card p,
.wallet_field_hint,
.wallet_validation_result,
.wallet_restore_height_inline { margin: 0; color: var(--ui-muted); font-size: var(--ui-type-meta); line-height: 1.4; }

.wallet_generated_summary { min-width: 0; padding: 10px; display: grid; gap: 6px; border: 1px solid var(--ui-line-crypto); border-radius: 10px; background: var(--ui-surface-crypto); }
.wallet_generated_summary_header { min-width: 0; display: grid; gap: 4px; }
.wallet_generated_summary_header strong { color: var(--ui-ink-strong); font-size: var(--ui-type-body); line-height: 1.25; }
.wallet_generated_receive_note { margin: 0; color: var(--ui-muted); font-size: var(--ui-type-meta); line-height: 1.4; }

.wallet_custody_notice { min-width: 0; padding: 9px 10px; display: grid; grid-template-columns: 24px minmax(0, 1fr); align-items: start; gap: 8px; border: 1px solid rgba(196, 124, 15, .34); border-radius: 9px; background: rgba(255, 244, 223, .9); color: #684711; }
.wallet_custody_notice_mark { width: 24px; height: 24px; display: grid; place-items: center; border-radius: 50%; background: rgba(241, 174, 61, .2); color: #9a5d00; font-size: 14px; font-weight: 800; line-height: 1; }
.wallet_custody_notice_copy { min-width: 0; display: grid; gap: 2px; }
.wallet_custody_notice_copy strong { color: #7b4b00; font-size: var(--ui-type-meta); line-height: 1.25; }
.wallet_custody_notice_copy span { color: #654a24; font-size: var(--ui-type-meta); line-height: 1.38; }
.wallet_custody_notice--secret { border-color: rgba(210, 88, 63, .34); background: rgba(255, 242, 236, .94); }
.wallet_custody_notice--secret .wallet_custody_notice_mark { background: rgba(228, 91, 100, .13); color: #ad3440; }
.wallet_custody_notice--secret .wallet_custody_notice_copy strong { color: #9c2f3a; }
.wallet_custody_notice--secret .wallet_custody_notice_copy span { color: #604047; }

.wallet_restore_source_panel,
.wallet_file_panel,
.wallet_restore_calendar,
.wallet_setup_card,
.wallet_password_grid,
.wallet_restore_password_form,
.wallet_form { display: grid; gap: 9px; }

.wallet_restore_source_panel textarea[data_restore_secret],
.wallet_modal_input,
.wallet_file_panel input[type="password"],
.wallet_password_grid input,
.wallet_send_field input,
.wallet_restore_exact_height input,
.wallet_restore_manual_height input { width: 100%; min-width: 0; min-height: 40px; padding: 6px 8px; border: 1px solid var(--ui-line-strong); border-radius: 7px; background: rgba(255, 255, 255, 0.94); color: var(--ui-ink-strong); font-size: var(--ui-type-editable); line-height: 1.25; }

.wallet_send_field--amount input { font-size: var(--ui-type-amount-input); font-weight: 700; font-variant-numeric: tabular-nums; }

.wallet_restore_source_panel textarea[data_restore_secret] { min-height: 96px; resize: vertical; font-family: var(--ui-font-mono); }

.wallet_inline_input { min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: stretch; gap: 7px; }

.wallet_inline_input > input { width: 100%; min-width: 0; }

.wallet_inline_input > .wallet_inline_action { min-width: 48px; padding-inline: 7px; }

.wallet_mnemonic_input_preview { min-width: 0; }

.wallet_mnemonic_grid { margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(108px, 1fr)); gap: 0; overflow: hidden; border: 1px solid rgba(22,94,109,.22); border-radius: 8px; background: rgba(255,255,255,.94); list-style: none; }

.wallet_mnemonic_word { min-width: 0; min-height: 36px; padding: 6px 7px; display: grid; grid-template-columns: 20px minmax(0, 1fr); align-items: center; gap: 5px; border-right: 1px solid rgba(22,94,109,.12); border-bottom: 1px solid rgba(22,94,109,.12); background: transparent; color: #082e40; font-family: var(--ui-font-mono); font-size: var(--ui-type-recovery-word); font-weight: 500; line-height: 1.2; letter-spacing: .01em; font-variant-ligatures: none; font-synthesis: none; }
.wallet_mnemonic_word b { color: #315b6b; font-family: var(--ui-font-sans); font-size: var(--ui-type-recovery-index); font-weight: 700; font-variant-numeric: tabular-nums; line-height: 1; }
.wallet_mnemonic_word span { min-width: 0; overflow: hidden; text-overflow: clip; white-space: nowrap; }

.wallet_restore_calendar { display: grid; gap: 8px; }

.wallet_restore_calendar_header { display: flex; align-items: flex-end; justify-content: space-between; gap: 8px; }

.wallet_restore_year_grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; }

.wallet_restore_year_button { min-height: 52px; display: grid; align-content: center; gap: 3px; text-align: left; }

.wallet_restore_year_button strong { font-size: var(--ui-type-meta); }

.wallet_restore_year_button span { color: var(--ui-muted); font-size: var(--ui-type-micro); line-height: 1.25; }

.wallet_restore_exact_height { padding: 8px 10px; border-radius: 8px; background: rgba(242, 252, 255, 0.68); }

.wallet_restore_exact_height summary { cursor: pointer; color: #31596c; font-size: var(--ui-type-meta); font-weight: 700; line-height: 1.35; }

.wallet_restore_manual_height { margin-top: 8px; display: grid; gap: 6px; }

.wallet_file_picker,
.wallet_file_selected,
.wallet_file_detection,
.wallet_file_panel_header { min-width: 0; }

.wallet_file_panel_header > div,
.wallet_modal_compact_header > div,
.wallet_crypto_card_header > div { min-width: 0; }

.wallet_file_picker { position: relative; min-height: 62px; display: grid; place-items: center; padding: 10px; border: 1px dashed var(--ui-line-strong); border-radius: 9px; background: rgba(248, 255, 252, 0.82); text-align: center; }

.wallet_file_picker input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }

.wallet_file_change { position: relative; min-width: 74px; min-height: 34px; padding: 6px 10px; display: inline-grid; place-items: center; overflow: hidden; border: 1px solid var(--ui-line-strong); border-radius: var(--ui-radius-control); background: rgba(255, 255, 255, 0.92); color: #24596c; cursor: pointer; font-size: var(--ui-type-meta); font-weight: 700; line-height: 1; }

.wallet_file_change:hover { border-color: rgba(0, 185, 140, 0.48); background: rgba(232, 255, 248, 0.96); }

.wallet_file_change input { position: absolute; inline-size: 1px; block-size: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); border: 0; opacity: 0; white-space: nowrap; }

.wallet_file_selected,
.wallet_file_selected--choice { min-width: 0; display: flex; align-items: center; justify-content: space-between; gap: 9px; }

.wallet_file_selected > span,
.wallet_file_selected--choice > span { min-width: 0; display: grid; gap: 3px; }

.wallet_file_selected strong { min-width: 0; overflow: hidden; font-size: var(--ui-type-meta); line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; }

.wallet_file_selected small { color: var(--ui-muted); font-size: var(--ui-type-micro); line-height: 1.25; }

.wallet_file_detection { margin-top: 2px; padding: 9px 10px; border-radius: 8px; color: #29576b; background: rgba(71, 215, 237, 0.08); font-size: var(--ui-type-meta); line-height: 1.4; }

.wallet_file_detection.is_error,
.wallet_validation_result--warning { color: #a8323e; background: rgba(255, 238, 240, 0.95); box-shadow: inset 0 0 0 1px rgba(228, 91, 100, 0.28); }

.wallet_file_detection.is_unprotected { color: #04765f; background: rgba(39, 227, 164, 0.09); }

.wallet_backup_method_list,
.wallet_security_action_list,
.wallet_advanced_action_list,
.wallet_print_choice_list { display: grid; gap: 8px; }

.wallet_backup_method_row { min-width: 0; min-height: 60px; padding: 9px 10px; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 9px; border: 1px solid var(--ui-line-soft); text-align: left; }

.wallet_security_action_list > button,
.wallet_advanced_action_list > button { min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 10px; border: 1px solid var(--ui-line-soft); color: var(--ui-ink); cursor: pointer; text-align: left; }

.wallet_security_action_list > button:hover,
.wallet_advanced_action_list > button:hover { border-color: rgba(0, 185, 140, 0.38); background: rgba(231, 255, 248, 0.86); }

.wallet_backup_method_icon { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 50%; background: rgba(39, 227, 164, 0.13); color: #087f6b; }

.wallet_backup_method_copy,
.wallet_security_action_list button > span,
.wallet_advanced_action_list button > span { min-width: 0; display: grid; gap: 3px; }

.wallet_backup_method_copy strong,
.wallet_security_action_list button b,
.wallet_advanced_action_list button b { color: var(--ui-ink-strong); font-size: var(--ui-type-meta); line-height: 1.25; }

.wallet_security_action_list button > strong,
.wallet_advanced_action_list button > strong { font-size: var(--ui-type-meta); line-height: 1.25; white-space: nowrap; }

.wallet_backup_method_copy small,
.wallet_security_action_list button small,
.wallet_advanced_action_list button small { color: var(--ui-muted); font-size: var(--ui-type-micro); line-height: 1.3; }

.wallet_backup_progress { padding: 9px 10px; display: grid; gap: 3px; border-radius: 8px; color: #285161; background: rgba(39, 227, 164, 0.09); }

.wallet_backup_progress strong { font-size: var(--ui-type-meta); line-height: 1.3; }

.wallet_backup_progress span { font-size: var(--ui-type-micro); line-height: 1.35; }

.wallet_crypto_card_header,
.wallet_file_panel_header,
.wallet_modal_compact_header { min-width: 0; display: flex; align-items: center; justify-content: space-between; gap: 10px; }

.wallet_modal_compact_header { justify-content: flex-start; }

.wallet_crypto_value--secret,
.wallet_secret_modal_value:not(.is_concealed) code {
  font-family: var(--ui-font-mono);
  font-size: var(--ui-type-crypto-focus);
  font-weight: 400;
  line-height: 1.55;
  letter-spacing: .02em;
  font-variant-ligatures: none;
  font-variant-numeric: tabular-nums slashed-zero;
  font-synthesis: none;
  overflow-wrap: anywhere;
  word-break: normal;
  white-space: normal;
  hyphens: none;
}

.wallet_crypto_value--concealed,
.wallet_secret_modal_value.is_concealed { letter-spacing: .18em; text-align: center; }

.wallet_creation_proof { display: grid; gap: 11px; padding: 12px; border-radius: 11px; background: linear-gradient(145deg, rgba(233, 255, 248, .88), rgba(237, 252, 255, .88)); }

.wallet_creation_proof_header { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; }

.wallet_creation_proof_header b { font-family: var(--ui-font-mono); font-size: var(--ui-type-heading); }

.wallet_creation_proof_metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; }

.wallet_creation_proof_metrics span { min-width: 0; display: grid; gap: 3px; }

.wallet_creation_proof_metrics small { color: var(--ui-muted); font-size: var(--ui-type-micro); }

.wallet_creation_proof_metrics strong,
.wallet_creation_proof_metrics code { min-width: 0; overflow: hidden; font-family: var(--ui-font-mono); font-size: var(--ui-type-meta); text-overflow: ellipsis; white-space: nowrap; }

/* Workspace task surfaces */

.wallet_workspace_modal { position: absolute; inset: 0; z-index: 40; display: grid; place-items: center; padding: 10px; overflow: hidden; }

.wallet_workspace_modal_scrim { position: absolute; inset: 0; background: rgba(11, 47, 58, 0.44); backdrop-filter: blur(6px); }

.wallet_workspace_modal_dialog { position: relative; z-index: 1; width: min(100%, 680px); max-height: 100%; min-width: 0; min-height: 0; overflow: hidden; border: 1px solid rgba(71, 125, 139, 0.30); border-radius: 14px; background: rgba(251, 255, 254, 0.99); box-shadow: var(--ui-shadow-modal); }

.wallet_workspace_modal_dialog > .wallet_state_view,
.wallet_workspace_modal_dialog > form.wallet_state_view,
.wallet_workspace_modal_dialog > .wallet_task_surface,
.wallet_workspace_modal_dialog > .wallet_inline_receipt,
.wallet_workspace_modal_dialog > .wallet_inline_review { max-height: 100%; }

.wallet_workspace_modal_close { position: absolute; z-index: 4; top: 9px; right: 9px; width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid var(--ui-line-strong); border-radius: 50%; background: rgba(255, 255, 255, 0.94); color: #294d60; cursor: pointer; font-size: 20px; line-height: 1; }

/* Global modal host */

.wallet_global_modal { position: fixed; inset: 0; z-index: 1000; display: grid; place-items: center; padding: 14px; }

.wallet_global_modal_backdrop { position: absolute; inset: 0; background: rgba(7, 35, 45, 0.72); backdrop-filter: blur(7px); }

.wallet_global_modal_dialog { position: relative; z-index: 1; width: min(100%, 640px); max-height: min(92dvh, 800px); min-width: 0; min-height: 0; padding: 15px; display: grid; grid-template-rows: auto minmax(0, 1fr) auto; gap: 12px; overflow: hidden; border: 1px solid var(--ui-line-strong); border-radius: 14px; background: rgba(252, 255, 254, 0.995); box-shadow: var(--ui-shadow-modal); }

.wallet_global_modal_dialog--compact { width: min(100%, 520px); }

.wallet_global_modal_dialog--secret { width: min(100%, 620px); }

.wallet_global_modal_dialog--security,
.wallet_global_modal_dialog--advanced { width: min(100%, 680px); }

.wallet_global_modal_dialog--detail { width: min(100%, 470px); }
.wallet_activity_receipt_header { display: grid; grid-template-columns: 28px minmax(0, 1fr) 34px; align-items: center; gap: 8px; }
.wallet_activity_direction { width: 28px; height: 28px; border-radius: 50%; background: rgba(39,227,164,.14); color: #047b62; }
.history_receipt_amount { padding: 4px 0 7px; text-align: center; }
.history_receipt_amount strong { color: var(--ui-ink-strong); font-size: 22px; font-weight: 700; font-variant-numeric: tabular-nums; line-height: 1.05; }
.history_receipt_lifecycle { padding: 8px 9px; display: grid; gap: 6px; border: 1px solid var(--ui-line-soft); border-radius: 8px; background: rgba(246,252,251,.88); }
.history_receipt_lifecycle > div { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
.history_receipt_lifecycle strong { color: var(--ui-ink-strong); font-size: 11px; }
.history_receipt_lifecycle span { color: var(--ui-muted); font-size: 11px; }
.history_receipt_lifecycle[data-state="confirmed"] { border-color: rgba(0,169,119,.22); background: rgba(226,255,244,.72); }
.history_receipt_lifecycle[data-state="pending"] { border-color: rgba(71,215,237,.22); background: rgba(234,252,255,.72); }
.history_receipt_lifecycle[data-state="maturing"] { border-color: rgba(144,109,25,.20); background: rgba(255,247,221,.72); }
.history_receipt_progress { height: 3px; overflow: hidden; border-radius: 99px; background: rgba(64,122,132,.12); }
.history_receipt_progress > span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg,var(--sfx_green_deep),var(--sft_cyan_deep)); }
.history_receipt_meta { margin: 0; display: grid; gap: 0; border-top: 1px solid var(--ui-line-soft); }
.history_receipt_meta > div { min-width: 0; padding: 7px 2px; display: grid; grid-template-columns: 72px minmax(0,1fr); align-items: center; gap: 8px; border-bottom: 1px solid var(--ui-line-soft); }
.history_receipt_meta dt { color: var(--ui-muted); font-size: 11px; font-weight: 700; }
.history_receipt_meta dd { min-width: 0; margin: 0; display: flex; align-items: center; justify-content: flex-end; gap: 6px; color: var(--ui-ink-strong); font-size: 11px; font-weight: 700; text-align: right; }
.history_receipt_meta code { min-width: 0; overflow: hidden; font-family: var(--ui-font-mono); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.history_receipt_meta button { min-height: 28px; padding: 3px 7px; border: 1px solid var(--ui-line-soft); border-radius: 6px; background: #fff; color: #31596c; cursor: pointer; font-size: 11px; font-weight: 700; }

.wallet_global_modal_body { min-width: 0; min-height: 0; display: grid; align-content: start; gap: 10px; overflow: auto; scrollbar-gutter: stable; }

.wallet_global_modal_dialog h1,
.wallet_global_modal_dialog h2 { margin: 0; color: var(--ui-ink-strong); font-size: var(--ui-type-heading); line-height: 1.2; }

.wallet_global_modal_dialog p,
.wallet_global_modal_dialog li,
.wallet_global_modal_dialog label,
.wallet_task_sheet p,
.wallet_task_sheet li { font-size: var(--ui-type-body); line-height: 1.45; }


.wallet_global_modal_body--acknowledgement { gap: 11px; }
.wallet_risk_rows { margin: 0; padding: 0; display: grid; gap: 7px; list-style: none; }
.wallet_risk_rows li { min-width: 0; padding: 9px 10px; display: grid; gap: 2px; border: 1px solid rgba(196, 124, 15, .28); border-radius: 8px; background: rgba(255, 246, 229, .86); }
.wallet_risk_rows strong { color: #754707; font-size: var(--ui-type-body); font-weight: 700; line-height: 1.2; }
.wallet_risk_rows span { color: #4f4b42; font-size: var(--ui-type-body); line-height: 1.35; }
.wallet_risk_footer { margin: 0; padding: 8px 10px; border-left: 3px solid rgba(0,185,140,.55); background: rgba(229,255,247,.58); color: #315d60; font-size: var(--ui-type-meta); line-height: 1.4; }
.wallet_global_modal_acknowledgement { padding: 8px 9px; display: flex; align-items: flex-start; gap: 9px; border: 1px solid var(--ui-line-soft); border-radius: 8px; background: rgba(248,252,251,.78); }

.wallet_global_modal_acknowledgement input { width: 17px; height: 17px; margin-top: 1px; flex: 0 0 auto; accent-color: var(--sfx_green_deep); }
.wallet_global_modal_acknowledgement span { color: var(--ui-ink-strong); font-size: var(--ui-type-body); line-height: 1.35; }

.wallet_global_modal_dialog--close { width: min(100%, 520px); }
.wallet_close_wallet_body { gap: 10px; }
.wallet_close_wallet_body > p { margin: 0; }
.wallet_close_backup_warning { padding: 10px; display: grid; gap: 3px; border: 1px solid rgba(206, 79, 84, .28); border-radius: 9px; background: rgba(255, 239, 238, .86); }
.wallet_close_backup_warning strong { color: #9b2d35; font-size: var(--ui-type-body); line-height: 1.2; }
.wallet_close_backup_warning span { color: #5c3a3d; font-size: var(--ui-type-body); line-height: 1.4; }
.wallet_close_wallet_actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
.wallet_close_wallet_actions .wallet_button { min-width: 0; }


.wallet_consent_process { margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; list-style: none; }
.wallet_consent_process li { min-width: 0; padding: 7px 6px; display: grid; grid-template-columns: 22px minmax(0, 1fr); align-items: center; gap: 5px; border: 1px solid var(--ui-line-soft); border-radius: 8px; background: rgba(247, 253, 251, .82); }
.wallet_consent_process li > strong { width: 22px; height: 22px; display: grid; place-items: center; border-radius: 50%; background: rgba(39, 227, 164, .16); color: #087965; font-size: 11px; line-height: 1; }
.wallet_consent_process li > span { min-width: 0; display: grid; gap: 1px; }
.wallet_consent_process b { color: var(--ui-ink-strong); font-size: 11.5px; line-height: 1.15; }
.wallet_consent_process small { color: var(--ui-muted); font-size: 11px; line-height: 1.2; }

.wallet_consent_documents { min-width: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }

.wallet_consent_document_button { min-width: 0; min-height: 56px; padding: 8px 9px; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 8px; border: 1px solid var(--ui-line-soft); border-radius: 8px; background: rgba(244, 253, 251, .72); color: var(--ui-ink-strong); cursor: pointer; text-align: left; }
.wallet_consent_document_button > span { min-width: 0; display: grid; gap: 2px; }
.wallet_consent_document_button strong { font-size: var(--ui-type-control); line-height: 1.2; }
.wallet_consent_document_button small { color: var(--ui-muted); font-size: 11px; line-height: 1.25; }
.wallet_consent_document_button > b { color: #087965; font-size: var(--ui-type-control); white-space: nowrap; }
.wallet_consent_document_button:hover,
.wallet_consent_document_button:focus-visible { border-color: rgba(0, 185, 140, .42); background: rgba(230, 255, 247, .86); }
.wallet_consent_document_button:focus-visible { outline: 2px solid rgba(0, 137, 119, .66); outline-offset: 2px; }

.wallet_global_modal_body--consent_document { gap: 0; }
.wallet_consent_legal_lead { margin: 0; padding: 0 0 10px; color: var(--ui-ink-strong); font-size: var(--ui-type-body); font-weight: 700; line-height: 1.4; }
.wallet_consent_legal_sections { display: grid; gap: 0; border-top: 1px solid var(--ui-line-soft); }
.wallet_consent_legal_section { padding: 10px 1px; display: grid; gap: 4px; border-bottom: 1px solid var(--ui-line-soft); }
.wallet_consent_legal_section h3 { margin: 0; color: var(--ui-ink-strong); font-size: 15px; line-height: 1.25; }
.wallet_consent_legal_section p { margin: 0; color: #3e6373; font-size: 12px; line-height: 1.45; }
.wallet_consent_legal_note { margin: 0; padding: 10px 1px 0; color: var(--ui-muted); font-size: 11.5px; line-height: 1.4; }
.wallet_modal_dismiss--back { font-size: 18px; }

.wallet_global_modal_mark { flex: 0 0 auto; display: grid; place-items: center; font-weight: 700; }

.wallet_global_modal_mark svg { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

.wallet_global_modal_mark--controls { color: #176773; }

.wallet_global_modal_actions { flex-wrap: wrap; justify-content: flex-end; }

.wallet_global_modal_actions--stacked { display: grid; grid-template-columns: minmax(0, 1fr); }

.wallet_global_modal_actions--single .wallet_button { flex: 0 1 180px; }

.wallet_secret_modal_value { min-width: 0; display: grid; align-items: center; overflow: auto; border: 1px solid var(--ui-line-secret); border-radius: 10px; background: var(--ui-surface-secret); box-shadow: inset 0 0 0 1px rgba(255,255,255,.78); }

.wallet_secret_modal_value.is_concealed { color: #725337; font-family: var(--ui-font-mono); }

.wallet_secret_modal_header { display: grid; grid-template-columns: 28px minmax(0, 1fr) auto; align-items: center; gap: 8px; }
.wallet_secret_header_actions { display: inline-flex; align-items: center; gap: 4px; }
.wallet_secret_header_actions .wallet_modal_dismiss { grid-column: auto; width: 32px; min-width: 32px; height: 32px; min-height: 32px; border-radius: 8px; }
.wallet_secret_modal_actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
.wallet_secret_reveal_button { grid-column: 1 / -1; }

/* Send and review */

.wallet_workspace_modal--send { padding: 8px; place-items: center; }

.wallet_workspace_modal--send .wallet_workspace_modal_scrim { background: rgba(8, 41, 53, 0.34); backdrop-filter: blur(4px); }

.wallet_workspace_modal--send .wallet_workspace_modal_dialog { width: min(calc(100% - 8px), 620px); max-width: 100%; height: max-content; max-height: calc(100dvh - 16px); align-self: center; }

.wallet_send_workspace,
.wallet_inline_review,
.wallet_inline_receipt { min-width: 0; min-height: 0; display: grid; gap: 7px; padding: 9px; overflow: hidden; }

.wallet_send_workspace { grid-template-rows: auto minmax(0, auto) auto; }

.wallet_send_workspace[data-send-asset="sfx"],
.wallet_inline_review[data-send-asset="sfx"] { border-color: rgba(0, 185, 140, 0.32); background: linear-gradient(145deg, rgba(236, 255, 248, 0.98), rgba(250, 255, 253, 0.96)); }

.wallet_send_workspace[data-send-asset="sft"],
.wallet_inline_review[data-send-asset="sft"] { border-color: rgba(37, 120, 216, 0.32); background: linear-gradient(145deg, rgba(235, 250, 255, 0.98), rgba(249, 252, 255, 0.96)); }

.wallet_send_workspace[data-send-asset="sfx"] .wallet_selected_balance { background: linear-gradient(110deg, rgba(39, 227, 164, 0.23), rgba(218, 255, 239, 0.72)); color: #006d55; }
.wallet_send_workspace[data-send-asset="sft"] .wallet_selected_balance { background: linear-gradient(110deg, rgba(71, 215, 237, 0.24), rgba(223, 241, 255, 0.78)); color: #175e9d; }
.wallet_send_workspace[data-send-asset="sfx"] .wallet_send_workspace_actions .wallet_button--primary,
.wallet_inline_review[data-send-asset="sfx"] .wallet_inline_review_actions .wallet_button--primary { background: linear-gradient(110deg, #24d99f, #38cfc4); border-color: rgba(0, 137, 104, 0.32); color: #062f29; }
.wallet_send_workspace[data-send-asset="sft"] .wallet_send_workspace_actions .wallet_button--primary,
.wallet_inline_review[data-send-asset="sft"] .wallet_inline_review_actions .wallet_button--primary { background: linear-gradient(110deg, #46d7ec, #4a9fe7); border-color: rgba(37, 120, 216, 0.32); color: #082b4d; }

.wallet_inline_review,
.wallet_inline_receipt { grid-template-rows: auto minmax(0, 1fr) auto; }

.wallet_send_workspace_header,
.wallet_review_header { min-width: 0; padding-right: 36px; display: grid; gap: 3px; }

.wallet_send_title_line { min-width: 0; display: flex; align-items: center; gap: 6px; }

.wallet_send_workspace_header h2,
.wallet_review_header h2 { margin: 0; color: var(--ui-ink-strong); font-size: var(--ui-type-heading); line-height: 1.2; }

.wallet_selected_balance { min-width: 0; display: inline-flex; align-items: center; gap: 4px; padding: 3px 6px; border-radius: 999px; background: rgba(39, 227, 164, 0.11); color: #265566; font-size: var(--ui-type-micro); white-space: nowrap; }

.wallet_selected_balance img { width: 15px; height: 15px; }

.wallet_selected_balance strong { color: var(--ui-ink-strong); font-size: var(--ui-type-value); font-variant-numeric: tabular-nums; }

.wallet_send_workspace_body { min-width: 0; min-height: 0; overflow: visible; }
.wallet_inline_review_body { min-width: 0; min-height: 0; overflow: auto; scrollbar-gutter: stable; }

.wallet_send_form--workspace { min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr) minmax(160px, .36fr); grid-template-areas: "recipient amount"
    "preview preview"; gap: 10px; align-items: start; }

.wallet_send_field { min-width: 0; display: grid; gap: 4px; }

.wallet_send_field--recipient { grid-area: recipient; }

.wallet_send_field--amount { grid-area: amount; }

.wallet_recipient_input_row { min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: stretch; gap: 4px; }
.wallet_recipient_input_shell { position: relative; min-width: 0; display: block; }
.wallet_recipient_input_shell > input { min-width: 0; width: 100%; padding-right: 34px; }
.wallet_recipient_clear { position: absolute; top: 50%; right: 5px; width: 26px; height: 26px; padding: 0; display: grid; place-items: center; transform: translateY(-50%); border: 1px solid rgba(22, 94, 109, .28); border-radius: 6px; background: rgba(255,255,255,.94); color: #406475; cursor: pointer; font-size: 16px; line-height: 1; }
.wallet_recipient_clear:hover { border-color: rgba(0,185,140,.46); color: #006d62; background: #f5fffb; }
.wallet_recipient_actions { display: grid; grid-template-columns: repeat(2, 56px); gap: 4px; }
.wallet_recipient_actions .wallet_button { min-width: 0; padding-inline: 5px; }

.wallet_recipient_validation { min-height: 0; padding: 7px 9px; border-radius: 7px; color: #24755f; background: rgba(39, 227, 164, 0.09); font-size: var(--ui-type-meta); line-height: 1.35; }

.wallet_recipient_validation.is_error { color: #a8323e; background: rgba(255, 238, 240, 0.95); }

.wallet_send_fee_preview { grid-area: preview; min-width: 0; padding: 6px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px; border-radius: 9px; background: linear-gradient(100deg, rgba(39, 227, 164, 0.11), rgba(71, 215, 237, 0.08)); }

.wallet_send_fee_preview > div { min-width: 0; display: grid; gap: 1px; }

.wallet_send_fee_preview span { color: var(--ui-muted); font-size: var(--ui-type-micro); line-height: 1.25; }

.wallet_send_fee_preview strong { min-width: 0; overflow: visible; color: var(--ui-ink-strong); font-size: var(--ui-type-financial); font-variant-numeric: tabular-nums; line-height: 1.3; overflow-wrap: anywhere; text-overflow: clip; white-space: normal; }

.wallet_send_fee_preview.is_calculating strong { color: #347080; }
.wallet_send_fee_preview.is_error strong { color: #9f3440; }
.wallet_send_fee_retry { grid-column: 1 / -1; min-height: 30px; justify-self: start; padding: 4px 9px; }

.wallet_send_workspace_actions,
.wallet_inline_review_actions { justify-content: flex-end; }

.wallet_send_workspace_actions .wallet_button,
.wallet_inline_review_actions .wallet_button { flex: 0 1 200px; }

.wallet_transaction_progress { padding: 9px 10px; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 9px; border-radius: 8px; background: rgba(71, 215, 237, 0.08); }

.wallet_transaction_progress strong { font-size: var(--ui-type-meta); }

.wallet_transaction_progress small { color: var(--ui-muted); font-size: var(--ui-type-micro); }

.wallet_preflight_pill { width: max-content; max-width: 100%; padding: 4px 8px; border-radius: 999px; color: #08765f; background: rgba(39, 227, 164, 0.11); font-size: var(--ui-type-micro); font-weight: 700; }

.wallet_review_summary { min-width: 0; display: grid; gap: 10px; }

.wallet_review_amount { display: grid; gap: 3px; }

.wallet_review_amount span { color: var(--ui-muted); font-size: var(--ui-type-micro); text-transform: uppercase; }

.wallet_review_amount strong { color: var(--ui-ink-strong); font-size: 24px; font-variant-numeric: tabular-nums; line-height: 1.15; }

.wallet_review_address_card { min-width: 0; padding: 10px; border-radius: 9px; background: rgba(242, 252, 255, 0.72); }

.wallet_review_address { margin-top: 5px; font-size: var(--ui-type-crypto); }

.wallet_review_financials,
.wallet_review_grid { margin: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }

.wallet_review_financials > div,
.wallet_review_grid > div { min-width: 0; padding: 9px 10px; display: grid; gap: 3px; border-radius: 8px; background: rgba(255, 255, 255, 0.76); }

.wallet_review_grid--wide { grid-column: 1 / -1; }

.wallet_review_financials dt,
.wallet_review_grid dt { color: var(--ui-muted); font-size: var(--ui-type-micro); line-height: 1.25; }

.wallet_review_financials dd,
.wallet_review_grid dd { min-width: 0; margin: 0; overflow-wrap: anywhere; color: var(--ui-ink-strong); font-size: var(--ui-type-meta); font-weight: 700; font-variant-numeric: tabular-nums; line-height: 1.35; }

.wallet_technical_details { border-radius: 8px; background: rgba(246, 251, 251, 0.82); }

.wallet_technical_details summary { padding: 9px 10px; cursor: pointer; color: #31596c; font-size: var(--ui-type-meta); font-weight: 700; }

.wallet_technical_details dl { margin: 0; padding: 0 10px 10px; display: grid; gap: 6px; font-size: var(--ui-type-micro); }

.wallet_technical_details dl > div,
.wallet_node_status > div { min-width: 0; display: grid; grid-template-columns: minmax(0, .45fr) minmax(0, 1fr); gap: 8px; }

.wallet_technical_details dd,
.wallet_node_status strong { min-width: 0; margin: 0; overflow-wrap: anywhere; text-align: right; }

.wallet_inline_receipt { align-content: start; }

.wallet_inline_receipt_copy h2 { margin: 0; font-size: var(--ui-type-heading); line-height: 1.2; }

.wallet_inline_receipt_copy p { margin: 4px 0 0; color: var(--ui-muted); font-size: var(--ui-type-body); line-height: 1.45; }

.wallet_success_icon { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: var(--success); font-weight: 700; }

.wallet_transient_notice { min-width: 0; padding: 9px 10px; display: flex; align-items: center; gap: 9px; border-radius: 8px; background: rgba(39, 227, 164, 0.10); color: #1e5360; font-size: var(--ui-type-meta); line-height: 1.4; }

.wallet_node_status { display: grid; gap: 7px; }

/* Receive and scanner */

.wallet_task_sheet { min-width: 0; min-height: 0; display: grid; gap: 12px; }

.wallet_task_body { min-width: 0; min-height: 0; overflow: auto; }

.wallet_receive_sheet,
.wallet_scanner_sheet { height: min(100%, 760px); max-height: 100%; margin: auto; grid-template-rows: auto minmax(0, 1fr) auto; overflow: hidden; border: 1px solid var(--ui-line-strong); border-radius: 14px; background: rgba(252, 255, 254, 0.995); box-shadow: var(--ui-shadow-modal); }

.wallet_receive_header,
.wallet_scanner_header { min-width: 0; justify-content: space-between; }

.wallet_receive_header > div,
.wallet_scanner_header > div { min-width: 0; }

.wallet_receive_body { min-width: 0; min-height: 0; display: grid; align-items: center; overflow: auto; }

.wallet_receive_qr_card { min-width: 0; display: grid; place-items: center; border: 1px solid var(--ui-line-soft); border-radius: 12px; background: #fff; }

.wallet_qr_mount { display: grid; place-items: center; }

.wallet_qr_mount--large { width: min(100%, 300px); aspect-ratio: 1; }

.wallet_qr_mount canvas,
.wallet_qr_mount svg { width: 100%; max-width: 100%; height: auto; }

.wallet_crypto_card--public { display: grid; align-content: center; gap: 9px; border: 1px solid var(--ui-line-crypto); background: var(--ui-surface-crypto); }

.wallet_receive_actions { min-width: 0; display: grid; gap: 8px; }

.wallet_scanner_host { min-width: 0; border-radius: 10px; overflow: hidden; background: #0d232b; }

.wallet_scanner,
.wallet_scanner_view { width: 100%; height: 100%; min-width: 0; min-height: 0; }

.wallet_scanner { display: grid; grid-template-rows: auto minmax(0, 1fr) auto; gap: 10px; }

.wallet_scanner_view { position: relative; overflow: hidden; border-radius: 10px; background: #06171d; }

.wallet_scanner_view video,
.wallet_scanner_view canvas { width: 100%; height: 100%; object-fit: cover; }

.wallet_scanner_frame { position: absolute; inset: 15%; border: 2px solid var(--sfx_green); border-radius: 14px; box-shadow: 0 0 0 999px rgba(4, 23, 29, 0.42); }

.wallet_scanner_status,
.wallet_scanner_fallback { margin: 0; color: #d9f8f1; font-size: var(--ui-type-meta); line-height: 1.4; }

.wallet_print_sheet { display: none; }

/*
 * =========================================================
 * Wallet component completion
 * =========================================================
 */


.wallet_receive_close svg,
.wallet_modal_dismiss svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }


.wallet_modal_dismiss { grid-column: 3; width: 36px; min-width: 36px; height: 36px; min-height: 36px; padding: 0; display: grid; place-items: center; border: 1px solid var(--ui-line-strong); border-radius: 9px; background: #fff; color: #31596c; cursor: pointer; }

.wallet_modal_dismiss:hover { border-color: rgba(0, 185, 140, .5); background: rgba(232, 255, 248, .92); }

.wallet_security_address_value .wallet_crypto_value { display: block; }

.wallet_restore_source_picker.is_compact { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 5px; }

.wallet_restore_source_picker.is_compact .wallet_restore_source_button { min-height: 38px; padding: 4px 5px; }

.wallet_restore_source_picker.is_compact .wallet_restore_source_button small { display: none; }

.wallet_restore_source_picker.is_compact .wallet_restore_source_button strong { overflow: hidden; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }

.wallet_receive_close { width: 38px; min-width: 38px; height: 38px; padding: 0; display: grid; place-items: center; }






.wallet_security_address { min-width: 0; padding: 10px; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 10px; border: 1px solid var(--ui-line-crypto); border-radius: 10px; background: var(--ui-surface-crypto); box-shadow: inset 0 0 0 1px rgba(255,255,255,.86); }

.wallet_security_address .wallet_crypto_value { margin-top: 7px; font-size: var(--ui-type-crypto); line-height: 1.45; }

.wallet_security_address > .wallet_button { min-width: 112px; }

.wallet_modal_compact_header:not(.wallet_secret_modal_header) { min-width: 0; display: grid; grid-template-columns: 34px minmax(0, 1fr); align-items: center; gap: 10px; }

.wallet_modal_compact_header.wallet_modal_compact_header--with_close { grid-template-columns: 36px minmax(0, 1fr); }
.wallet_modal_compact_header--with_close > .wallet_modal_dismiss--back { grid-column: 1; grid-row: 1; }
.wallet_modal_compact_header--with_close > div { grid-column: 2; grid-row: 1; }

.wallet_modal_compact_header > div { min-width: 0; display: grid; gap: 2px; }

.wallet_global_modal_mark { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 50%; color: #176c65; background: rgba(39, 227, 164, 0.14); font-size: 18px; font-weight: 700; line-height: 1; }

.wallet_global_modal_mark svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

.wallet_global_modal_mark--warning { color: #9a5f05; background: rgba(241, 174, 61, 0.18); }

.wallet_global_modal_body--security { display: grid; align-content: start; gap: 8px; }

.wallet_display_currency { min-width: 0; padding: 9px 10px; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 10px; border: 1px solid var(--ui-line-soft); border-radius: 10px; background: rgba(245, 251, 253, 0.82); }
.wallet_display_currency > span { min-width: 0; display: grid; gap: 2px; }
.wallet_display_currency b { color: var(--ui-ink-strong); font-size: var(--ui-type-body); }
.wallet_display_currency small { color: var(--ui-muted); font-size: var(--ui-type-micro); line-height: 1.2; }
.wallet_display_currency_choices { display: flex; gap: 4px; }
.wallet_display_currency_choices button { min-height: 32px; padding: 5px 9px; border: 1px solid var(--ui-line); border-radius: 7px; background: #fff; color: #36586a; font-size: 13px; font-weight: 700; }
.wallet_display_currency_choices button.is_selected { border-color: rgba(0, 185, 140, 0.4); background: rgba(224, 255, 245, 0.9); color: #006c56; }
.wallet_display_currency_choices button:disabled { opacity: .48; }

.wallet_restore_source_heading { min-width: 0; display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.wallet_local_badge { flex: 0 0 auto; padding: 3px 6px; border-radius: 999px; background: rgba(39, 227, 164, 0.14); color: #00775e; font-size: 11px; font-weight: 700; line-height: 1; }

.wallet_security_action_list > button,
.wallet_advanced_action_list > button { min-height: 54px; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; padding: 9px 10px; }

.wallet_security_action_list button > span,
.wallet_advanced_action_list button > span { gap: 3px; }

.wallet_security_action_list button b,
.wallet_advanced_action_list button b { color: var(--ui-ink-strong); font-size: var(--ui-type-body); font-weight: 700; line-height: 1.15; }

.wallet_security_action_list button small,
.wallet_advanced_action_list button small { font-size: var(--ui-type-meta); line-height: 1.25; }

.wallet_security_action_list button > strong,
.wallet_advanced_action_list button > strong { min-width: 58px; padding: 5px 8px; border-radius: 99px; color: #136d62; background: rgba(39, 227, 164, 0.12); font-size: var(--ui-type-meta); font-weight: 700; text-align: center; }

.wallet_secret_modal_value {
  min-height: 82px;
  padding: 11px 12px;
  overflow: auto;
  border-color: var(--ui-line-secret);
  background: var(--ui-surface-secret);
}

.wallet_secret_modal_value.is_concealed code { font-size: 18px; line-height: 1.5; }

.wallet_restore_source_panel h2,
.wallet_file_panel h2,
.wallet_task_surface h2 { margin: 4px 0 2px; color: var(--ui-ink-strong); font-size: var(--ui-type-heading); line-height: 1.15; }

.wallet_form { min-width: 0; display: grid; gap: 7px; }

.wallet_field_hint,
.wallet_send_progressive,
.wallet_send_blocked { margin: 0; color: var(--ui-muted); font-size: var(--ui-type-meta); line-height: 1.35; }

.wallet_validation_result,
.wallet_restore_selection_summary,
.wallet_opening_content { min-width: 0; margin-top: 8px; padding: 10px; display: grid; gap: 7px; border: 1px solid var(--ui-line-soft); border-radius: 9px; background: rgba(255, 255, 255, 0.74); }

.wallet_validation_result > strong,
.wallet_opening_content > strong { color: var(--ui-ink-strong); font-size: var(--ui-type-body); }

.wallet_restore_selection_summary { grid-template-columns: repeat(3, minmax(0, 1fr)); }

.wallet_restore_selection_summary > div { min-width: 0; display: grid; gap: 3px; }

.wallet_restore_selection_summary span { color: var(--ui-muted); font-size: var(--ui-type-meta); }

.wallet_restore_selection_summary strong { min-width: 0; overflow: hidden; color: var(--ui-ink-strong); font-size: var(--ui-type-body); text-overflow: ellipsis; white-space: nowrap; }

.wallet_state_actions--three { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }


.wallet_creation_proof_header strong { min-width: 0; font-size: var(--ui-type-body); line-height: 1.25; }

.wallet_creation_proof_header b { flex: 0 0 auto; }

.wallet_workspace_modal--receive,
.wallet_workspace_modal--scanner { place-items: center; padding: 8px; }

.wallet_workspace_modal_dialog--receive { width: min(100%, 560px); }

.wallet_workspace_modal_dialog--scanner { width: min(100%, 620px); }

.wallet_receive_sheet,
.wallet_scanner_sheet { width: 100%; max-height: 100%; min-width: 0; min-height: 0; padding: 12px; display: grid; grid-template-rows: auto minmax(0, 1fr) auto; gap: 10px; overflow: hidden; }

.wallet_scanner_sheet { grid-template-rows: auto minmax(0, 1fr); }

.wallet_receive_header,
.wallet_scanner_header { min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: start; gap: 10px; }

.wallet_receive_header > div,
.wallet_scanner_header > div { min-width: 0; display: grid; gap: 3px; }

.wallet_receive_body { min-width: 0; min-height: 0; display: grid; grid-template-columns: minmax(190px, 0.8fr) minmax(0, 1.2fr); align-items: center; gap: 12px; overflow: auto; }

.wallet_receive_qr_card { min-width: 0; padding: 10px; display: grid; place-items: center; border: 1px solid var(--ui-line-soft); border-radius: 12px; background: #fff; }

.wallet_qr_mount--large svg { width: min(100%, 240px); max-height: 240px; }


.wallet_crypto_card--public .wallet_crypto_value { margin-top: 8px; font-size: var(--ui-type-crypto); line-height: 1.5; }

.wallet_receive_actions { display: grid; grid-template-columns: minmax(100px, 0.45fr) minmax(0, 1fr); gap: 8px; }

.wallet_scanner_host { min-height: 260px; height: 100%; }

.wallet_workspace_modal--send .wallet_workspace_modal_dialog,
.wallet_workspace_modal--review .wallet_workspace_modal_dialog { border-radius: 14px; }

.wallet_send_workspace_header h2,
.wallet_review_header h2 { font-size: var(--ui-type-heading); }

.wallet_selected_balance,
.wallet_recipient_validation,
.wallet_transaction_progress small,
.wallet_transient_notice { font-size: var(--ui-type-meta); }

.wallet_send_fee_preview strong,
.wallet_review_financials dd { font-size: var(--ui-type-financial); }

.wallet_review_amount strong { font-size: 24px; }

.wallet_review_address { font-size: var(--ui-type-crypto); line-height: 1.45; }

.wallet_technical_details summary { font-size: var(--ui-type-meta); }

.wallet_technical_details dl { font-size: var(--ui-type-micro); }

/*
 * =========================================================
 * Responsive dashboard composition
 * =========================================================
 */

@media (max-width: 900px) {
  :root {
    --ui-type-classification: 10px;
    --ui-type-micro: 10.25px;
    --ui-type-meta: 11px;
    --ui-type-body: 13px;
    --ui-type-control: 11.5px;
    --ui-type-financial: 12.5px;
    --ui-type-value: 14px;
    --ui-type-heading: 16px;
    --ui-type-major: 18px;
    --final-header: clamp(44px, 6.5dvh, 48px);
    --support-band: clamp(130px, 20dvh, 140px);
    --final-actions: var(--support-band);
    --final-mining: var(--support-band);
    --final-footer: clamp(22px, 3.6dvh, 25px);
    --final-activity: clamp(104px, 28vw, 120px);
    --final-task-activity: var(--final-activity);
    --final-logo-col: 78px;
    --mobile-header-controls: 78px;
  }

  .dashboard {
    width: 100vw;
    height: 100dvh;
    grid-template-columns: minmax(0, 1fr) var(--final-activity);
    grid-template-rows: var(--final-header) minmax(0, 1fr) var(--final-actions) var(--final-mining) var(--final-footer);
  }

  html[data-wallet-stage-mode="task"] .dashboard,
  html[data-wallet-stage-mode="onboarding"] .dashboard { grid-template-columns: minmax(0, 1fr) var(--final-task-activity); }

  .dashboard_panel--logo {
    grid-column: 1 / -1;
    grid-row: 1;
    z-index: 10;
    width: var(--final-logo-col);
    justify-self: start;
    padding: 4px 6px;
  }

  .dashboard_logo_wordmark { width: 70px; max-height: 22px; }

  .dashboard_panel--header_state {
    grid-column: 1 / -1;
    grid-row: 1;
    z-index: 9;
    margin: 0;
    padding: 3px var(--mobile-header-controls) 5px var(--final-logo-col);
    grid-template-columns: minmax(0, 1fr);
    column-gap: 0;
    pointer-events: none;
  }

  .header_state_label { font-size: 10px; font-weight: 700; }
  .header_state_primary { font-size: 14px; }
  .header_state_detail { font-size: 10.25px; }
  .header_state_progress { right: 4px; bottom: 2px; left: 4px; }

  .dashboard_panel--wallet_controls {
    grid-column: 1 / -1;
    grid-row: 1;
    z-index: 10;
    width: var(--mobile-header-controls);
    justify-self: end;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 4px;
    gap: 3px;
    border-left: 0;
  }

  .header_wallet_button { min-height: 34px; padding: 3px; gap: 0; font-size: var(--ui-type-control); }
  .header_wallet_button span { display: none; }
  .header_wallet_button svg { width: 14px; height: 14px; }

  .dashboard_panel--primary,
  .dashboard_main_overlay { grid-column: 1; grid-row: 2; }
  .dashboard_panel--primary { z-index: 2; }
  .wallet_panel_mount { padding: 3px 2px 3px 3px; }
  .dashboard_main_overlay { z-index: 30; }

  .dashboard_main_overlay[data-overlay-kind="onboarding"],
  .dashboard_main_overlay[data-overlay-kind="legal"],
  .dashboard_main_overlay[data-overlay-kind="swap"],
  .dashboard_main_overlay[data-overlay-kind="send"],
  .dashboard_main_overlay[data-overlay-kind="receive"] { grid-column: 1 / -1; grid-row: 1 / -1; }

  .dashboard_panel--mempool_body { grid-column: 2; grid-row: 2; z-index: 4; margin: 0; padding: 3px 3px 3px 0; overflow: hidden; opacity: 1; visibility: visible; pointer-events: auto; transform: none; }

  .activity_panel { --activity-gutter-inline: 4px; grid-template-rows: auto minmax(0, 1fr); border-radius: 7px; box-shadow: none; }
  .activity_tabs { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; padding-block: 2px; padding-inline: var(--activity-gutter-inline); }
  .activity_tab { min-height: 26px; padding: 2px 1px; border-radius: 5px; }
  .activity_label_full,
  .activity_label_compact { display: none; }
  .activity_tab_icon { width: 14px; height: 14px; }
  .activity_view { display: block; padding-block: 2px; padding-inline: var(--activity-gutter-inline); scrollbar-gutter: auto; scrollbar-width: none; }
  .activity_view::-webkit-scrollbar { width: 0; height: 0; }

  .mempool_empty_state,
  .history_empty_state,
  .accounts_summary { margin: 4px 2px; font-size: var(--ui-type-micro); line-height: 1.3; }

  .mempool_transaction_row,
  .history_transaction,
  .wallet_account_row { min-height: 40px; padding: 4px 2px; gap: 2px; }

  .mempool_transaction_row {
    grid-template-columns: 12px minmax(0, 1fr);
    grid-template-areas: "icon copy";
    align-items: start;
    row-gap: 0;
    padding: 5px 6px 5px 9px;
  }
  .mempool_transaction_row::before { top: 3px; bottom: 3px; left: 2px; width: 1.5px; }
  .mempool_transaction_type_icon { width: 11px; height: 11px; margin-top: 1px; }
  .mempool_transaction_copy { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "title amount" "hash hash"; gap: 1px 2px; }
  .mempool_transaction_title { font-size: 10.5px; }
  .mempool_transaction_amount { font-size: 11.5px; text-align: right; }
  .activity_amount_full { display: none; }
  .activity_amount_compact { display: inline; }
  .mempool_transaction_hash { padding-right: 12px; font-size: 10px; line-height: 1.12; }
  .mempool_transaction_owner_badge { display: none; }
  .mempool_transaction_status { position: absolute; right: 4px; bottom: 6px; }

  .history_transaction { grid-template-columns: 13px minmax(0, 1fr) auto; grid-template-areas: "history_icon history_copy history_amount"; align-items: center; gap: 2px; }
  .history_transaction_icon { grid-area: history_icon; width: 12px; height: 12px; align-self: start; margin-top: 1px; }
  .history_transaction_icon img { width: 11px; height: 11px; }
  .history_transaction_copy { grid-area: history_copy; min-width: 0; gap: 1px; }
  .history_transaction_title { display: flex; }
  .history_transaction_title strong { font-size: 10.5px; }
  .history_transaction_title .history_mempool_badge { display: none; }
  .history_transaction_meta { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .history_transaction_amount { grid-area: history_amount; min-width: 0; justify-items: end; align-self: stretch; align-content: start; text-align: right; }
  .history_transaction_amount strong,
  .wallet_account_row strong { font-size: 11.5px; }
  .history_transaction_copy small,
  .history_transaction_amount small,
  .wallet_account_row small { font-size: 10px; line-height: 1.15; }
  .activity_hash_full,
  .activity_status_full,
  .activity_title_full,
  .history_transaction_age,
  .activity_account_full { display: none; }
  .activity_hash_compact,
  .activity_status_compact,
  .activity_title_compact,
  .activity_account_compact { display: inline; }
  .wallet_account_row { grid-template-columns: 13px minmax(0, 1fr); min-height: 42px; }
  .wallet_account_icon { width: 13px; height: 13px; font-size: 10px; }

  .wallet_workspace { padding: 4px; gap: 4px; }
  .wallet_asset_selector { gap: 4px; }
  .wallet_asset_option { min-height: 46px; padding: 4px 5px; grid-template-columns: 16px auto minmax(0, 1fr); grid-template-areas: "icon identity balance" "meta meta meta"; gap: 1px 4px; }
  .wallet_asset_option > img { width: 15px; height: 15px; }
  .wallet_asset_option_copy strong { font-size: 10.5px; }
  .wallet_asset_total b { font-size: clamp(12.5px, 3.45vw, 14px); }
  .wallet_asset_option_meta { font-size: 10px; }

  .wallet_home_surface { padding: 3px; gap: 4px; }
  .wallet_home_address { padding: 6px; gap: 5px; }
  .wallet_home_address_actions .wallet_button { min-height: 32px; padding: 4px 5px; font-size: 11px; }
  .wallet_home_address code { line-height: 1.42; }
  .wallet_home_address_label { font-size: 10px; }
  .wallet_home_address_data { padding: 5px 6px; }

  .wallet_home_address {
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
  }
  .wallet_home_address_actions {
    width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: auto;
    gap: 5px;
  }

  .wallet_state_view--closed {
    padding: 8px;
  }

  .wallet_closed_heading,
  .wallet_state_header h1,
  .wallet_task_header h1,
  .wallet_task_header h2 {
    font-size: 17px;
  }

  .wallet_closed_description,
  .wallet_state_header p,
  .wallet_task_header p,
    .wallet_modal_status,
  .wallet_modal_warning,
  .wallet_modal_validation {
    font-size: 13px;
  }

  .wallet_restore_source_picker {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 5px;
  }

  .wallet_restore_source_picker.is_compact {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .wallet_restore_source_picker.is_compact .wallet_restore_source_button {
    min-height: 38px;
    padding: 5px 4px;
  }

  .wallet_restore_source_picker.is_compact .wallet_restore_source_button strong {
    font-size: 12px;
  }

  .wallet_restore_source_picker.is_compact .wallet_restore_source_button small {
    display: none;
  }

  /* Selected restore sources use one compact switcher row so the active recovery control stays visible. */
  .wallet_state_view--restore_import.is_restore_source_selected .wallet_state_header { display: none; }
  .wallet_state_view--restore_import.is_restore_source_selected .wallet_restore_source_picker.is_compact { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 4px; }
  .wallet_state_view--restore_import.is_restore_source_selected .wallet_restore_source_panel { padding: 7px; gap: 5px; }
  .wallet_state_view--restore_import.is_restore_source_selected .wallet_restore_source_panel h2 { font-size: 16px; }
  .wallet_state_view--restore_import.is_restore_source_selected .wallet_form { gap: 6px; }

  .wallet_restore_source_button {
    min-height: 50px;
  }

  .wallet_restore_source_button strong {
    font-size: 13px;
  }

  .wallet_mnemonic_grid {
    grid-template-columns: repeat(auto-fit, minmax(108px, 1fr));
  }
  .wallet_mnemonic_word { min-height: 36px; padding: 6px 7px; grid-template-columns: 20px minmax(0,1fr); gap: 5px; font-size: var(--ui-type-recovery-word); }
  .wallet_mnemonic_word b { font-size: var(--ui-type-recovery-index); }

  .wallet_restore_year_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .wallet_restore_selection_summary {
    grid-template-columns: 1fr;
  }

  .wallet_state_view--form {
    padding: 7px;
    gap: 7px;
  }

  .wallet_state_actions {
    gap: 6px;
  }

  .wallet_state_actions--three {
    grid-template-columns: 1fr;
  }

  .wallet_workspace_modal,
  .wallet_workspace_modal--scanner { padding: 4px; place-items: stretch; }

  .wallet_workspace_modal--send,
  .wallet_workspace_modal--receive { padding: 6px; place-items: center; }
  .wallet_workspace_modal--send .wallet_workspace_modal_dialog {
    width: min(calc(100vw - 12px), 390px);
    max-width: 100%;
    height: max-content;
    max-height: calc(var(--finale_visual_height, 100dvh) - 12px);
    align-self: center;
    border-radius: 11px;
  }

  .wallet_workspace_modal_dialog--receive {
    width: min(calc(100vw - 12px), 390px);
    max-width: 100%;
    height: max-content;
    max-height: calc(var(--finale_visual_height, 100dvh) - 12px);
    align-self: center;
    border-radius: 11px;
  }

  .wallet_workspace_modal_dialog--scanner {
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    align-self: stretch;
    border-radius: 11px;
  }

  .dashboard_main_overlay[data-overlay-kind="onboarding"] .wallet_workspace_modal_dialog {
    width: min(100%, 520px);
    max-height: calc(var(--finale_visual_height, 100dvh) - 12px);
    align-self: center;
    border-radius: 13px;
  }

  .dashboard_main_overlay[data-overlay-kind="onboarding"] .wallet_state_view,
  .dashboard_main_overlay[data-overlay-kind="onboarding"] .wallet_state_view--form {
    max-height: calc(var(--finale_visual_height, 100dvh) - 14px);
  }

  .dashboard_main_overlay[data-overlay-kind="onboarding"] .wallet_state_scroll {
    max-height: calc(var(--finale_visual_height, 100dvh) - 128px);
  }

  .wallet_send_workspace,
  .wallet_inline_review,
  .wallet_inline_receipt { height: auto; max-height: calc(var(--finale_visual_height, 100dvh) - 24px); padding: 7px; gap: 5px; }

  .wallet_receive_sheet { height: auto; padding: 7px; gap: 6px; }
  .wallet_scanner_sheet { height: 100%; padding: 6px; gap: 5px; }

  .wallet_send_workspace {
    grid-template-rows: auto minmax(0, 1fr) auto;
  }

  .wallet_send_workspace_header h2,
  .wallet_review_header h2 { font-size: 14px; }

  .wallet_selected_balance { font-size: 10.5px; }

  .wallet_send_form--workspace {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "recipient"
      "amount";
    gap: 5px;
  }

  .wallet_send_field {
    gap: 4px;
  }

  .wallet_recipient_input_row { gap: 3px; }
  .wallet_recipient_actions { grid-template-columns: repeat(2, 48px); gap: 3px; }
  .wallet_recipient_actions .wallet_button { min-height: 38px; padding: 3px; font-size: 11px; }
  .wallet_recipient_input_shell > input,
  .wallet_inline_input input,
  .wallet_inline_input .wallet_inline_action { min-height: 38px; }

  .wallet_recipient_validation.is_idle,
  .wallet_recipient_validation.is_valid {
    display: none;
  }

  .wallet_send_field--amount {
    width: 100%;
  }

  .wallet_send_fee_preview {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4px;
    padding: 6px;
  }

  .wallet_send_fee_preview strong { font-size: 11.5px; }

  .wallet_send_workspace_actions .wallet_button,
  .wallet_inline_review_actions .wallet_button {
    flex: 1 1 0;
  }

  .wallet_review_header {
    gap: 2px;
  }

  .wallet_review_header > div > p:not(.wallet_eyebrow),
  .wallet_preflight_pill {
    display: none;
  }

  .wallet_inline_review_body {
    overflow: auto;
  }

  .wallet_review_summary {
    gap: 5px;
  }

  .wallet_review_amount {
    gap: 1px;
  }

  .wallet_review_amount strong { font-size: 18px; }

  .wallet_review_address_card {
    padding: 7px;
  }

  .wallet_review_address { margin-top: 3px; line-height: 1.45; }

  .wallet_review_financials {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .wallet_review_financials > div {
    padding: 4px 6px;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: baseline;
    border-radius: 0;
    border-bottom: 1px solid var(--ui-line-soft);
    background: transparent;
  }

  .wallet_review_financials > div:last-child {
    border-bottom: 0;
  }

  .wallet_review_financials dd {
    text-align: right;
  }

  .wallet_technical_details {
    display: block;
  }

  .wallet_receive_body {
    grid-template-columns: clamp(122px, 35vw, 136px) minmax(0, 1fr);
    grid-template-rows: auto;
    align-content: center;
    align-items: center;
    gap: 6px;
    overflow: hidden;
  }

  .wallet_receive_header p:last-child {
    display: none;
  }

  .wallet_receive_qr_card {
    align-self: start;
    padding: 4px;
  }

  .wallet_qr_mount--large { width: min(100%, 128px); }
  .wallet_qr_mount--large svg,
  .wallet_qr_mount--large canvas { width: 100%; max-height: 128px; }

  .wallet_crypto_card--public {
    align-content: start;
    padding: 7px;
    gap: 5px;
  }

  .wallet_crypto_card--public .wallet_crypto_value {
    margin-top: 2px;
    font-size: 12.5px;
    line-height: 1.3;
  }

  .wallet_receive_actions {
    grid-template-columns: minmax(78px, 0.4fr) minmax(0, 1fr);
  }

  .wallet_scanner_host {
    min-height: 160px;
  }

  .dashboard_panel--actions {
    grid-column: 1 / -1;
    grid-row: 3;
    padding: 6px 7px;
  }




  .dashboard_panel--mining_one {
    grid-column: 1 / -1;
    grid-row: 4;
    padding: 2px 3px;
  }

  .mining_stats {
    gap: 3px;
  }

  /* Information-dense phone mining: compress labels, never telemetry. */
  .mining_card { border-radius: 7px; grid-template-rows: 23px minmax(0, 1fr) 17px; }
  .mining_card_header { grid-template-columns: 11px minmax(0, 1fr); grid-template-rows: 10px 11px; grid-template-areas: "icon kicker" "height height"; padding: 1px 3px; column-gap: 2px; row-gap: 0; }
  .mining_card_icon,
  .mining_card_icon svg { width: 10px; height: 10px; }
  .mining_card_kicker,
  .mining_metric_label { min-width: 0; overflow: hidden; font-size: 10px; letter-spacing: 0; line-height: 1; text-overflow: ellipsis; white-space: nowrap; }
  .mining_block_height { width: 100%; font-size: 12px; text-align: right; }
  .mining_card_body,
  .supply_card_body { padding: 1px 3px; gap: 1px; }
  .mining_card_body { grid-template-columns: minmax(0, 1fr); grid-template-rows: repeat(2, minmax(0, 1fr)); align-content: stretch; align-items: stretch; }
  .mining_metric { grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 3px; }
  .mining_metric + .mining_metric { padding-left: 0; border-top: 1px solid var(--ui-line-soft); border-left: 0; }
  .mining_value_line { justify-content: flex-end; gap: 1px; }
  .mining_hashrate,
  .mining_reward,
  .supply_amount { font-size: 11.25px; }
  .mining_unit { font-size: 10px; }
  .mining_metric--target_hashrate { grid-template-areas: "label value" "delta delta"; }
  .mining_metric--target_hashrate > .mining_metric_label { grid-area: label; }
  .mining_metric--target_hashrate > .mining_value_line { grid-area: value; }
  .target_delta { grid-area: delta; justify-self: end; display: inline-flex; gap: 1px; padding: 0; border: 0; background: transparent; font-size: 10px; line-height: 1; }
  .supply_values { gap: 3px; }
  .supply_progress { height: 3px; }
  .mining_card_footer,
  .reward_epoch { min-height: 20px; padding: 2px 4px; font-size: 10px; }
  .mining_footer_icon { width: 8px; height: 8px; }
  .mining_card--supply { grid-template-rows: 23px minmax(0, 1fr) 30px; }
  .reward_epoch { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "reward days" "height height"; gap: 1px 4px; align-content: center; }
  .reward_epoch_icon,
  .reward_epoch_label { display: none; }
  .reward_epoch_value { grid-area: reward; min-width: 0; font-size: 10.25px; font-weight: 700; white-space: nowrap; }
  .reward_epoch_unit { font-size: 10px; }
  .reward_epoch_days { grid-area: days; min-width: 0; display: block; overflow: hidden; font-size: 10px; line-height: 1; text-align: right; text-overflow: clip; white-space: nowrap; }
  .reward_epoch_height { grid-area: height; min-width: 0; display: block; overflow: hidden; font-size: 10px; line-height: 1; text-align: right; text-overflow: clip; white-space: nowrap; }


  .dashboard_panel--footer {
    grid-column: 1 / -1;
    grid-row: 5;
    gap: 8px;
  }

  .dashboard_panel--footer button {
    min-height: 24px;
    font-size: 10.5px;
    font-weight: 700;
  }

  .wallet_global_modal {
    padding: 6px;
  }

  .wallet_global_modal_dialog {
    width: min(100%, 620px);
    max-height: calc(100dvh - 12px);
    padding: 10px;
    gap: 8px;
  }

  .wallet_global_modal_dialog h1,
  .wallet_global_modal_dialog h2 {
    font-size: 18px;
  }

  .wallet_global_modal_dialog p,
  .wallet_global_modal_dialog li,
  .wallet_global_modal_dialog label,
  .wallet_task_sheet p,
  .wallet_task_sheet li {
    font-size: 13px;
  }

  .wallet_security_address {
    grid-template-columns: minmax(0, 1fr);
    align-items: stretch;
    gap: 8px;
  }

  .wallet_security_address > .wallet_button {
    grid-column: 1;
    width: 100%;
    min-width: 0;
    align-self: stretch;
  }

  .wallet_security_action_list,
  .wallet_advanced_action_list { gap: 6px; }

  .wallet_security_action_list > button,
  .wallet_advanced_action_list > button {
    min-height: 52px;
    padding: 7px 9px;
  }

  /* Mobile security sheet */
  .wallet_global_modal--security .wallet_global_modal_dialog {
    gap: 6px;
  }

  .wallet_global_modal--security .wallet_global_modal_body--security {
    gap: 6px;
  }

  .wallet_global_modal--security .wallet_security_address {
    padding: 8px;
    gap: 6px;
  }

  .wallet_global_modal--security .wallet_security_address_value {
    gap: 4px;
  }

  .wallet_global_modal--security .wallet_security_address .wallet_crypto_value {
    margin-top: 3px;
    line-height: 1.48;
  }

  .wallet_global_modal--security .wallet_security_address > .wallet_button {
    min-height: 36px;
    padding: 6px 10px;
  }

  .wallet_global_modal--security .wallet_security_action_list {
    gap: 5px;
  }

  .wallet_global_modal--security .wallet_security_action_list > button {
    min-height: 48px;
    padding: 6px 8px;
  }

  .wallet_global_modal--security .wallet_global_modal_actions .wallet_button {
    min-height: 38px;
    padding: 7px 10px;
  }

  .wallet_secret_modal_actions { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
  .wallet_global_modal--secret .wallet_global_modal_dialog { padding: 10px; gap: 8px; }
  .wallet_global_modal--secret .wallet_secret_modal_value { padding: 8px; }
  .wallet_global_modal--secret .wallet_modal_status { margin: 0; font-size: 12.5px; line-height: 1.35; }
  .wallet_global_modal--detail { padding: 6px; }
  .wallet_global_modal--detail .wallet_global_modal_dialog { padding: 10px; gap: 8px; }
  .wallet_global_modal--detail .wallet_global_modal_body { gap: 7px; }
  .history_receipt_amount strong { font-size: 19px; }

}

@media (max-width: 430px) {
  .accounts_summary { display: none; }

  .wallet_asset_option {
    min-height: 62px;
    padding: 5px 6px;
    grid-template-columns: 16px minmax(0, 1fr);
    grid-template-areas: "icon identity" "balance balance" "meta meta";
    align-content: center;
    gap: 2px 5px;
  }
  .wallet_asset_option.is_single_balance { grid-template-areas: "icon identity" "balance balance"; }
  .wallet_asset_option_balance { width: 100%; justify-content: space-between; gap: 5px; }
  .wallet_asset_total { width: 100%; justify-content: flex-end; }
  .wallet_asset_total b { max-width: 100%; font-size: 14px; }

  .wallet_state_view--closed { padding: 5px 6px; }
  .wallet_closed_intro { align-content: center; gap: 5px; }
  .wallet_closed_content { gap: 5px; }
  .wallet_closed_entry { gap: 4px; }
  .wallet_closed_copy { gap: 3px; }
  .wallet_closed_heading { font-size: 16px; line-height: 1.12; }
  .wallet_closed_description { font-size: 12.5px; line-height: 1.36; }
  .wallet_closed_points { gap: 3px; }
  .wallet_closed_points li { padding-left: 8px; gap: 0; }
  .wallet_closed_points li::before { width: 3px; height: 3px; top: .45em; }
  .wallet_closed_points strong { font-size: 11.5px; line-height: 1.2; }
  .wallet_closed_points span { font-size: 11px; line-height: 1.3; }
  .wallet_state_view--closed .wallet_capability_notice { margin: 0; padding: 5px 6px; font-size: 10px; line-height: 1.25; }
  .wallet_state_view--closed .wallet_button_row--entry { gap: 4px; }
  .wallet_state_view--closed .wallet_button_row--entry .wallet_button { min-height: 34px; padding: 5px 6px; font-size: 11.5px; }
  .wallet_generated_summary { padding: 8px; gap: 5px; }
  .wallet_generated_summary_header strong { font-size: 13px; }
  .wallet_generated_receive_note { font-size: 11.5px; line-height: 1.35; }
  .wallet_custody_notice { padding: 8px; grid-template-columns: 22px minmax(0, 1fr); gap: 7px; }
  .wallet_custody_notice_mark { width: 22px; height: 22px; font-size: 13px; }
  .wallet_custody_notice_copy strong { font-size: 11.5px; }
  .wallet_custody_notice_copy span { font-size: 11px; line-height: 1.32; }
  .wallet_backup_method_list { gap: 6px; }
  .wallet_backup_method_row { min-height: 52px; padding: 7px 8px; gap: 7px; }
  .wallet_backup_method_icon { width: 24px; height: 24px; }
  .wallet_backup_progress { padding: 7px 8px; }
  .wallet_consent_process { gap: 4px; }
  .wallet_consent_process li { padding: 6px 4px; grid-template-columns: 20px minmax(0, 1fr); gap: 4px; }
  .wallet_consent_process li > strong { width: 20px; height: 20px; font-size: 11px; }
  .wallet_consent_process b { font-size: 11.5px; }
  .wallet_consent_process small { font-size: 11px; }
  .wallet_consent_documents { grid-template-columns: 1fr; gap: 5px; }
  .wallet_consent_document_button { min-height: 48px; padding: 7px 8px; }
  .wallet_consent_document_button small { font-size: 10.5px; }
  .wallet_global_modal--consent .wallet_global_modal_dialog { padding: 10px; gap: 8px; }
  .wallet_global_modal--consent .wallet_global_modal_body { gap: 8px; }
  .wallet_global_modal--mnemonic .wallet_mnemonic_grid { grid-template-columns: repeat(3, minmax(0, 1fr)); border-radius: 6px; }
  .wallet_global_modal--mnemonic .wallet_mnemonic_word {
    min-height: 38px;
    padding: 5px 6px;
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr);
    gap: 5px;
    overflow: hidden;
    font-size: var(--ui-type-recovery-word);
    line-height: 1.2;
    text-align: left;
  }
  .wallet_global_modal--mnemonic .wallet_mnemonic_word b {
    position: static;
    font-size: var(--ui-type-recovery-index);
    line-height: 1;
  }
  .wallet_global_modal--mnemonic .wallet_mnemonic_word span { display: block; overflow: hidden; text-overflow: clip; white-space: nowrap; }
  .wallet_global_modal--mnemonic .wallet_global_modal_body--secret,
  .wallet_global_modal--mnemonic .wallet_secret_modal_value { overflow: hidden; scrollbar-gutter: auto; }

  .wallet_restore_source_panel[data_restore_source_panel="seed_phrase"] [data_restore_input_hint] {
    margin: 0;
    padding: 7px 9px;
    border: 1px solid rgba(0, 185, 140, 0.18);
    border-radius: 7px;
    background: rgba(230, 255, 247, 0.72);
    color: var(--ui-muted);
  }

  .wallet_mnemonic_input_preview > .wallet_mnemonic_grid {
    display: none;
  }

  .dashboard_main_overlay[data-overlay-kind="legal"] { padding: 6px; }
  .dashboard_main_overlay[data-overlay-kind="legal"] > .wallet_legal_sheet { width: 100%; max-height: calc(var(--finale_visual_height, 100dvh) - 12px); padding: 9px; gap: 7px; }
  .wallet_legal_sheet .wallet_task_header { gap: 6px; }
  .wallet_legal_sheet .wallet_task_header h1 { font-size: 17px; }
  .wallet_legal_body { gap: 6px; scrollbar-gutter: auto; }
  .wallet_legal_sections { gap: 0; }
  .wallet_legal_section { padding: 8px 2px; gap: 3px; }
  .wallet_legal_section h2 { font-size: 14px; line-height: 1.24; }
  .wallet_legal_section p,
  .wallet_legal_note { font-size: 13px; line-height: 1.42; }
  .wallet_legal_section--mark.has_asset { grid-template-columns: 44px minmax(0, 1fr); gap: 8px; }
  .wallet_legal_mark_asset { width: 42px; height: 42px; }
  .wallet_legal_section--verification { margin-top: 6px; padding: 9px; }
  .wallet_legal_verification_badge { font-size: 12px; }
  .wallet_legal_sheet .wallet_state_actions .wallet_button { min-height: 34px; padding: 6px 8px; }


  .wallet_global_modal--security .wallet_modal_compact_header .wallet_eyebrow { display: none; }
  .wallet_global_modal--security .wallet_modal_compact_header { grid-template-columns: 28px minmax(0, 1fr) 32px; gap: 7px; }
  .wallet_global_modal--security .wallet_global_modal_mark { width: 28px; height: 28px; font-size: 15px; }
  .wallet_global_modal--security .wallet_modal_dismiss { min-height: 32px; width: 32px; }
  .wallet_global_modal--security .wallet_security_action_list > button { min-height: 39px; padding: 6px 8px; }
  .wallet_global_modal--security .wallet_security_address { padding: 7px; }

  .wallet_global_modal--security .wallet_display_currency small,
  .wallet_global_modal--security .wallet_security_action_list button small {
    display: none;
  }




  /* Safex Swap V2.7.6 native fit */
  .dashboard_panel--actions { padding: 6px 7px; }
  .safex_swap_mount { width: 100%; }
  .dashboard_main_overlay[data-overlay-kind="swap"] .safex_swap_workspace_modal { padding: 6px; }
  .safex_swap_dialog { width: calc(100vw - 12px); max-height: calc(var(--finale_visual_height, 100dvh) - 12px); }
  .safex_swap_dialog_card { max-height: calc(var(--finale_visual_height, 100dvh) - 12px); }
  .safex_swap_dialog_card > header,
  .safex_swap_dialog_body,
  .safex_swap_dialog_card > footer { padding-left: 14px; padding-right: 14px; }
  .safex_swap_dialog_card > footer { flex-wrap: wrap; }
  .safex_swap_primary_button,
  .safex_swap_secondary_button,
  .safex_swap_danger_button { flex: 1 1 auto; }
  .safex_swap_dialog--payment .safex_swap_dialog_card > header { padding-top: 12px; padding-bottom: 9px; }
  .safex_swap_dialog--payment .safex_swap_dialog_body { padding-top: 9px; padding-bottom: 8px; scrollbar-gutter: auto; }
  .safex_swap_dialog--payment .safex_swap_dialog_card > footer { padding-top: 8px; padding-bottom: 8px; }
  .safex_swap_destination_choice { padding: 8px 9px; }
  .safex_swap_acknowledgements { gap: 6px; }
  .safex_swap_acknowledgements label { padding: 8px 9px; }
}

@media (min-width: 431px) and (max-width: 700px) {
  :root {
    --ui-type-micro: 10.5px;
    --ui-type-meta: 11.5px;
    --ui-type-body: 13.5px;
    --ui-type-control: 12px;
    --ui-type-financial: 13px;
    --ui-type-value: 15px;
    --final-header: clamp(44px, 6dvh, 50px);
    --support-band: clamp(124px, 15dvh, 140px);
    --final-actions: var(--support-band);
    --final-mining: var(--support-band);
    --final-footer: clamp(24px, 3.4dvh, 28px);
    --final-activity: clamp(140px, 28vw, 190px);
    --final-task-activity: var(--final-activity);
    --final-logo-col: 104px;
    --mobile-header-controls: 124px;
  }

  .dashboard_logo_wordmark { width: 86px; }
  .header_state_detail { font-size: var(--ui-type-micro); }

  .wallet_workspace {
    padding: 6px;
    gap: 6px;
  }

  .wallet_asset_option {
    min-height: 62px;
    padding: 5px 6px;
    grid-template-columns: 16px minmax(0, 1fr);
    grid-template-areas: "icon identity" "balance balance" "meta meta";
    align-content: center;
    gap: 2px 5px;
  }
  .wallet_asset_option.is_single_balance { grid-template-areas: "icon identity" "balance balance"; }
  .wallet_asset_option_balance { width: 100%; justify-content: space-between; gap: 5px; }
  .wallet_asset_total { width: 100%; justify-content: flex-end; }
  .wallet_asset_total b { max-width: 100%; font-size: var(--ui-type-value); }

  .wallet_home_address { grid-template-columns: minmax(0, 1fr) 66px; }
  .wallet_home_address_actions { width: 66px; grid-template-columns: minmax(0, 1fr); grid-template-rows: repeat(2, minmax(0, 1fr)); }
  .wallet_home_address code { line-height: 1.42; }

  .wallet_send_workspace_header h2,
  .wallet_review_header h2 { font-size: 15px; }
  .wallet_receive_body { grid-template-columns: 162px minmax(0, 1fr); }
  .wallet_qr_mount--large { width: min(100%, 156px); }
  .wallet_qr_mount--large svg,
  .wallet_qr_mount--large canvas { width: 100%; max-height: 156px; }

  .activity_label_compact { display: inline; }
  .activity_tab { gap: 3px; font-size: 11px; }
  .activity_tab_icon { width: 12px; height: 12px; }
  .history_transaction_copy small,
  .history_transaction_amount small,
  .wallet_account_row small { font-size: var(--ui-type-micro); }

  .activity_view {
    padding-block: 4px;
    padding-inline: var(--activity-gutter-inline);
  }

  .mempool_transaction_row,
  .history_transaction,
  .wallet_account_row {
    min-height: 48px;
    padding: 6px 5px;
  }

  .dashboard_panel--actions { padding: 7px 9px; }

  .dashboard_panel--mining_one { padding: 4px 5px; }
  .mining_hashrate,
  .mining_reward,
  .supply_amount { font-size: 11.5px; }
  .mining_card_footer,
  .target_delta,
  .reward_epoch_value,
  .reward_epoch_days,
  .reward_epoch_height { font-size: var(--ui-type-micro); }
  .dashboard_panel--footer button { font-size: 11px; }
}

@media (min-width: 701px) and (max-width: 900px) {
  :root {
    --ui-type-classification: 10px;
    --ui-type-micro: 10.5px;
    --ui-type-meta: 11.5px;
    --ui-type-body: 13.5px;
    --ui-type-control: 12px;
    --ui-type-financial: 13px;
    --ui-type-value: 15px;
    --ui-type-heading: 16px;
    --final-header: 50px;
    --support-band: clamp(132px, 16dvh, 168px);
    --final-actions: var(--support-band);
    --final-mining: var(--support-band);
    --final-footer: 28px;
    --final-activity: clamp(230px, 29vw, 290px);
    --final-task-activity: var(--final-activity);
    --final-logo-col: 124px;
  }

  .site_shell {
    display: grid;
    place-items: center;
    padding: 10px;
  }

  .dashboard {
    width: min(100%, 880px);
    height: 100%;
    grid-template-columns: var(--final-logo-col) minmax(0, 1fr) var(--final-activity);
    border: 1px solid var(--ui-line-soft);
    border-radius: 14px;
    background:
      radial-gradient(circle at 12% 8%, rgba(39, 227, 164, 0.08), transparent 30%),
      radial-gradient(circle at 88% 8%, rgba(71, 215, 237, 0.08), transparent 28%),
      rgba(248, 255, 252, 0.97);
    box-shadow: 0 18px 44px rgba(18, 70, 81, 0.10);
  }
  html[data-wallet-stage-mode="task"] .dashboard,
  html[data-wallet-stage-mode="onboarding"] .dashboard { grid-template-columns: var(--final-logo-col) minmax(0, 1fr) var(--final-task-activity); }
  .dashboard_panel--logo { grid-column: 1; grid-row: 1; width: auto; justify-self: stretch; padding: 6px 10px; }
  .dashboard_logo_wordmark { width: 100px; max-height: 29px; }
  .dashboard_panel--header_state { grid-column: 1 / -1; grid-row: 1; margin: 0; padding: 4px 8px 5px; }
  .header_state_primary { font-size: 16px; }
  .dashboard_panel--wallet_controls { grid-column: 3; grid-row: 1; width: auto; justify-self: stretch; padding: 5px 7px; }
  .header_wallet_button { min-height: 34px; gap: 4px; font-size: 11px; }
  .header_wallet_button span { display: inline; }
  .header_state_detail { font-size: 10.5px; }
  .wallet_asset_option_copy strong { font-size: 10.5px; }
  .wallet_asset_total b { font-size: 15px; }
  .wallet_asset_option_meta { font-size: 10px; }
  .wallet_home_address code { line-height: 1.42; }
  .wallet_home_address_label { font-size: 10px; }
  .mempool_transaction_hash,
  .mempool_transaction_owner_badge,
  .mempool_transaction_status { font-size: 10px; }
  .history_transaction_title strong { font-size: 11px; }
  .history_transaction_copy small,
  .history_transaction_amount small,
  .wallet_account_row small { font-size: 10.5px; }
  .history_receipt_lifecycle span,
  .history_receipt_meta dt,
  .history_receipt_meta code { font-size: 10.5px; }
  .history_receipt_meta button { font-size: 11px; }
  .history_transaction_amount strong,
  .wallet_account_row strong { font-size: 11.5px; }
  .dashboard_panel--primary,
  .dashboard_main_overlay { grid-column: 1 / 3; grid-row: 2; }
  .dashboard_panel--mempool_body { grid-column: 3; grid-row: 2; padding: 7px 7px 7px 4px; }
  .wallet_panel_mount { padding: 7px 4px 7px 7px; }
  .activity_label_full { display: inline; }
  .activity_tab { gap: 2px; }
  .activity_view { padding-block: 5px; padding-inline: var(--activity-gutter-inline); }
  .mempool_transaction_row { grid-template-columns: 17px minmax(0, 1fr) auto; grid-template-areas: "icon copy status"; min-height: 44px; padding: 6px 4px; }
  .activity_amount_full { display: inline; }
  .activity_amount_compact { display: none; }
  .history_transaction { grid-template-columns: 22px minmax(0, 1fr) auto; grid-template-areas: none; align-items: center; }
  .history_transaction_title { display: flex; }
  .history_transaction_amount { grid-area: auto; justify-items: end; text-align: right; }
  .history_transaction_amount small { display: block; }
  .activity_hash_full,
  .activity_status_full,
  .activity_title_full,
  .activity_account_full,
  .history_transaction_age { display: inline; }
  .activity_hash_compact,
  .activity_status_compact,
  .activity_title_compact,
  .activity_account_compact { display: none; }
  .wallet_asset_option { min-height: 54px; padding: 6px 8px; }
  .wallet_home_address { grid-template-columns: minmax(0, 1fr) 72px; }
  .wallet_home_address_actions { width: 72px; grid-template-columns: minmax(0, 1fr); grid-template-rows: repeat(2, minmax(0, 1fr)); }
  .wallet_workspace_modal--send .wallet_workspace_modal_dialog { width: min(calc(100vw - 24px), 620px); }
  .wallet_send_workspace_header h2,
  .wallet_review_header h2 { font-size: 16px; }
  .wallet_send_form--workspace { grid-template-columns: minmax(0, 1fr) 190px; grid-template-areas: "recipient amount" "preview preview"; gap: 8px; }
  .wallet_recipient_validation.is_idle,
  .wallet_recipient_validation.is_valid { display: block; }
  .wallet_review_header > div > p:not(.wallet_eyebrow),
  .wallet_preflight_pill,
  .wallet_technical_details { display: block; }
  .wallet_inline_review_body { overflow: auto; }
  .wallet_receive_body { grid-template-columns: minmax(180px, .68fr) minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); }
  .wallet_qr_mount--large { width: min(100%, 170px); }
  .wallet_qr_mount--large svg,
  .wallet_qr_mount--large canvas { width: 100%; max-height: 170px; }
  .wallet_crypto_card--public .wallet_crypto_value { line-height: 1.45; }
  .wallet_restore_source_picker { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .wallet_mnemonic_grid { grid-template-columns: repeat(auto-fit, minmax(108px, 1fr)); }
  .dashboard_panel--actions { padding: 8px 12px; }
  .mining_card_kicker,
  .mining_metric_label { font-size: var(--ui-type-micro); }
  .mining_block_height { font-size: 14px; }
  .mining_hashrate,
  .mining_reward,
  .supply_amount { font-size: 12px; }
  .mining_unit,
  .target_delta,
  .reward_epoch_value,
  .reward_epoch_days,
  .reward_epoch_height,
  .mining_card_footer { font-size: var(--ui-type-micro); }
  .dashboard_panel--footer button { font-size: 11px; }
  .reward_epoch_icon,
  .reward_epoch_label { display: initial; }
  .reward_epoch { grid-template-columns: auto auto auto auto minmax(0, 1fr); }
}

@media (min-width: 901px) {
  :root { --final-header: 54px; --support-band: clamp(120px, 17dvh, 152px); --final-actions: var(--support-band); --final-mining: var(--support-band); --final-footer: 30px; --final-activity: clamp(270px, 25vw, 350px); --final-task-activity: var(--final-activity); --final-logo-col: clamp(150px, 20vw, 280px); }
  .dashboard { grid-template-columns: var(--final-logo-col) minmax(0, 1fr) var(--final-activity); }
  html[data-wallet-stage-mode="task"] .dashboard { grid-template-columns: var(--final-logo-col) minmax(0, 1fr) var(--final-task-activity); }
  .dashboard_panel--logo { padding: 7px 14px; }
  .dashboard_logo_wordmark { width: 104px; max-height: 31px; }
  .dashboard_panel--header_state { padding-inline: 12px; }
  .header_state_primary { font-size: 17px; }
  .header_state_detail { font-size: 11px; }
  .dashboard_panel--wallet_controls { padding: 6px 10px; }
  .header_wallet_button { min-height: 36px; font-size: 12px; }
  .wallet_panel_mount { padding: 8px 5px 8px 8px; }
  .dashboard_panel--mempool_body { padding: 8px 12px 8px 5px; }
  .wallet_workspace { padding: 8px; gap: 8px; }
  .activity_panel { border-radius: 12px; }
  .activity_tabs { grid-template-columns: repeat(3, minmax(0, 1fr)); padding-block: 6px; padding-inline: var(--activity-gutter-inline); gap: 5px; }
  .activity_tab { min-height: 36px; padding: 6px 7px; font-size: 11.5px; }
  html[data-wallet-stage-mode="task"] .activity_tab { padding-inline: 4px; gap: 3px; }
  .activity_label_full { display: inline; }
  .activity_view { padding-block: 7px; padding-inline: var(--activity-gutter-inline); }
  .mempool_transaction_row,
  .history_transaction,
  .wallet_account_row { min-height: 52px; padding: 8px; }
  .history_transaction_icon { display: grid; place-items: center; }
  .dashboard_panel--actions { padding: 9px 16px; }
  .dashboard_panel--mining_one { padding: 7px; }
  .mining_stats { gap: 7px; }
  .mining_card_header { grid-template-columns: 24px minmax(0, 1fr); padding: 8px 10px 5px; column-gap: 7px; }
  .mining_card_icon { width: 24px; height: 24px; }
  .mining_card_icon svg { width: 18px; height: 18px; }
  .mining_block_height { font-size: 18px; }
  .mining_card_body { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; padding: 7px 10px; }
  .mining_metric { grid-template-columns: 1fr; gap: 3px; }
  .mining_metric + .mining_metric { padding-left: 8px; border-left: 1px solid var(--ui-line-soft); }
  .mining_value_line { justify-content: flex-start; }
  .mining_hashrate,
  .mining_reward,
  .supply_amount { font-size: 15px; }
  .target_delta { display: block; justify-self: start; }
  .mining_card_footer,
  .reward_epoch { min-height: 26px; padding: 4px 10px; }
  .supply_card_body { padding: 7px 10px; gap: 6px; }
  .supply_progress { height: 6px; }
  .reward_epoch_icon,
  .reward_epoch_label,
  .reward_epoch_height { display: initial; }
  .reward_epoch { grid-template-columns: auto auto auto auto minmax(0, 1fr); }
  .wallet_global_modal_dialog--secret { width: min(100%, 720px); }
  .wallet_workspace_modal--send { padding: 12px; place-items: center; }
  .wallet_workspace_modal--send .wallet_workspace_modal_dialog { width: min(100%, 700px); max-height: min(100%, 640px); align-self: center; }
  .wallet_workspace_modal--review .wallet_workspace_modal_dialog { height: min(calc(100% - 24px), 640px); }
  .wallet_workspace_modal--review .wallet_inline_review { height: 100%; }
  .wallet_send_workspace,
  .wallet_inline_review,
  .wallet_inline_receipt { padding: 14px; gap: 10px; }
  .wallet_send_form--workspace { grid-template-columns: minmax(0, 1fr) 230px; gap: 10px; }
  .wallet_send_workspace_actions .wallet_button,
  .wallet_inline_review_actions .wallet_button { flex: 0 0 auto; min-width: 140px; }
  .wallet_restore_source_picker { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .wallet_mnemonic_grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}

@media (min-width: 1200px) {
  :root { --final-header: 56px; --support-band: clamp(132px, 18dvh, 164px); --final-actions: var(--support-band); --final-mining: var(--support-band); --final-footer: 30px; --final-activity: clamp(290px, 24vw, 370px); --final-task-activity: var(--final-activity); --final-logo-col: clamp(220px, 21vw, 330px); }
  .wallet_panel_mount { padding: 10px 6px 10px 10px; }
  .dashboard_panel--mempool_body { padding: 10px 14px 10px 6px; }
  .wallet_workspace { padding: 10px; }
}

@media (min-width: 901px) and (max-height: 720px) {
  :root { --final-header: 48px; --support-band: 104px; --final-actions: var(--support-band); --final-mining: var(--support-band); --final-footer: 24px; --final-activity: clamp(280px, 29vw, 320px); --final-task-activity: var(--final-activity); }
  .dashboard_panel--actions { padding: 5px 12px; }
  .wallet_panel_mount { padding-block: 5px; }
  .dashboard_panel--mempool_body { padding-block: 5px; }
  .wallet_workspace { padding: 5px; gap: 5px; }
  .wallet_asset_option { min-height: 56px; padding-block: 6px; }
  .wallet_home_surface { padding: 8px; gap: 6px; }
  .wallet_home_address { padding: 8px; gap: 7px; }
  .wallet_home_address code { margin-top: 4px; line-height: 1.35; }
  .dashboard_panel--mining_one { padding: 3px 5px; }
  .mining_card { grid-template-rows: 22px minmax(0, 1fr) 16px; }
  .mining_card_header { grid-template-columns: 14px minmax(0, 1fr) auto; grid-template-areas: "icon kicker height"; padding: 2px 6px 1px; column-gap: 4px; }
  .mining_card_icon,
  .mining_card_icon svg { width: 14px; height: 14px; }
  .mining_card_kicker,
  .mining_metric_label,
  .mining_hashrate,
  .mining_reward,
  .supply_amount,
  .mining_unit,
  .reward_epoch_value,
  .reward_epoch_days,
  .mining_card_footer { font-size: 12px; line-height: 1; }
  .mining_block_height { font-size: 13px; }
  .mining_card_body,
  .supply_card_body { padding: 2px 6px; gap: 2px; }
  .mining_metric { gap: 1px; }
  .mining_metric + .mining_metric { padding-left: 6px; }
  .mining_card_footer,
  .reward_epoch { min-height: 16px; padding: 1px 6px; }
  .target_delta,
  .reward_epoch_icon,
  .reward_epoch_label,
  .reward_epoch_height { display: none; }
  .reward_epoch { grid-template-columns: auto minmax(0, 1fr); }
  .supply_progress { height: 3px; }
  .wallet_global_modal_dialog { max-height: 96dvh; }

  .activity_tabs { gap: 1px; padding-block: 4px; padding-inline: var(--activity-gutter-inline); }
  .activity_tab { min-height: 32px; padding: 4px 2px; gap: 1px; font-size: 13px; }
  .activity_tab_icon { width: 14px; height: 14px; }
  html[data-wallet-stage-mode="task"] .activity_label_full,
  html[data-wallet-stage-mode="onboarding"] .activity_label_full { display: none; }
  html[data-wallet-stage-mode="task"] .activity_label_compact,
  html[data-wallet-stage-mode="onboarding"] .activity_label_compact { display: inline; }

  .wallet_workspace_modal--receive { padding: 4px; place-items: stretch; }
  .wallet_workspace_modal_dialog--receive { width: min(100%, 620px); height: 100%; max-height: 100%; align-self: stretch; }
  .wallet_receive_sheet { height: 100%; padding: 7px; gap: 5px; }
  .wallet_receive_header { align-items: center; }
  .wallet_receive_header p:last-child { display: none; }
  .wallet_receive_body { grid-template-columns: 190px minmax(0, 1fr); gap: 7px; overflow: hidden; }
  .wallet_receive_qr_card { padding: 4px; }
  .wallet_qr_mount--large { width: 180px; }
  .wallet_qr_mount--large svg,
  .wallet_qr_mount--large canvas { width: 180px; max-height: 180px; }
  .wallet_crypto_card--public { padding: 7px; }
  .wallet_crypto_card--public .wallet_crypto_value { margin-top: 4px; line-height: 1.45; }
  .wallet_receive_actions { gap: 6px; }
  .wallet_receive_actions .wallet_button { min-height: 34px; padding: 5px 8px; }

  /* Keep the selected recovery control immediately visible on short desktop stages. */
  .wallet_state_view--restore_import.is_restore_source_selected .wallet_state_header { display: none; }
  .wallet_state_view--restore_import.is_restore_source_selected .wallet_restore_source_picker.is_compact { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 4px; }
  .wallet_state_view--restore_import.is_restore_source_selected .wallet_restore_source_button { min-height: 36px; padding: 4px; }
  .wallet_state_view--restore_import.is_restore_source_selected .wallet_restore_source_panel { padding: 7px; gap: 5px; }
  .wallet_state_view--restore_import.is_restore_source_selected .wallet_restore_source_panel > .wallet_eyebrow,
  .wallet_state_view--restore_import.is_restore_source_selected .wallet_restore_source_panel .wallet_field_hint,
  .wallet_state_view--restore_import.is_restore_source_selected .wallet_file_panel_header .wallet_eyebrow,
  .wallet_state_view--restore_import.is_restore_source_selected .wallet_file_panel_header p:not(.wallet_eyebrow),
  .wallet_state_view--restore_import.is_restore_source_selected .wallet_file_badge { display: none; }
  .wallet_state_view--restore_import.is_restore_source_selected .wallet_restore_source_panel h2 { font-size: 16px; }
  .wallet_state_view--restore_import.is_restore_source_selected .wallet_form { gap: 5px; }
  .wallet_state_view--restore_import.is_restore_source_selected .wallet_restore_source_panel textarea[data_restore_secret] { min-height: 72px; }

  .wallet_workspace_modal--send { padding: 4px; place-items: stretch; }
  .wallet_workspace_modal--send .wallet_workspace_modal_dialog { height: 100%; max-height: 100%; align-self: stretch; }
  .wallet_send_workspace,
  .wallet_inline_review { height: 100%; padding: 7px; gap: 5px; }
  .wallet_send_workspace { grid-template-rows: auto minmax(0, 1fr) auto; }
  .wallet_send_workspace_header,
  .wallet_review_header { gap: 1px; }
  .wallet_send_workspace_header h2,
  .wallet_review_header h2 { font-size: 16px; }
  .wallet_send_form--workspace { gap: 6px; }
  .wallet_send_field { gap: 4px; }
  .wallet_recipient_actions { gap: 5px; }
  .wallet_recipient_validation { padding: 5px 8px; }
  .wallet_send_fee_preview { padding: 7px 9px; gap: 6px; }
  .wallet_send_workspace_actions .wallet_button,
  .wallet_inline_review_actions .wallet_button { min-height: 36px; padding-block: 6px; }

  .wallet_review_header .wallet_eyebrow,
  .wallet_review_header > div > p:not(.wallet_eyebrow),
  .wallet_preflight_pill { display: none; }
  .wallet_technical_details { display: block; }
  .wallet_inline_review_body { overflow: auto; }
  .wallet_review_summary { gap: 4px; }
  .wallet_review_amount { grid-template-columns: auto auto; align-items: baseline; justify-content: start; gap: 8px; }
  .wallet_review_amount strong { font-size: 19px; }
  .wallet_review_address_card { padding: 6px; }
  .wallet_review_address { margin-top: 2px; font-size: var(--ui-type-crypto); line-height: 1.3; }
  .wallet_review_financials { gap: 4px; }
  .wallet_review_financials > div { padding: 4px 6px; gap: 1px; }
  .wallet_review_financials dt { font-size: 12px; }
  .wallet_review_financials dd { font-size: 12.5px; line-height: 1.2; }
  .wallet_inline_review_actions { gap: 6px; }

}

@media (min-width: 901px) and (max-width: 1100px) and (min-height: 900px) {
  :root { --support-band: 128px; --final-actions: var(--support-band); --final-mining: var(--support-band); --final-footer: 30px; }
  .wallet_panel_mount,
  .dashboard_panel--mempool_body { padding-top: 8px; padding-bottom: 8px; }
}

@media (max-width: 900px) and (max-height: 460px) {
  :root { --final-header: 40px; --support-band: 72px; --final-actions: var(--support-band); --final-mining: var(--support-band); --final-footer: 0px; }
  .dashboard_panel--actions,
  .dashboard_panel--mining_one { visibility: visible; overflow: hidden; }
  .dashboard_panel--footer { visibility: hidden; overflow: hidden; }

  .dashboard_main_overlay[data-overlay-kind="onboarding"] .wallet_workspace_modal {
    padding: 4px;
    place-items: center;
  }
  .dashboard_main_overlay[data-overlay-kind="onboarding"] .wallet_workspace_modal_dialog {
    height: 78dvh;
    max-height: calc(100dvh - 8px);
    align-self: center;
  }
  .dashboard_main_overlay[data-overlay-kind="onboarding"] .wallet_state_view,
  .dashboard_main_overlay[data-overlay-kind="onboarding"] .wallet_state_view--form {
    height: 100%;
    max-height: 100%;
  }
  .dashboard_main_overlay[data-overlay-kind="onboarding"] .wallet_state_view--form {
    grid-template-rows: auto minmax(0, 1fr) auto;
  }
  .dashboard_main_overlay[data-overlay-kind="onboarding"] .wallet_state_scroll {
    max-height: none;
    overflow: auto;
  }

  .wallet_workspace_modal--review { padding: 4px; place-items: center; }
  .wallet_workspace_modal--review .wallet_workspace_modal_dialog {
    height: calc(100% - 8px);
    max-height: calc(100% - 8px);
    align-self: center;
  }
  .wallet_workspace_modal--review .wallet_inline_review { height: 100%; }

  .dashboard_panel--actions { padding: 3px 5px; }
  .dashboard_panel--mining_one { padding: 1px 3px; }
  .mining_card { grid-template-rows: 18px minmax(0, 1fr); }
  .mining_card_footer,
  .reward_epoch { display: none; }



  /* Safex Swap compact landscape stress mode */
  .safex_swap_mount,
  .safex_swap_loading,
  .safex_swap_unavailable,
  .safex_swap_widget { height: 64px; min-height: 64px; }
  .safex_swap_widget { grid-template-columns: 62px minmax(78px, .9fr) minmax(96px, 1.2fr) 72px; grid-template-rows: 58px; padding: 3px 5px; gap: 3px; }
  .safex_swap_widget_status { display: none; }
  .safex_swap_asset_switch { gap: 2px; }
  .safex_swap_asset_button { height: 26px; font-size: 10px; }
  .safex_swap_asset_button img { width: 12px; height: 12px; }
  .safex_swap_usd_field { gap: 1px; }
  .safex_swap_usd_field > span,
  .safex_swap_quote_result > span { font-size: 9.5px; }
  .safex_swap_usd_field > div { height: 32px; }
  .safex_swap_usd_field input { height: 30px; font-size: 12px; }
  .safex_swap_quote_result strong { font-size: 11px; }
  .safex_swap_quote_result small { font-size: 9.5px; }
  .safex_swap_continue_button { height: 32px; font-size: 10px; }
  .safex_swap_active_order { grid-template-rows: 32px 10px 10px; }
  .safex_swap_active_order--reconnect,
  .safex_swap_widget--order:not(.is-payable) .safex_swap_active_order { grid-template-rows: 40px 10px; }
  .safex_swap_compact_primary { grid-template-columns: 30px minmax(0, 1fr) auto; gap: 4px; }
  .safex_swap_widget--order:not(.is-payable) .safex_swap_compact_primary { grid-template-columns: minmax(0, 1fr) auto; }
  .safex_swap_compact_qr { width: 30px; height: 30px; }
  .safex_swap_compact_qr svg { width: 28px; height: 28px; }
  .safex_swap_active_order_copy strong { font-size: 10px; }
  .safex_swap_active_order_copy small { font-size: 9px; }
  .safex_swap_active_order_actions button { height: 26px; font-size: 9.5px; }
  .safex_swap_compact_literal_row,
  .safex_swap_compact_literal_row.has-trailing { gap: 3px; }
  .safex_swap_compact_literal_row span,
  .safex_swap_compact_literal_row code,
  .safex_swap_compact_literal_row button,
  .safex_swap_compact_literal_row > strong { font-size: 9px; }
  .safex_swap_compact_literal_row button { height: 15px; padding: 0 4px; border-radius: 3px; }
}

html[data-keyboard-open="true"] .dashboard { grid-template-rows: var(--final-header) minmax(0, 1fr) 0 0 0; }

html[data-keyboard-open="true"] .dashboard_panel--actions,
html[data-keyboard-open="true"] .dashboard_panel--mining_one,
html[data-keyboard-open="true"] .dashboard_panel--footer { visibility: hidden; overflow: hidden; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto; animation-duration: 1ms; animation-iteration-count: 1; transition-duration: 1ms; }
}

@media (prefers-contrast: more) {
  :root { --ui-line-soft: rgba(6, 38, 52, .35); --ui-line: rgba(6, 38, 52, .5); --ui-line-strong: rgba(6, 38, 52, .72); }
}

@media print {
  html, body { overflow: visible; background: #fff; }
  body > *:not(.wallet_print_sheet) { display: none; }
  .wallet_print_sheet { display: block; width: 100%; color: #111; font-family: var(--ui-font-sans); }
  .wallet_print_recovery_grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
  .wallet_print_recovery_card { break-inside: avoid; padding: 16px; border: 2px solid #333; border-radius: 10px; }
  .wallet_print_recovery_card--secret { border-color: #b46a00; }
  .wallet_print_classification { font-weight: 700; text-transform: uppercase; }
  .wallet_print_address,
  .wallet_print_secret { font-family: var(--ui-font-mono); font-size: 12pt; line-height: 1.45; overflow-wrap: anywhere; }
}