/* Shared presentation rules, loaded after legacy page batches. */
html.ui-batch-1 body { font-size: var(--font-size-sm); line-height: var(--line-height-body); }
html.ui-batch-1 body .phone-page { padding-inline: var(--space-4); }
/* One content shell for every route and its fixed navigation. */
html.ui-batch-1 body :is(.phone-page,.kyc-flow-page) { width: min(100%,var(--app-shell-width)); max-width: var(--app-shell-width); }
html.ui-batch-1 body :is(.bottom-nav,.kyc-sticky-action,.kyc-step-actions,.picker-panel,.order-detail-panel) { width: min(100%,var(--app-shell-width)); max-width: var(--app-shell-width); }
html.ui-batch-1 body :is(.drawer-panel,.account-settings-panel) { width: min(100vw,var(--app-shell-width)); max-width: var(--app-shell-width); }
html.ui-batch-1 body :is(.auth-form-card,.auth-support-link,.auth-security-note) { max-width: 430px; margin-inline: auto; }
html.ui-batch-1 body .phone-page :is(.simple-header,.records-header,.center-header,.convert-header,.market-detail-header,.discover-header,.auth-header,.trade-header,.home-top-row,.assets-hero-header) {
  min-height: var(--header-height); height: auto; margin-bottom: var(--space-6); padding-block: 0; align-items: center;
}
html.ui-batch-1 body :is(.simple-header,.records-header,.center-header,.convert-header,.market-detail-header,.discover-header,.auth-header,.trade-header) :is(h1,.discover-title) {
  font-size: var(--font-size-lg); font-weight: var(--font-weight-title); line-height: var(--line-height-title); letter-spacing: -.02em;
}
html.ui-batch-1 body :is(.simple-header,.records-header,.center-header,.convert-header,.market-detail-header,.auth-header,.trade-header) :is(.icon-button,.auth-nav-button,.history-link-button) {
  width: var(--control-height-md); height: var(--control-height-md); min-width: var(--control-height-md); padding: 0;
  border: 0; border-radius: var(--radius-sm); background: transparent; box-shadow: none; color: var(--text-secondary);
}
html.ui-batch-1 body :is(.simple-header,.records-header,.center-header,.convert-header,.market-detail-header,.auth-header,.trade-header) :is(.icon-button,.auth-nav-button,.history-link-button) svg { width: 20px; height: 20px; }
html.ui-batch-1 body :is(.primary-pill,.outline-pill,.auth-primary-button,.assets-action) {
  min-height: var(--control-height-lg); border-radius: var(--radius-md); font-size: var(--font-size-primary); font-weight: 600; line-height: 1.4;
}
html.ui-batch-1 body :is(.stack-form,.kyc-form-card,.auth-form-card) { gap: var(--space-5); }
html.ui-batch-1 body :is(.stack-form,.kyc-form-card,.auth-form-card) label { font-size: var(--font-size-secondary); }
html.ui-batch-1 body :is(.stack-form,.kyc-form-card) :is(input:not([type="file"]),select,.form-select-trigger) {
  min-height: var(--control-height-lg); border-radius: var(--radius-md); font-size: var(--font-size-sm);
}
html.ui-batch-1 body :is(.field-hint,.field-note,.secure-note,.auth-security-note,.panel-heading > span) { font-size: var(--font-size-secondary); line-height: var(--line-height-body); }
html.ui-batch-1 body .bottom-nav svg { width: 22px; height: 22px; }
html.ui-batch-1 body .bottom-nav a span { font-size: var(--font-size-xs); }
html.ui-batch-1 body :is(.section-title h2,.assets-section-head h2,.assets-token-section h2,.panel-heading h2,.address-section-title,.related-head h2) { font-size: var(--font-size-section); font-weight: 600; }
html.ui-batch-1 body :is(.history-record-status,.order-status,.notification-tag,.merchant-status-badge) { min-height: 24px; font-size: var(--font-size-xs); font-weight: 500; line-height: 1.4; }
html.ui-batch-1 body :is(.history-record-status,.merchant-status-badge) { padding: 4px 8px; border: 0; border-radius: var(--radius-sm); background: var(--surface-2); color: var(--text-secondary); }
html.ui-batch-1 body .history-record-status { max-width: none; white-space: nowrap; align-self: start; }
html.ui-batch-1 body :is(.history-record-status,.merchant-status-badge).success { background: color-mix(in srgb,var(--positive) 12%,transparent); color: var(--positive); }
html.ui-batch-1 body :is(.history-record-status,.merchant-status-badge).danger { background: color-mix(in srgb,var(--negative) 12%,transparent); color: var(--negative); }
html.ui-batch-1 body :is(.history-record-status,.merchant-status-badge).pending { background: var(--brand-soft); color: var(--brand-strong); }
html.ui-batch-1 body :is(.history-record-card,.center-card,.announcement-list article,.announcement-page-list article,.merchant-overview-row) { border-color: var(--divider); }
html.ui-batch-1 body :is(.order-detail-row,.order-detail-panel > header,.order-detail-timeline li,.order-detail-ledgers > div) { border-color: var(--divider); }
html.ui-batch-1 body :is(time,.order-detail-timeline time,.order-detail-ledgers time) { white-space: normal; overflow-wrap: anywhere; }
html.ui-batch-1 body [data-picker-option].is-selected::after { content: '✓'; flex: 0 0 20px; margin-left: auto; color: var(--brand); font-size: 18px; }
html.ui-batch-1 body .saved-address-value { color: var(--text-primary); font-family: ui-monospace,monospace; font-size: var(--font-size-secondary); font-weight: 400; line-height: 1.5; word-break: break-all; overflow-wrap: anywhere; }
html.ui-batch-1 body [data-address-book-option] { border-radius: var(--radius-md); }
html.ui-batch-1 body [data-address-book-option] strong { font-size: var(--font-size-primary); font-weight: 500; }
html.ui-batch-1 body [data-address-book-option] small { font-weight: 400; }
html.ui-batch-1 body .picker-panel { border-radius: var(--radius-dialog) var(--radius-dialog) 0 0; }
html.ui-batch-1 body :is(.result-dialog,.confirm-dialog) { padding: var(--space-5); border-radius: var(--radius-dialog); background: var(--surface-1); }
html.ui-batch-1 body :is(.result-dialog,.confirm-dialog,.picker-panel) h2 { font-size: var(--font-size-section); font-weight: 600; line-height: 1.4; }
html.ui-batch-1 body :is(.result-dialog,.confirm-dialog) :is(p,dt,dd,.quote-card span,.quote-card strong) { font-size: var(--font-size-sm); line-height: var(--line-height-body); }
html.ui-batch-1 body :is(.result-dialog,.confirm-dialog) :is(.primary-pill,.outline-pill) { min-height: 46px; font-size: var(--font-size-primary); }
html.ui-batch-1 body :is(.picker-panel,.confirm-dialog) :is(small,.field-hint) { font-size: var(--font-size-secondary); }

/* Audit batch A: shared notice and confirmation presentation. */
/* Batch B reuses the same tokens for transient feedback and existing UI states. */
html.ui-batch-1 body .ui-feedback {
  position: fixed; z-index: 120; left: 50%; bottom: calc(88px + env(safe-area-inset-bottom)); transform: translateX(-50%);
  width: min(358px,calc(100vw - 32px)); margin: 0; padding: 12px 16px;
  border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--surface-2);
  color: var(--positive); font-size: var(--font-size-sm); line-height: 1.5; box-shadow: var(--shadow-raised); pointer-events: none;
}
html.ui-batch-1 body .ui-feedback[data-tone="error"] { color: var(--negative); }
html.ui-batch-1 body :is([role="dialog"],dialog) > .ui-feedback { position: sticky; left: auto; bottom: 0; transform: none; width: auto; margin-top: 12px; }
html.ui-batch-1 body .center-detail-feedback { grid-column: 1 / -1; display: grid; gap: 12px; padding-block: 12px; font-size: var(--font-size-secondary); color: var(--text-secondary); }
html.ui-batch-1 body .center-detail-feedback[data-type="error"] { color: var(--negative); }
html.ui-batch-1 body .center-detail-feedback button { justify-self: start; min-height: 44px; padding: 8px 16px; }
html.ui-batch-1 body .ui-unavailable-note { margin: 0 0 16px; color: var(--text-secondary); font-size: var(--font-size-xs); line-height: 1.5; }
html.ui-batch-1 body .unavailable-control:disabled { color: var(--text-muted); opacity: .65; cursor: default; border-color: transparent; }
html.ui-batch-1 body .chart-range-tabs .unavailable-control:disabled::after { display: none; }
html.ui-batch-1 body .home-popup-panel {
  display: grid; grid-template-rows: auto auto minmax(0,1fr) auto; gap: 12px;
  width: min(352px,calc(100vw - 32px)); max-height: calc(100dvh - 32px);
  padding: var(--space-5); border: 1px solid var(--border); border-radius: var(--radius-dialog);
  background: var(--surface-1); text-align: left; overflow: hidden;
}
html.ui-batch-1 body .home-popup-tag {
  position: static; justify-self: start; min-height: 24px; margin: 0; padding: 0 8px;
  max-width: calc(100% - 44px); border: 0; border-radius: var(--radius-sm);
  background: var(--surface-3); color: var(--text-secondary); font-size: var(--font-size-xs); font-weight: 500;
}
html.ui-batch-1 body .home-popup-close { top: 10px; right: 10px; width: 44px; height: 44px; }
html.ui-batch-1 body .home-popup-panel h2 {
  margin: 0; padding: 0; color: var(--text-primary); font-size: var(--font-size-section);
  font-weight: 600; line-height: 1.4; overflow-wrap: anywhere;
}
html.ui-batch-1 body .home-popup-panel > p {
  min-height: 0; max-width: 100%; margin: 0; overflow-y: auto; overscroll-behavior: contain;
  color: var(--text-secondary); font-size: var(--font-size-sm); line-height: var(--line-height-body);
  text-align: left; white-space: pre-wrap;
}
html.ui-batch-1 body .home-popup-actions { margin: 4px 0 0; gap: 8px; }
html.ui-batch-1 body .home-popup-actions:has(> [hidden]):not(:has(> :not([hidden]))) { display: none; }
html.ui-batch-1 body :is(.confirm-dialog,.result-dialog) { max-height: calc(100dvh - 32px); overflow-y: auto; }
html.ui-batch-1 body .confirmation-summary { display: grid; gap: 0; margin: 20px 0; padding: 0; }
html.ui-batch-1 body .confirmation-summary[hidden] { display: none; }
html.ui-batch-1 body .confirmation-summary > div {
  display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.4fr); align-items: start;
  gap: 8px 16px; padding: 12px 0; border-bottom: 1px solid var(--divider);
}
html.ui-batch-1 body .confirmation-summary dt { margin: 0; color: var(--text-secondary); font-weight: 400; overflow-wrap: anywhere; }
html.ui-batch-1 body .confirmation-summary dd { min-width: 0; margin: 0; color: var(--text-primary); font-weight: 500; text-align: right; overflow-wrap: anywhere; }
html.ui-batch-1 body .confirmation-summary > .confirmation-address { grid-template-columns: minmax(0,1fr); }
html.ui-batch-1 body .confirmation-address dd { text-align: left; font-family: var(--font-family-mono,monospace); font-size: var(--font-size-secondary); }
html.ui-batch-1 body .confirmation-summary > :last-child { border-bottom: 0; }
html.ui-batch-1 body .confirmation-summary :is(.confirmation-total,.withdraw-confirm-total) dd { font-weight: 600; }
html.ui-batch-1 body .confirmation-summary :is(.confirmation-total,.withdraw-confirm-total) dt { color: var(--text-primary); }
html.ui-batch-1 body .result-dialog[data-type="success"] .result-dialog-icon { background: color-mix(in srgb,var(--positive) 12%,transparent); color: var(--positive); }
html.ui-batch-1 body .result-dialog[data-type="error"] .result-dialog-icon { background: color-mix(in srgb,var(--negative) 12%,transparent); color: var(--negative); }
html.ui-batch-1 body #kycRequiredDialog {
  width: min(336px,calc(100vw - 32px)); max-width: 336px;
  border-color: var(--border); background: var(--surface-1); box-shadow: var(--shadow-raised);
}
html.ui-batch-1 body #kycRequiredDialog .security-dialog-art { width: 52px; height: 52px; margin: 8px auto 16px; }
html.ui-batch-1 body #kycRequiredDialog .security-dialog-art::before,
html.ui-batch-1 body #kycRequiredDialog .security-dialog-art::after { display: none; }
html.ui-batch-1 body #kycRequiredDialog .security-dialog-art span { width: 52px; height: 52px; border: 0; background: var(--surface-3); color: var(--text-secondary); box-shadow: none; }
html.ui-batch-1 body #kycRequiredDialog .security-dialog-close { border-radius: var(--radius-md); }
html.ui-batch-1 body #kycRequiredDialog .security-dialog-actions { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; margin-top: 24px; }
html.ui-batch-1 body #kycRequiredDialog .security-dialog-actions button { grid-row: auto; border-radius: var(--radius-md); font-weight: 600; }
html.ui-batch-1 body #kycRequiredDialog .security-dialog-help { font-size: var(--font-size-secondary); }
html.ui-batch-1 body #kycRequiredDialog .security-dialog-help a { font-weight: 500; }
html.ui-batch-1:lang(zh) body :is(p,label,small,.field-hint,.notification-card-body,.kyc-copy,.address-value) { line-height: var(--line-height-body); }
html.ui-batch-1:lang(zh) body :is(button,.primary-pill,.outline-pill) { white-space: normal; overflow-wrap: break-word; }

/* P0 — improve quote legibility without changing Quick Sell layout. */
html.ui-batch-1 body .trade-page .trade-hero { padding: 12px; border-radius: var(--radius-md); }
html.ui-batch-1 body .trade-page .quick-form { gap: var(--space-field); }
html.ui-batch-1 body .trade-page :is(.trade-balance-meta,.trade-balance-main > span,.field-hint,.quote-card span) { font-size: var(--font-size-secondary); }
html.ui-batch-1 body .trade-page .quote-card strong { font-size: var(--font-size-sm); font-weight: 500; white-space: normal; overflow-wrap: anywhere; }
html.ui-batch-1 body .trade-page .quote-card > div { min-height: 28px; padding-block: 3px; }
html.ui-batch-1 body .trade-page .quote-card-final strong { font-size: var(--font-size-md); font-weight: 600; }
html.ui-batch-1 body .trade-page .trade-mode-tabs { gap: var(--space-5); overflow-x: auto; }
html.ui-batch-1 body .trade-page .trade-mode-tabs button { flex: 0 0 auto; font-size: var(--font-size-primary); white-space: nowrap; }
html.ui-batch-1 body .trade-page .quick-form .field-block { grid-template-columns: 94px minmax(0,1fr); }

/* Order cards: type/status first, amount next, then metadata in aligned rows.
   display:contents reflows existing markup without changing copy/detail bindings. */
html.ui-batch-1 body .order-card { display: grid; grid-template-columns: minmax(0,1fr) auto 44px; gap: 8px 10px; padding-block: 20px; }
html.ui-batch-1 body .order-card :is(.order-card-top,.order-card-title,.order-card-primary,.order-card-meta) { display: contents; }
html.ui-batch-1 body .order-card-title > strong { grid-column: 1; grid-row: 1; font-size: var(--font-size-primary); font-weight: 600; white-space: normal; }
html.ui-batch-1 body .order-card .order-status { grid-column: 2; grid-row: 1; align-self: start; min-height: 26px; font-size: var(--font-size-xs); padding-inline: 6px; }
html.ui-batch-1 body .order-details-trigger { grid-column: 3; grid-row: 1; width: 44px; height: 44px; align-self: start; background: transparent; }
html.ui-batch-1 body .order-card-primary > div:first-child { grid-column: 1 / -1; grid-row: 2; display: flex; gap: 8px; align-items: baseline; padding-bottom: 8px; border-bottom: 1px solid var(--divider); }
html.ui-batch-1 body .order-card-primary > div:first-child b { font-size: var(--font-size-md); font-weight: 600; white-space: normal; overflow-wrap: anywhere; }
html.ui-batch-1 body .order-card-primary > div:nth-child(2) { grid-column: 1 / -1; grid-row: 3; }
html.ui-batch-1 body .order-card-meta > div:first-child { grid-column: 1 / -1; grid-row: 4; }
html.ui-batch-1 body .order-card-meta > div:nth-child(2) { grid-column: 1 / -1; grid-row: 6; }
html.ui-batch-1 body .order-card :is(.order-card-primary > div:nth-child(2),.order-card-meta > div) { display: grid; grid-template-columns: 82px minmax(0,1fr); gap: 8px; align-items: center; text-align: left; }
html.ui-batch-1 body .order-id-label { grid-column: 1; grid-row: 5; align-self: center; font-size: var(--font-size-xs); }
html.ui-batch-1 body .order-card-title .copy-line { grid-column: 1 / -1; grid-row: 5; padding-left: 90px; justify-content: flex-end; }
html.ui-batch-1 body .order-card :is(.copy-line code,.order-card-primary span,.order-card-meta span) { font-size: var(--font-size-xs); font-weight: 400; }
html.ui-batch-1 body .order-card :is(.order-card-meta b,.order-card-primary > div:nth-child(2) b) { display: flex; justify-content: flex-end; min-width: 0; text-align: right; font-size: var(--font-size-secondary); font-weight: 500; white-space: normal; overflow-wrap: anywhere; }
html.ui-batch-1 body .order-card .copy-line button,
html.ui-batch-1 body .order-card-meta b button { width: 44px; height: 44px; flex: 0 0 44px; background: transparent; border: 0; }
html.ui-batch-1 body .order-detail-panel { padding: var(--space-5); border-radius: var(--radius-dialog) var(--radius-dialog) 0 0; }
html.ui-batch-1 body .order-detail-panel > header h2 { font-size: var(--font-size-section); font-weight: 600; }
html.ui-batch-1 body .order-detail-row { grid-template-columns: 90px minmax(0,1fr); padding-block: 12px; }
html.ui-batch-1 body .order-detail-row > b { font-size: var(--font-size-sm); font-weight: 500; }
html.ui-batch-1 body .order-detail-row > span { font-size: var(--font-size-secondary); }
html.ui-batch-1 body .order-detail-row button { width: 44px; height: 44px; background: transparent; border: 0; }
html.ui-batch-1 body :is(.order-detail-timeline time,.order-detail-ledgers time) { font-size: var(--font-size-xs); }

/* Deposit: smaller QR and no redundant spacing around its frame. */
html.ui-batch-1 body .deposit-qr-frame { width: 150px; min-height: 150px; height: 150px; padding: 0; margin-top: 6px; border-radius: var(--radius-md); }
html.ui-batch-1 body .deposit-qr-frame > img { width: 150px; height: 150px; }
html.ui-batch-1 body:has(#depositAmount) .form-page-context { margin-bottom: 16px; }
html.ui-batch-1 body:has(#depositAmount) .stack-form { gap: var(--space-field); }
html.ui-batch-1 body .deposit-address-row { margin-top: 0; }
html.ui-batch-1 body .deposit-address-row code { font-size: var(--font-size-sm); color: var(--text-primary); }
html.ui-batch-1 body .deposit-address-row .secondary-inline-button { min-height: var(--control-height-sm); }

/* Address cards retain both add entry points; the fixed one becomes secondary. */
html.ui-batch-1 body .address-book-card.address-book-card--saved { gap: 8px; padding-block: 16px; }
html.ui-batch-1 body .address-book-head { gap: 8px; }
html.ui-batch-1 body .address-book-head > div { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; }
html.ui-batch-1 body .address-book-head span { margin-top: 0; font-size: var(--font-size-secondary); }
html.ui-batch-1 body .address-value-wrap { gap: 4px; }
html.ui-batch-1 body .address-value { font-size: var(--font-size-sm); line-height: var(--line-height-body); }
html.ui-batch-1 body .address-card-actions { gap: 12px; }
html.ui-batch-1 body .address-action-button { min-height: var(--control-height-sm); font-size: var(--font-size-secondary); }
html.ui-batch-1 body .address-floating-add { background: var(--surface-2); border: 1px solid var(--border); color: var(--text-secondary); }
html.ui-batch-1 body .records-header .address-add-trigger { color: var(--brand); }
@media (min-width: 768px) { html.ui-batch-1 body .phone-page { padding-inline: var(--space-6); } }

/* P1 — finance summaries, verification and authentication. */
html.ui-batch-1 body .ledger-summary-card { margin-bottom: var(--space-6); }
html.ui-batch-1 body .ledger-summary-card article { padding-inline: 8px; gap: 6px; min-width: 0; }
html.ui-batch-1 body .ledger-summary-card article:first-child { padding-left: 0; }
html.ui-batch-1 body .ledger-summary-card article:last-child { padding-right: 0; }
html.ui-batch-1 body .ledger-summary-card strong { font-size: var(--font-size-section); font-weight: 600; white-space: normal; overflow-wrap: anywhere; }
html.ui-batch-1 body .ledger-summary-card span { font-size: var(--font-size-xs); }
html.ui-batch-1 body .ledger-summary-card small { font-size: var(--font-size-xs); }
html.ui-batch-1 body .center-filter-tabs { overflow-x: auto; gap: var(--space-field); }
html.ui-batch-1 body .center-filter-tabs button { flex: 0 0 auto; min-width: max-content; font-size: var(--font-size-secondary); white-space: nowrap; }
html.ui-batch-1 body .ledger-main strong { font-size: var(--font-size-primary); font-weight: 500; }
html.ui-batch-1 body .ledger-main span { font-size: var(--font-size-secondary); }
html.ui-batch-1 body .ledger-main small { font-size: var(--font-size-xs); }
html.ui-batch-1 body :is(.ledger-values b,.ledger-pair-leg b) { font-size: var(--font-size-md); font-weight: 600; white-space: normal; overflow-wrap: anywhere; }
html.ui-batch-1 body .center-card.ledger-card { grid-template-columns: minmax(0,1fr) minmax(130px,46%); }
html.ui-batch-1 body .ledger-pair-values { width: 100%; max-width: none; }
html.ui-batch-1 body :is(.ledger-values b,.ledger-pair-leg b) { overflow-wrap: normal; word-break: normal; }
html.ui-batch-1 body .ledger-pair-leg span { font-size: var(--font-size-xs); }
html.ui-batch-1 body .history-record-status { min-height: 24px; padding-block: 3px; font-size: var(--font-size-xs); }
html.ui-batch-1 body .history-record-meta small { font-size: var(--font-size-secondary); }
html.ui-batch-1 body .history-record-meta .history-record-amount { color: var(--text-primary); font-size: var(--font-size-sm); }
html.ui-batch-1 body .history-record-meta .history-record-time { color: var(--text-secondary); font-size: var(--font-size-xs); }
html.ui-batch-1 body .history-record-meta .history-record-reason { color: var(--negative); }
html.ui-batch-1 body .history-record-card strong { font-size: var(--font-size-primary); font-weight: 600; white-space: normal; overflow-wrap: anywhere; }

html.ui-batch-1 body .kyc-section-label { font-size: var(--font-size-section); font-weight: 600; }
html.ui-batch-1 body .kyc-verify-hero h2 { font-size: var(--font-size-content); font-weight: 600; }
html.ui-batch-1 body .kyc-level-card strong { font-size: var(--font-size-md); font-weight: 500; }
html.ui-batch-1 body :is(.kyc-level-card > div > span,.kyc-requirements-card span,.kyc-status-card span) { font-size: var(--font-size-secondary); line-height: var(--line-height-body); }
html.ui-batch-1 body .kyc-level-card li { font-size: var(--font-size-xs); }
html.ui-batch-1 body .kyc-progress { padding-bottom: 12px; margin-bottom: 18px; }
html.ui-batch-1 body .kyc-progress > em { margin-top: 4px; }
html.ui-batch-1 body .kyc-form-card { gap: var(--space-field); }
html.ui-batch-1 body .kyc-form-card label { gap: 6px; }
html.ui-batch-1 body .kyc-form-card h2 { font-size: var(--font-size-section); font-weight: 600; }
html.ui-batch-1 body .kyc-form-page .simple-header { margin-bottom: 18px; }
html.ui-batch-1 body .kyc-upload-row > div:not(.kyc-file-picker) strong { font-size: var(--font-size-primary); font-weight: 600; }
html.ui-batch-1 body :is(.kyc-upload-row > div:not(.kyc-file-picker) span,.kyc-file-name,.kyc-file-error) { font-size: var(--font-size-secondary); }
html.ui-batch-1 body .kyc-review-summary strong { font-size: var(--font-size-sm); font-weight: 500; }
html.ui-batch-1 body .kyc-copy h1 { font-size: var(--font-size-content); font-weight: 600; }

html.ui-batch-1 body .convert-box { min-height: 98px; padding-block: 10px; }
html.ui-batch-1 body .box-head { margin-bottom: 8px; }
html.ui-batch-1 body .box-head small { font-size: var(--font-size-secondary); }
html.ui-batch-1 body .convert-swap-slot { height: 12px; }
html.ui-batch-1 body .quote-summary { margin: 8px 0 16px; padding-top: 6px; }
html.ui-batch-1 body .quote-summary > div { min-height: 34px; padding-block: 5px; }
html.ui-batch-1 body .quote-summary > div:has(#receiveText) { margin-top: 4px; padding-top: 10px; }
html.ui-batch-1 body #receiveText { font-size: var(--font-size-md); font-weight: 600; }

html.ui-batch-1 body .phone-page .records-header.notifications-header { margin-bottom: var(--space-4); }
html.ui-batch-1 body .notifications-header .mark-read-button { position: static; grid-column: 3; grid-row: 1; width: 44px; height: 44px; min-height: 44px; padding: 0; justify-content: center; border: 0; border-radius: var(--radius-sm); background: transparent; color: var(--text-secondary); }
html.ui-batch-1 body .notifications-header .mark-read-button span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
html.ui-batch-1 body .notifications-header .mark-read-button svg { width: 22px; height: 22px; }
html.ui-batch-1 body .notification-card:not(.is-empty) { padding-block: 18px; }
html.ui-batch-1 body .notification-card-body { gap: 6px; }
html.ui-batch-1 body .notification-card-body > strong { font-size: var(--font-size-primary); font-weight: 600; }
html.ui-batch-1 body .notification-card:not(.is-empty) p { font-size: var(--font-size-sm); line-height: var(--line-height-body); }
html.ui-batch-1 body .notification-card:not(.is-empty) footer { min-height: 28px; }
html.ui-batch-1 body .notification-view-link { min-height: 32px; }

html.ui-batch-1 body .auth-brand-block { grid-template-columns: 28px minmax(0,1fr); margin-block: 20px; gap: 8px; }
html.ui-batch-1 body .auth-brand-block img { width: 28px; height: 28px; }
html.ui-batch-1 body .auth-brand-block strong { font-size: var(--font-size-content); font-weight: 600; }
html.ui-batch-1 body .auth-form-card { gap: var(--space-field); }
html.ui-batch-1 body .auth-input { gap: 6px; }
html.ui-batch-1 body .auth-input input { min-height: var(--control-height-lg); font-size: var(--font-size-sm); }
html.ui-batch-1 body .auth-input > :is(i,svg) { top: 38px; }
html.ui-batch-1 body .auth-password-toggle { top: 27px; }
html.ui-batch-1 body[data-auth-page] .auth-input > :is(.auth-password-rule,.auth-caps-lock),
html.ui-batch-1 body .auth-send-code-button { font-size: var(--font-size-secondary); }
html.ui-batch-1 body :is(.auth-support-link,.auth-security-note) { margin-block: 12px; }
html.ui-batch-1 body .auth-security-note { padding-top: 0; }

/* P2 — small density changes, retaining the existing page composition. */
html.ui-batch-1 body .featured-market-card { padding: 12px; border-radius: var(--radius-md); }
html.ui-batch-1 body .featured-market-card > div > b { margin-top: 10px; font-size: 28px; font-weight: 600; }
html.ui-batch-1 body .featured-market-card p { margin-top: 4px; }
html.ui-batch-1 body .featured-market-card p small { font-size: var(--font-size-xs); }
html.ui-batch-1 body .featured-market-head em { font-size: var(--font-size-xs); }
html.ui-batch-1 body .discover-summary { margin: 18px 0 6px; gap: 2px; }
html.ui-batch-1 body .discover-summary strong { font-size: var(--font-size-secondary); font-weight: 500; }
html.ui-batch-1 body .discover-summary span { font-size: var(--font-size-secondary); }
html.ui-batch-1 body :is(.discover-market-name strong,.discover-market-quote strong) { font-size: var(--font-size-primary); }
html.ui-batch-1 body .discover-market-row { min-height: 68px; padding-block: 10px; }
html.ui-batch-1 body .market-detail-price strong { font-size: 34px; font-weight: 600; }
/* Only the current empty placeholder shrinks; future real chart content does not match. */
html.ui-batch-1 body .market-chart-card:has(> .candles > [data-i18n="common.noData"]:only-child) { min-height: 160px; }
html.ui-batch-1 body .market-detail-stats span { font-size: var(--font-size-secondary); }
html.ui-batch-1 body .market-detail-stats strong { font-size: var(--font-size-primary); }
html.ui-batch-1 body .market-detail-stats article { min-height: 66px; }
html.ui-batch-1 body .related-markets-card :is(strong,b) { font-size: var(--font-size-primary); font-weight: 500; }

html.ui-batch-1 body .invite-qr-card { padding: 12px 16px; gap: 12px; border-radius: var(--radius-md); }
html.ui-batch-1 body .invite-qr-stage { width: 150px; height: 150px; }
html.ui-batch-1 body .invite-code-box { min-height: 36px; }
html.ui-batch-1 body .invite-code-box b { font-size: 20px; }
html.ui-batch-1 body .invite-link-panel > div { grid-template-columns: minmax(0,1fr) 44px; }
html.ui-batch-1 body .invite-link-panel :is(span,.outline-pill) { min-height: 44px; }
html.ui-batch-1 body .invite-link-panel .outline-pill { width: 44px; }
html.ui-batch-1 body .invite-link-panel { margin-top: 20px; }
html.ui-batch-1 body .invite-scan-copy { font-size: var(--font-size-secondary); }
html.ui-batch-1 body .merchant-overview-row { min-height: 76px; padding-block: 14px; }
html.ui-batch-1 body .merchant-overview-row strong { font-size: var(--font-size-primary); font-weight: 500; }
html.ui-batch-1 body .merchant-overview-row span { margin-top: 6px; font-size: var(--font-size-sm); }
html.ui-batch-1 body .merchant-overview-card .outline-pill { min-width: 52px; min-height: var(--control-height-sm); padding-inline: 8px; font-size: var(--font-size-secondary); }
html.ui-batch-1 body .merchant-overview-card .outline-pill { min-height: var(--control-height-md); }
html.ui-batch-1 body #luckyOrderList .empty-record { min-height: 200px; margin: var(--space-5) 0; padding: var(--space-6); border: 0; border-radius: 0; background: transparent; box-shadow: none; text-align: center; }
html.ui-batch-1 body #luckyOrderList .empty-record strong { font-size: var(--font-size-primary); font-weight: 600; }
html.ui-batch-1 body .merchant-action-label { min-height: 0; padding: 0; border: 0; border-radius: 0; background: transparent; color: var(--text-secondary); font-size: var(--font-size-xs); font-weight: 400; }
html.ui-batch-1 body .merchant-address-row { grid-template-columns: minmax(0,1fr) 52px; }
html.ui-batch-1 body .merchant-overview-row .merchant-address-value { font-size: var(--font-size-sm); color: var(--text-primary); overflow-wrap: anywhere; }

html.ui-batch-1 body .announcement-page-list a { min-height: 80px; padding-block: 16px; gap: 8px; align-content: center; }
html.ui-batch-1 body .announcement-list article h3 { font-size: var(--font-size-primary); font-weight: 600; }
html.ui-batch-1 body .announcement-list article time { font-size: var(--font-size-xs); }
html.ui-batch-1 body .announcement-detail h2 { font-size: var(--font-size-content); font-weight: 600; }
html.ui-batch-1 body .announcement-detail p { font-size: var(--font-size-sm); line-height: 1.6; }

html.ui-batch-1 body .home-top-row .icon-button svg { width: 22px; height: 22px; }
html.ui-batch-1 body .market-column-head { font-size: var(--font-size-xs); }
html.ui-batch-1 body .pair-name strong { font-size: var(--font-size-primary); }
html.ui-batch-1 body :is(.pair-name small,.pair-name strong small,.pair-price small) { font-size: var(--font-size-xs); }
html.ui-batch-1 body .btc-total strong,
html.ui-batch-1 body .assets-overview-total strong { font-size: 35px; font-weight: 600; }
html.ui-batch-1 body .assets-overview-total { margin-top: 10px; }
/* Show the complete asset total; allow the currency to wrap before truncating digits. */
html.ui-batch-1 body :is(.btc-total,.assets-overview-total) { flex-wrap: wrap; }
html.ui-batch-1 body :is(.btc-total,.assets-overview-total) [data-asset-total] { max-width: 100%; overflow: visible; white-space: normal; overflow-wrap: anywhere; text-overflow: clip; }
html.ui-batch-1 body .assets-overview-pnl { margin-top: 14px; }
html.ui-batch-1 body .assets-entry-copy small { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: var(--font-size-secondary); }
html.ui-batch-1 body .assets-entry-copy strong { font-size: var(--font-size-primary); }
html.ui-batch-1 body .token-row { padding-block: 12px; }
html.ui-batch-1 body .token-value strong { font-size: var(--font-size-md); font-weight: 600; }
html.ui-batch-1 body .token-value small { margin-top: 4px; font-size: var(--font-size-xs); }
html.ui-batch-1 body .form-select-trigger small { font-size: var(--font-size-secondary); white-space: normal; }
html.ui-batch-1 body .withdraw-summary-card strong { text-align: right; font-size: var(--font-size-sm); }
html.ui-batch-1 body .withdraw-total-debit strong { font-size: var(--font-size-md); font-weight: 600; }
html.ui-batch-1 body .max-chip { font-size: var(--font-size-secondary); font-weight: 500; }
html.ui-batch-1 body .error-page { padding-bottom: 102px; }
html.ui-batch-1 body .error-brand img { width: 25px; height: 25px; }
html.ui-batch-1 body .error-brand span { font-size: var(--font-size-section); }

/* Compact the KYC progress area rather than reducing field sizes or readability. */
html.ui-batch-1 body .kyc-form-page .simple-header { margin-bottom: 12px; }
html.ui-batch-1 body .kyc-form-page .kyc-progress { gap: 4px 8px; padding-bottom: 8px; margin-bottom: 18px; }
html.ui-batch-1 body .kyc-form-page .kyc-progress article { grid-template-columns: 26px minmax(0,1fr); align-items: center; justify-items: start; gap: 6px; text-align: left; }
html.ui-batch-1 body .kyc-form-page .kyc-progress > em { margin-top: 0; }
html.ui-batch-1 body .kyc-form-card h2 { line-height: 1.4; margin-bottom: -6px; }

/* Settings uses the approved page, list and form scale. Keep these overrides
   inside the existing sheet so the completed routes retain their appearance. */
html.ui-batch-1 #accountSettingsSheet .account-settings-panel {
  padding: var(--space-2) var(--space-4) calc(var(--space-6) + var(--safe-area-bottom));
  background: var(--bg); color: var(--text-primary); font-size: var(--font-size-sm);
  line-height: var(--line-height-body);
}
#accountSettingsSheet .account-settings-header {
  grid-template-columns: var(--control-height-md) minmax(0,1fr) var(--control-height-md);
  min-height: var(--header-height); margin: 0 0 var(--space-6); padding: 0;
  border-bottom: 1px solid var(--divider);
}
#accountSettingsSheet .account-settings-header h2 {
  font-size: var(--font-size-lg); font-weight: var(--font-weight-title);
  line-height: var(--line-height-title); letter-spacing: -.02em; color: var(--text-primary);
  white-space: normal; overflow-wrap: break-word;
}
#accountSettingsSheet .account-settings-header .icon-button {
  width: var(--control-height-md); height: var(--control-height-md); padding: 0;
  border: 0; border-radius: var(--radius-sm); background: transparent;
  box-shadow: none; color: var(--text-secondary);
}
#accountSettingsSheet .account-settings-header .icon-button svg { width: 20px; height: 20px; }
#accountSettingsSheet .settings-summary-card {
  gap: var(--space-3); padding: var(--space-4); margin: 0 0 var(--space-6);
  border: 1px solid var(--border); border-radius: var(--radius-md);
  background: var(--surface-1); box-shadow: none;
}
#accountSettingsSheet .security-summary-heading { grid-template-columns: 20px minmax(0,1fr); gap: 6px 10px; align-items: start; }
#accountSettingsSheet .security-summary-icon {
  width: 20px; height: 24px; grid-row: 1; padding: 0; border: 0; border-radius: 0;
  background: transparent; color: var(--text-secondary);
}
#accountSettingsSheet .security-summary-icon svg { width: 20px; height: 20px; }
#accountSettingsSheet .security-summary-heading > div { display: grid; gap: 6px; }
#accountSettingsSheet .security-summary-heading strong { font-size: var(--font-size-md); font-weight: 600; line-height: 1.5; }
#accountSettingsSheet .security-summary-heading > div > span {
  margin: 0; color: var(--text-secondary); font-size: var(--font-size-secondary); font-weight: 400; line-height: 1.5;
}
#accountSettingsSheet .security-summary-heading > b { font-size: var(--font-size-secondary); font-weight: 500; line-height: 1.5; }
#accountSettingsSheet .security-summary-statuses { gap: 0; padding-top: 0; border-top: 1px solid var(--divider); }
#accountSettingsSheet .security-summary-status { min-height: 44px; gap: 8px; padding-block: 8px; }
#accountSettingsSheet .security-summary-status + .security-summary-status { border-top: 1px solid var(--divider); }
#accountSettingsSheet .security-summary-status > svg { color: var(--text-secondary); }
#accountSettingsSheet .security-summary-status > span { color: var(--text-primary); font-size: var(--font-size-secondary); font-weight: 400; }
#accountSettingsSheet .security-summary-status > b {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 24px; padding: 2px 8px; border-radius: var(--radius-sm);
  font-size: var(--font-size-xs); font-weight: 500; line-height: 1.5; white-space: nowrap;
}
#accountSettingsSheet .security-summary-status > b[data-state="active"] { background: color-mix(in srgb,var(--positive) 12%,transparent); color: var(--positive); }
#accountSettingsSheet .security-summary-status > b[data-state="attention"] { background: var(--surface-3); color: var(--text-secondary); }

#accountSettingsSheet .settings-action-list { gap: 0; margin-bottom: 0; }
#accountSettingsSheet .settings-group-title {
  margin: var(--space-6) 0 var(--space-2); color: var(--text-secondary);
  font-size: var(--font-size-secondary); font-weight: 600; line-height: 1.5;
  letter-spacing: 0; text-transform: none;
}
#accountSettingsSheet .settings-group-title:first-child { margin-top: 0; }
#accountSettingsSheet .settings-action-list > button,
#accountSettingsSheet .settings-language-menu .language-trigger {
  display: grid; grid-template-columns: 20px minmax(0,1fr) 18px;
  gap: var(--space-3); min-height: 56px; padding: 12px 0; margin: 0;
  border: 0; border-bottom: 1px solid var(--divider); border-radius: 0;
  background: transparent; box-shadow: none; color: var(--text-primary);
  font-size: var(--font-size-primary); font-weight: 500; line-height: 1.5;
  text-align: left; white-space: normal;
}
#accountSettingsSheet .settings-action-list > button span,
#accountSettingsSheet .settings-language-menu .language-trigger span { min-width: 0; color: inherit; font-weight: 500; }
#accountSettingsSheet .settings-action-list > button > svg:first-child,
#accountSettingsSheet .settings-language-menu .settings-language-icon {
  width: 20px; height: 20px; padding: 0; border: 0; border-radius: 0;
  background: transparent; color: var(--text-secondary); transform: none;
}
#accountSettingsSheet .settings-action-list > button > svg:last-child,
#accountSettingsSheet .settings-language-menu .language-trigger > svg:last-child { width: 18px; height: 18px; color: var(--text-secondary); }
#accountSettingsSheet .settings-action-list > button.danger,
#accountSettingsSheet .settings-action-list > button.danger > svg:first-child { color: var(--negative); }
#accountSettingsSheet .settings-action-list > button:hover,
#accountSettingsSheet .settings-language-menu .language-trigger:hover { background: var(--surface-1); }
#accountSettingsSheet .settings-language-menu { margin: 0; }
#accountSettingsSheet .settings-language-menu .language-trigger { grid-template-columns: 20px minmax(0,1fr) auto 18px; }
#accountSettingsSheet .settings-language-menu .language-trigger [data-language-label] { color: var(--text-secondary); font-size: var(--font-size-secondary); }
#accountSettingsSheet .settings-language-menu .language-options {
  display: none; position: static; min-width: 0; margin-top: var(--space-2); padding: var(--space-1);
  border: 1px solid var(--border); border-radius: var(--radius-md);
  background: var(--surface-2); box-shadow: none; transform: none; transition: none;
}
#accountSettingsSheet .settings-language-menu.open .language-options { display: grid; }
#accountSettingsSheet .settings-language-menu .language-options button {
  min-height: var(--control-height-md); padding: 8px 12px; border-radius: var(--radius-sm);
  background: transparent; color: var(--text-primary); font-size: var(--font-size-sm); font-weight: 400; line-height: 1.5;
}
#accountSettingsSheet .settings-language-menu .language-options button:is(:hover,.active) { color: var(--brand); background: var(--surface-3); }

#accountSettingsSheet .settings-form:not([hidden]) { gap: var(--space-field); padding: 0; margin: 0; background: transparent; }
#accountSettingsSheet .settings-form-head { padding: 0; }
#accountSettingsSheet .settings-form-head p { color: var(--text-secondary); font-size: var(--font-size-secondary); font-weight: 400; line-height: 1.5; }
#accountSettingsSheet .settings-form label { gap: var(--space-2); color: var(--text-secondary); font-size: var(--font-size-secondary); font-weight: 400; line-height: 1.5; }
#accountSettingsSheet .settings-form input {
  width: 100%; min-width: 0; height: var(--control-height-lg); min-height: var(--control-height-lg);
  padding: 0 var(--space-3); border: 1px solid var(--border); border-radius: var(--radius-md);
  background: var(--surface-1); color: var(--text-primary); font-size: var(--font-size-sm); font-weight: 400; box-shadow: none;
}
#accountSettingsSheet .settings-form input:focus-visible { outline: 2px solid var(--focus-ring); outline-offset: 2px; }
#accountSettingsSheet .settings-form :is(.primary-pill,.outline-pill) {
  min-height: var(--control-height-lg); margin: 0; padding: 12px;
  border-radius: var(--radius-md); font-size: var(--font-size-primary); font-weight: 600; line-height: 1.5;
  white-space: normal; overflow-wrap: break-word;
}
#accountSettingsSheet .settings-form .primary-pill { background: var(--brand); border: 0; color: var(--bg); box-shadow: none; }
#accountSettingsSheet .settings-form .outline-pill { min-height: 46px; border: 1px solid var(--border); background: var(--surface-2); color: var(--text-primary); font-weight: 500; }
#accountSettingsSheet [data-pay-password-setup-code-wrap]:not([hidden]) { display: grid; gap: var(--space-field); }
#accountSettingsSheet .settings-form :is([data-pay-password-reset-open],[data-pay-password-reset-back]) {
  min-height: var(--control-height-md); border: 0; background: transparent; color: var(--text-secondary); font-size: var(--font-size-sm); font-weight: 400;
}
#accountSettingsSheet .device-session-list { gap: 0; }
#accountSettingsSheet .device-session-card {
  grid-template-columns: minmax(0,1fr) auto; align-items: start; gap: var(--space-3); padding: var(--space-4) 0;
  border: 0; border-bottom: 1px solid var(--divider); border-radius: 0; background: transparent;
}
#accountSettingsSheet .device-session-card strong { font-size: var(--font-size-primary); font-weight: 600; white-space: normal; overflow-wrap: anywhere; }
#accountSettingsSheet .device-session-card span,
#accountSettingsSheet .device-session-empty { color: var(--text-secondary); font-size: var(--font-size-xs); font-weight: 400; line-height: 1.5; overflow-wrap: anywhere; }
#accountSettingsSheet .device-session-card .outline-pill { width: auto; max-width: 116px; min-height: var(--control-height-sm); padding: 6px 10px; color: var(--negative); font-size: var(--font-size-xs); font-weight: 500; }
#accountSettingsSheet .device-session-card .outline-pill:disabled { min-height: 26px; padding: 4px 8px; border: 0; background: var(--surface-2); color: var(--text-secondary); opacity: 1; }
#accountSettingsSheet .settings-status { padding: var(--space-3); border-radius: var(--radius-md); font-size: var(--font-size-secondary); line-height: 1.5; }
#accountSettingsSheet .settings-status[data-type="ok"] { border-color: color-mix(in srgb,var(--positive) 24%,var(--border)); background: color-mix(in srgb,var(--positive) 8%,transparent); color: var(--positive); }

/* Personal drawer: the same typography, controls and spacing as the page UI. */
html.ui-batch-1 #homeDrawer .drawer-panel {
  padding: var(--space-2) var(--space-4) calc(var(--space-6) + var(--safe-area-bottom));
  background: var(--surface-1); border-color: var(--divider); color: var(--text-primary);
}
#homeDrawer .drawer-status { display: flex; align-items: center; min-height: var(--header-height); margin: 0; }
#homeDrawer .drawer-status .icon-button { width: var(--control-height-md); height: var(--control-height-md); border: 0; background: transparent; color: var(--text-secondary); box-shadow: none; }
#homeDrawer .drawer-status .icon-button svg { width: 20px; height: 20px; }
#homeDrawer .drawer-profile {
  position: relative; grid-template-columns: 52px minmax(0,1fr) 64px; gap: var(--space-3); align-items: start;
  margin: 0; padding: var(--space-3) 0 var(--space-6); border: 0;
}
#homeDrawer .avatar-photo { width: 52px; height: 52px; border: 1px solid var(--border); box-shadow: none; }
#homeDrawer .drawer-profile h2 {
  margin: 0; color: var(--text-primary); font-size: 17px; font-weight: 600; line-height: 1.3;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
#homeDrawer .drawer-profile-meta { gap: 4px 12px; margin-top: var(--space-1); }
#homeDrawer :is(.drawer-role-pill,.drawer-uid) {
  min-height: 18px; padding: 0; border: 0; border-radius: 0; background: transparent;
  color: var(--text-secondary); font-size: var(--font-size-xs); font-weight: 400; line-height: 1.5;
}
#homeDrawer .drawer-role-pill i { width: 5px; height: 5px; background: var(--brand); }
#homeDrawer .drawer-uid { min-width: 0; flex-wrap: wrap; gap: 0 4px; }
#homeDrawer .drawer-uid b { min-width: 0; font-weight: 400; overflow-wrap: anywhere; }
#homeDrawer .drawer-profile-actions { gap: var(--space-2); margin-top: 6px; }
#homeDrawer .drawer-profile-actions button {
  min-height: var(--control-height-sm); padding: 6px 10px; border: 1px solid var(--border);
  border-radius: var(--radius-md); background: var(--surface-2); color: var(--text-secondary);
  font-size: var(--font-size-xs); font-weight: 500; line-height: 1.5; white-space: normal;
}
#homeDrawer .drawer-profile-actions [data-account-settings-open] { min-height: 32px; padding: 0; gap: var(--space-2); border: 0; border-radius: 0; background: transparent; color: var(--text-secondary); font-size: var(--font-size-secondary); font-weight: 500; text-align: left; }
#homeDrawer [data-account-settings-open]::after { content: ""; width: 6px; height: 6px; flex: 0 0 6px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(-45deg); pointer-events: none; }
#homeDrawer .drawer-profile-actions .drawer-qr-button { position: absolute; top: var(--space-3); right: calc((64px - var(--control-height-sm)) / 2); width: var(--control-height-sm); min-width: var(--control-height-sm); height: var(--control-height-sm); flex-basis: var(--control-height-sm); padding: 6px; border-radius: var(--radius-md); }
#homeDrawer .drawer-qr-button svg { width: 20px; height: 20px; }
#homeDrawer .drawer-profile [data-unavailable-note="ui.qrUnavailable"] { position: absolute; top: calc(var(--space-3) + var(--control-height-sm) + var(--space-1)); right: 0; width: 64px; margin: 0; text-align: center; }
#homeDrawer .drawer-account-status {
  grid-template-columns: repeat(3,minmax(0,1fr)); gap: 0; margin: 0 0 var(--space-6);
  padding: 0; border: 0; border-radius: var(--radius-md); background: var(--surface-2);
}
#homeDrawer .drawer-account-status article {
  min-width: 0; min-height: 72px; padding: 12px 10px; gap: var(--space-1);
  display: grid; align-content: center; border: 0; border-radius: 0; background: transparent;
}
#homeDrawer .drawer-account-status article + article { border-left: 0; }
#homeDrawer .drawer-account-status span { min-height: 0; margin: 0; color: var(--text-secondary); font-size: var(--font-size-xs); font-weight: 400; line-height: 1.5; }
#homeDrawer .drawer-account-status strong { display: block; color: var(--text-primary); font-size: var(--font-size-md); font-weight: 600; line-height: 1.5; overflow: visible; overflow-wrap: anywhere; }
#homeDrawer .drawer-account-status strong.is-ok { color: var(--positive); }
#homeDrawer .drawer-account-status strong.is-warn { color: var(--brand); }
#homeDrawer .drawer-card { padding: 0; margin: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
#homeDrawer .drawer-card + .drawer-card { margin-top: var(--space-6); padding-top: 0; border-top: 0; }
#homeDrawer .drawer-card h3 { display: flex; align-items: center; gap: var(--space-2); color: var(--text-primary); font-size: var(--font-size-section); font-weight: 600; line-height: 1.5; white-space: normal; }
#homeDrawer .drawer-card h3::before { content: ""; flex: 0 0 3px; width: 3px; height: 14px; border-radius: var(--radius-sm); background: var(--brand); }
#homeDrawer .drawer-section-head,
#homeDrawer .drawer-card > h3 { margin-bottom: var(--space-4); }
#homeDrawer .drawer-grid.four { grid-template-columns: repeat(4,minmax(0,1fr)); gap: var(--space-2) 0; }
#homeDrawer .drawer-card:has([data-i18n="drawer.commonFeatures"]) .drawer-grid {
  grid-template-columns: repeat(5,minmax(0,1fr)); gap: var(--space-2) 0;
}
#homeDrawer .drawer-grid a { grid-template-rows: 24px minmax(2.6em,auto); min-height: 72px; gap: var(--space-2); align-content: start; align-items: center; padding: 0 var(--space-1); color: var(--text-primary); font-size: var(--font-size-xs); }
#homeDrawer .drawer-grid a svg { width: 24px; height: 24px; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; color: var(--text-secondary); stroke-width: 1.8; }
#homeDrawer .drawer-grid a span { min-width: 0; max-width: 100%; align-self: start; font-size: var(--font-size-xs); font-weight: 500; line-height: 1.3; white-space: normal; word-break: normal; overflow-wrap: normal; text-wrap: balance; }
#homeDrawer .drawer-grid [data-i18n="common.announcements"] { max-inline-size: 100%; hyphens: auto; overflow-wrap: normal; }
#homeDrawer .drawer-profile-guest { grid-template-columns: 52px minmax(0,1fr); }
#homeDrawer .drawer-profile-guest h2 { white-space: normal; overflow-wrap: anywhere; }
#homeDrawer .drawer-profile-guest > div > span { color: var(--text-secondary); font-size: var(--font-size-secondary); line-height: 1.5; }
/* Group order estimates share the existing card tokens and wrap their explanation. */
.group-order .join-summary-card { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); padding: var(--space-3); }
.group-order .join-summary-card > strong { text-align: right; white-space: normal; overflow-wrap: anywhere; }
.group-order .join-summary-card > .field-hint { grid-column: 1 / -1; margin: 0; line-height: 1.5; }
.group-order [data-order-profit].is-negative { color: var(--color-danger); }
.trade-panel .group-refresh { align-self: flex-start; min-height: var(--control-height-md); margin-top: var(--space-2); }

[data-withdraw-minimum][data-type="error"] { color: var(--color-danger, #f6465d); }

/* A deposit requires an available address on the selected network. */
html.ui-batch-1 #depositSubmitButton:disabled { background: var(--surface-2); color: var(--text-muted); cursor: not-allowed; }