/* Shared Mini App controls. Keep the approved content/art; this file owns
   the host palette and primitives across the older page-specific styles. */
html[data-appearance] {
  --bg: var(--er-page); --bg-deep: var(--er-page); --header: var(--er-header);
  --surface: var(--er-surface); --section: var(--er-surface); --nav: var(--er-surface);
  --surface-2: var(--er-page); --surface-3: var(--er-soft); --control: var(--er-page);
  --text: var(--er-text); --muted: var(--er-muted); --line: var(--er-line);
  --section-heading: var(--er-muted); --blue: var(--er-accent); --link: var(--er-link);
  --lime: var(--er-accent); --button-text: var(--er-buttonText);
  --ref-bg: var(--er-page); --ref-text: var(--er-text); --ref-muted: var(--er-muted);
  --ref-line: var(--er-line); --ref-soft: var(--er-page); --ref-blue: var(--er-link); --ref-blue-soft: var(--er-soft);
  --ref-amber: var(--er-warning);
  --hy-bg: var(--er-page); --hy-surface: var(--er-surface); --hy-surface-soft: var(--er-page);
  --hy-text: var(--er-text); --hy-muted: var(--er-muted); --hy-line: var(--er-line); --hy-blue: var(--er-accent); --hy-blue-soft: var(--er-soft);
  --review-blue: var(--er-link); --review-blue-strong: var(--er-accent); --review-blue-soft: var(--er-soft);
  --review-ink: var(--er-text); --review-muted: var(--er-muted); --review-line: var(--er-line); --review-canvas: var(--er-page);
  color: var(--er-text) !important; background: var(--er-page) !important;
  -webkit-text-size-adjust: 100%; text-size-adjust: 100%; scrollbar-color: var(--er-muted) transparent;
}
html[data-appearance="light"] { color-scheme: light !important; }
html[data-appearance="dark"] { color-scheme: dark !important; }
html[data-appearance] body#mini-app-body { background: var(--er-page) !important; color: var(--er-text) !important; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; padding-bottom: 0 !important; }
html[data-appearance] body#mini-app-body .app-shell { background: transparent !important; box-shadow: none !important; padding-inline: 16px !important; }
/* Reserve the fixed action once, instead of stacking body and shell offsets. */
html[data-appearance] body#mini-app-body .app-shell { padding-bottom: 24px !important; }
html[data-appearance] body#mini-app-body:has(#app-nav:not([hidden])) .app-shell,
html[data-appearance] body#mini-app-body:has(#native-action-fallback:not([hidden])) .app-shell { padding-bottom: calc(90px + var(--safe-bottom)) !important; }
html[data-appearance] body#mini-app-body[data-route="seller-access"] .app-shell,
html[data-appearance] body#mini-app-body[data-route="plan-checkout"] .app-shell { padding-bottom: 16px !important; }
html[data-appearance] body#mini-app-body #plan-view .seller-plan-card { min-height: 182px !important; grid-template-rows: minmax(116px, 1fr) auto !important; border-radius: 18px !important; text-align: left; box-shadow: none !important; }
html[data-appearance] body#mini-app-body #plan-view .seller-plan-card header { width: 66% !important; padding: 16px !important; }
html[data-appearance] body#mini-app-body #plan-view .seller-plan-card header h2 { font-size: 23px !important; margin-block: 0 6px !important; }
html[data-appearance] body#mini-app-body #plan-view .seller-plan-card header small { font-size: 13px !important; line-height: 1.35 !important; color: #fff !important; }
html[data-appearance] body#mini-app-body #plan-view .seller-plan-art { width: 132px !important; height: 132px !important; right: -6px !important; top: 8px !important; object-fit: contain; opacity: 1 !important; }
html[data-appearance] body#mini-app-body #plan-view .seller-plan-strip { margin: 0 6px 6px !important; min-height: 50px !important; padding: 0 !important; border-radius: 12px !important; grid-template-columns: 1fr 1fr !important; background: #061a3a40 !important; border: 0 !important; }
html[data-appearance] body#mini-app-body #plan-view .seller-plan-strip > span { padding: 10px 6px !important; gap: 4px !important; min-width: 0; display: flex !important; flex-wrap: wrap !important; justify-content: center !important; align-content: center !important; }
html[data-appearance] body#mini-app-body #plan-view .seller-plan-strip small { display: inline !important; font-size: 11px !important; white-space: normal !important; text-overflow: clip !important; line-height: 1.2 !important; color: #fff !important; }
html[data-appearance] body#mini-app-body #plan-view .seller-plan-strip b { font-size: 18px !important; font-variant-numeric: tabular-nums; }
html[data-appearance] body#mini-app-body #plan-view .seller-plan-card header > span { display: grid !important; grid-template-columns: auto 1fr; align-items: center; column-gap: 7px; }
html[data-appearance] body#mini-app-body #plan-view .seller-plan-card header h2 { grid-column: 1; grid-row: 1; }
html[data-appearance] body#mini-app-body #plan-view .seller-plan-card header small { grid-column: 1 / -1; }
html[data-appearance] body#mini-app-body #plan-view .seller-plan-current-badge { grid-column: 2; grid-row: 1; margin: 0 0 6px !important; font-size: 9px; padding: 3px 5px; min-height: 20px; }
html[data-appearance] body#mini-app-body #plan-view .seller-plan-card:active { transform: scale(.992); }
html[data-appearance] body#mini-app-body .plan-checkout-hero.start { background: #1e3048 !important; }
html[data-appearance] body#mini-app-body .settings-icon > i,
html[data-appearance] body#mini-app-body .app-nav button > i { font-size: 23px !important; line-height: 1 !important; }
html[data-appearance] body#mini-app-body .settings-icon.stars { background: #fff2cf !important; }
html[data-appearance] body#mini-app-body .settings-icon.stars > i { display: none !important; }
html[data-appearance] body#mini-app-body .settings-icon.stars::before { content: none !important; display: none !important; }
html[data-appearance] body#mini-app-body .settings-icon.stars::after { content: ''; width: 25px; height: 25px; background: url('/assets/telegram-star-gold-v1.webp') center / contain no-repeat; }
html[data-appearance] body#mini-app-body .star-amount { white-space: nowrap; font-variant-numeric: tabular-nums; }
html[data-appearance] body#mini-app-body .star-amount img { flex: 0 0 auto; }
html[data-appearance] body#mini-app-body .app-header { background: var(--er-header) !important; color: var(--er-text) !important; backdrop-filter: none; }
html[data-appearance] body#mini-app-body .app-header .brand, html[data-appearance] body#mini-app-body .header-back { color: var(--er-text) !important; }
html[data-appearance] body#mini-app-body :focus-visible { outline: 2px solid var(--er-link); outline-offset: 3px; }
html[data-appearance] body#mini-app-body ::selection { background: var(--er-soft); color: var(--er-text); }
html[data-appearance] body#mini-app-body a { text-underline-offset: 3px; }
html[data-appearance] body#mini-app-body :is(input, textarea, select) { caret-color: var(--er-link); accent-color: var(--er-accent); color: var(--er-text); }
html[data-appearance] body#mini-app-body :is(input, textarea, select):not([type="checkbox"]):not([type="radio"]):not(#receipt-amount) { font-size: 16px !important; }
html[data-appearance] body#mini-app-body :is(input, textarea)::placeholder { color: var(--er-muted) !important; opacity: 1; }
html[data-appearance] body#mini-app-body :is(button, a, input, textarea, select) { -webkit-tap-highlight-color: transparent; }
html[data-appearance] body#mini-app-body button { touch-action: manipulation; }
html[data-appearance] body#mini-app-body button:disabled { cursor: default; }
html[data-appearance] body#mini-app-body :is(.settings-group, .composer-group, .sheet-group, .purchase-summary, .star-sale-proof, .timeline-panel, .proof-panel, .payout-guide, .wallet-account-summary, .wallet-choice-list, .faq-list, .marketplace-terms, .payout-wallet-card, .result-receipt, .result-field, .plan-checkout-sheet) {
  background: var(--er-surface) !important; color: var(--er-text) !important;
  border-color: var(--er-line) !important; border-radius: 14px !important; box-shadow: none !important;
}
html[data-appearance] body#mini-app-body :is(.settings-row, .composer-row, .sheet-option, .wallet-choice, .faq-list > details > summary, .ledger-item) {
  background: var(--er-surface) !important; color: var(--er-text) !important; border-color: var(--er-line) !important;
}
html[data-appearance] body#mini-app-body .settings-group { border: 0 !important; overflow: hidden; margin-block: 16px; }
html[data-appearance] body#mini-app-body .settings-row { min-height: 58px !important; padding: 12px !important; gap: 12px !important; }
html[data-appearance] body#mini-app-body :is(.settings-row b, .sheet-option b) { color: var(--er-text) !important; font-size: 16px !important; font-weight: 550 !important; line-height: 1.3 !important; }
html[data-appearance] body#mini-app-body :is(.settings-row small, .sheet-option small) { color: var(--er-muted) !important; font-size: 13px !important; line-height: 1.35 !important; }
html[data-appearance] body#mini-app-body :is(.settings-icon, .row-icon, .channel-connect-icon) { width: 34px !important; height: 34px !important; font-size: 20px !important; border-radius: 10px !important; color: var(--er-link) !important; background: var(--er-soft) !important; box-shadow: none !important; }
html[data-appearance] body#mini-app-body :is(.screen-heading h1, .screen-title-row h1, .result-page-head h1) { font-size: 26px !important; font-weight: 700; line-height: 1.18 !important; letter-spacing: -.025em !important; color: var(--er-text) !important; }
html[data-appearance] body#mini-app-body :is(.screen-heading p, .result-page-head p, .composer-trust, .section-header small) { color: var(--er-muted) !important; }
html[data-appearance] body#mini-app-body :is(.section-header h2, .sheet-header h2) { color: var(--er-text) !important; }
html[data-appearance] body#mini-app-body :is(.home-onboarding, .home-balance-card, .amount-composer, .payout-balance-card, .empty-panel, .empty-inline) { background: var(--er-surface) !important; color: var(--er-text) !important; border-color: var(--er-line) !important; box-shadow: none !important; }
html[data-appearance] body#mini-app-body :is(.home-onboarding h1, .home-balance-amount b, .payout-balance-copy strong, #receipt-amount, .profile-name) { color: var(--er-text) !important; }
html[data-appearance] body#mini-app-body :is(.home-onboarding-copy p, .home-balance-card small, .home-balance-card em, .payout-balance-copy small, .profile-username) { color: var(--er-muted) !important; }
html[data-appearance] body#mini-app-body :is(.home-primary, .journal-create, #fallback-main, .fallback-primary, .result-primary, .plan-checkout-pay, .dispute-send) {
  background: var(--er-accent) !important; color: #fff !important; border-color: transparent !important;
}
html[data-appearance] body#mini-app-body :is(.home-primary, .journal-create, .home-secondary) { min-height: 48px !important; font-size: 16px !important; border-radius: 12px !important; font-weight: 600 !important; box-shadow: none !important; }
html[data-appearance] body#mini-app-body .home-secondary { color: var(--er-link) !important; background: var(--er-soft) !important; border: 0 !important; }
html[data-appearance] body#mini-app-body :is(.ledger-search, .ledger-tabs, .payout-balance-tabs, .c3-filter-chips) { background: var(--er-surface) !important; border-color: var(--er-line) !important; }
html[data-appearance] body#mini-app-body :is(.ledger-search input, .composer-row input) { background: transparent !important; color: var(--er-text) !important; }
html[data-appearance] body#mini-app-body :is(.ledger-tabs, .payout-balance-tabs, .c3-filter-chips) button { background: transparent !important; color: var(--er-muted) !important; min-height: 40px; box-shadow: none !important; font-weight: 550 !important; }
html[data-appearance] body#mini-app-body :is(.ledger-tabs, .payout-balance-tabs, .c3-filter-chips) button[aria-selected="true"] { background: var(--er-soft) !important; color: var(--er-link) !important; }
html[data-appearance] body#mini-app-body .app-nav.app-nav-capsule { background: var(--er-surface) !important; border: 0 !important; box-shadow: 0 6px 22px #101b2926 !important; border-radius: 22px !important; padding: 5px !important; width: min(calc(100% - 24px), 510px) !important; bottom: calc(12px + var(--safe-bottom)) !important; backdrop-filter: none; }
html[data-appearance] body#mini-app-body .app-nav.app-nav-capsule button { min-height: 50px !important; color: var(--er-muted) !important; box-shadow: none !important; border-radius: 16px !important; }
html[data-appearance] body#mini-app-body .app-nav.app-nav-capsule button[aria-current="page"] { color: var(--er-link) !important; background: var(--er-soft) !important; }
html[data-appearance] body#mini-app-body .app-nav button span { font-size: 11px !important; font-weight: 550 !important; }
html[data-appearance] body#mini-app-body .native-action-fallback, html[data-appearance] body#mini-app-body #plan-checkout-view .plan-checkout-dock { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; bottom: calc(24px + var(--safe-bottom)) !important; }
html[data-appearance] body#mini-app-body .native-action-fallback button { min-height: 48px !important; font-size: 15px !important; border-radius: 12px !important; }
html[data-appearance] body#mini-app-body .native-action-fallback #fallback-secondary { color: var(--er-link) !important; background: var(--er-surface) !important; }
html[data-appearance] body#mini-app-body .bottom-sheet { background: var(--er-page) !important; color: var(--er-text) !important; border-color: var(--er-line) !important; border-radius: 20px 20px 0 0 !important; }
html[data-appearance] body#mini-app-body :is(.sheet-header p, .sheet-header button, .markdown-copy, .markdown-copy p, .markdown-copy li) { color: var(--er-text) !important; }
html[data-appearance] body#mini-app-body .sheet-handle { background: var(--er-muted); }
html[data-appearance] body#mini-app-body :is(.faq-hero, .faq-search, .system-panel, .wallet-security-note) { background: var(--er-surface) !important; color: var(--er-text) !important; border-color: var(--er-line) !important; }
html[data-appearance] body#mini-app-body :is(.faq-hero h1, .faq-search input, .system-panel h1, #receipt-payer-summary) { color: var(--er-text) !important; }
html[data-appearance] body#mini-app-body #faq-view .faq-search input { background: transparent !important; }
html[data-appearance] body#mini-app-body :is(.settings-icon, .row-icon) > i { color: inherit !important; }
html[data-appearance] body#mini-app-body #request-ton-payout { background: var(--er-accent) !important; color: #fff !important; border: 0 !important; }
html[data-appearance] body#mini-app-body #request-ton-payout b { color: #fff !important; }
html[data-appearance] body#mini-app-body :is(.plan-checkout-sheet h2, .plan-checkout-payment h2, .plan-checkout-sheet-rows b, .plan-checkout-sheet-rows strong, .plan-checkout-switch b, .plan-checkout-switch strong, .plan-checkout-payment-rows b, .plan-checkout-terms b) { color: var(--er-text) !important; }
html[data-appearance] body#mini-app-body :is(.plan-checkout-sheet-rows, .plan-checkout-sheet-rows > div, .plan-checkout-payment, .plan-checkout-payment-rows, .plan-checkout-payment-rows > div) { background: var(--er-surface) !important; border-color: var(--er-line) !important; box-shadow: none !important; }
html[data-appearance] body#mini-app-body .plan-checkout-switch { background: var(--er-page) !important; }
html[data-appearance] body#mini-app-body .plan-checkout-switch > div { background: transparent !important; }
html[data-appearance] body#mini-app-body #plan-checkout-pay { background: var(--er-accent) !important; color: #fff !important; }
html[data-appearance] body#mini-app-body .wallet-hero-copy :is(h2, p) { color: var(--er-text) !important; }
html[data-appearance] body#mini-app-body .wallet-hero-copy small { color: var(--er-muted) !important; }
html[data-appearance] body#mini-app-body .plan-checkout-payment-rows span { color: var(--er-muted) !important; }
html[data-appearance] body#mini-app-body .plan-checkout-payment-rows #plan-checkout-summary-price { color: var(--er-text) !important; }
html[data-appearance] body#mini-app-body .result-evidence > span,
html[data-appearance] body#mini-app-body .result-evidence a { color: var(--er-link) !important; }
html[data-appearance] body#mini-app-body .marketplace-terms b { color: var(--er-text) !important; }
html[data-appearance] body#mini-app-body .marketplace-terms > button { background: var(--er-soft) !important; color: var(--er-link) !important; }
html[data-appearance] body#mini-app-body .c3-filter-chips { background: transparent !important; gap: 6px; }
html[data-appearance] body#mini-app-body .home-onboarding:has(.home-onboarding-copy[hidden]) { background: transparent !important; }
html[data-appearance] body#mini-app-body :is(.result-page, .result-receipt, .result-receipt-top, .result-receipt-bottom, .result-delivery, .result-compose, .result-detail-row, .result-finance, .result-finance-panel) { color: var(--er-text) !important; border-color: var(--er-line) !important; }
html[data-appearance] body#mini-app-body :is(.result-receipt strong, .result-delivery strong, .result-receipt h2, .result-finance strong) { color: var(--er-text) !important; }
html[data-appearance] body#mini-app-body :is(.result-receipt small, .result-delivery small) { color: var(--er-muted) !important; }
html[data-appearance] body#mini-app-body :is(.result-field textarea, .result-field input, .dispute-compose-box textarea) { background: var(--er-input) !important; color: var(--er-text) !important; }
html[data-appearance] body#mini-app-body :is(.result-guide, .result-problem, .settlement-details, .result-evidence, .result-problem-note, .result-problem textarea) { background: var(--er-surface) !important; color: var(--er-text) !important; border-color: var(--er-line) !important; }
html[data-appearance] body#mini-app-body :is(.result-receipt-row b, .result-field > span:first-child, .result-guide h2, .result-guide li, .result-evidence p, .result-problem-note p, .result-problem label > span) { color: var(--er-text) !important; }
html[data-appearance] body#mini-app-body :is(.result-guide > summary, .result-problem > summary, .settlement-details > summary) { color: var(--er-link) !important; }
html[data-appearance] body#mini-app-body .result-receipt::before, html[data-appearance] body#mini-app-body .result-receipt::after { background: var(--er-page); border-color: var(--er-line); }
html[data-appearance] body#mini-app-body .dispute-message p { font-size: 15px; }
html[data-appearance] body#mini-app-body .dispute-message-meta b { font-size: 13px; }
html[data-appearance] body#mini-app-body .dispute-message-meta time { font-size: 11px; }
html[data-appearance] body#mini-app-body .dispute-head p { font-size: 13px; }
html[data-appearance] body#mini-app-body #profile-view .profile-avatar { width: 84px !important; height: 84px !important; border: 0 !important; box-shadow: none !important; color: var(--er-link) !important; background-color: var(--er-soft) !important; }
html[data-appearance] body#mini-app-body #profile-view .profile-avatar.has-photo { color: transparent !important; }
html[data-appearance] body#mini-app-body #profile-view .profile-hero { padding-block: 24px 8px !important; }
html[data-appearance] body#mini-app-body #seller-access-pending :is(.seller-review-head, .seller-access-summary, .seller-access-summary button) { background: var(--er-surface) !important; color: var(--er-text) !important; border-color: var(--er-line) !important; }
html[data-appearance] body#mini-app-body #seller-access-pending :is(.seller-review-copy strong, .seller-access-summary strong, .seller-access-message-bubble h1) { color: var(--er-text) !important; }
html[data-appearance] body#mini-app-body #seller-access-pending .seller-access-message-bubble { background: var(--er-soft) !important; color: var(--er-text) !important; border-color: transparent !important; box-shadow: none !important; }
html[data-appearance] body#mini-app-body #seller-access-pending .seller-access-message-bubble p { color: var(--er-text) !important; }
html[data-appearance] body#mini-app-body #seller-access-pending .seller-access-original > summary { color: var(--er-muted) !important; }
html[data-appearance] body#mini-app-body #seller-access-pending .seller-access-original { background: transparent !important; }
html[data-appearance] body#mini-app-body:has(#seller-access-view:not([hidden]) #seller-access-form:not([hidden])),
html[data-appearance] body#mini-app-body #seller-access-view:has(#seller-access-form:not([hidden])),
html[data-appearance] body#mini-app-body #seller-access-form:not([hidden]) { background: var(--er-page) !important; color: var(--er-text) !important; }
html[data-appearance] body#mini-app-body[data-route="seller-access"] #native-action-fallback { background: transparent !important; border: 0 !important; box-shadow: none !important; min-height: 48px !important; padding: 0 !important; bottom: calc(24px + var(--safe-bottom)) !important; }
html[data-appearance] body#mini-app-body[data-route="seller-access"] #fallback-main { background: var(--er-accent) !important; }
html[data-appearance] body#mini-app-body #seller-access-form :is(.seller-form-head, .seller-access-use-cases, .seller-access-use-cases label, .seller-access-use-cases label > span, .seller-link-input, .seller-access-terms) { background: transparent !important; color: var(--er-text) !important; }
html[data-appearance] body#mini-app-body #seller-access-form .seller-access-use-cases label:has(input:checked) > span { background: var(--er-soft) !important; }
html[data-appearance] body#mini-app-body #seller-access-form :is(h1, label b, input) { color: var(--er-text) !important; }
html[data-appearance] body#mini-app-body #seller-access-form :is(p, label small, .seller-access-terms em) { color: var(--er-muted) !important; }
html[data-appearance] body#mini-app-body #account-stars-view { --account-blue: var(--er-link); --account-ink: var(--er-text); --account-muted: var(--er-muted); background: transparent; padding-inline: 0; }
html[data-appearance] body#mini-app-body #account-stars-view :is(input, textarea, select) { background: var(--er-surface); border-color: var(--er-line); }
html[data-appearance] body#mini-app-body #account-stars-view button { background: var(--er-soft); }
html[data-appearance] body#mini-app-body #account-stars-view .account-stars-primary { background: var(--er-accent); color: #fff; }
html[data-appearance] body#mini-app-body #account-stars-view .account-stars-notice { background: var(--er-soft); color: var(--er-text); }
html[data-appearance] body#mini-app-body #account-stars-view :is(.account-stars-record, .account-stars-connection) { border-color: var(--er-line); }
html.keyboard-open body .app-nav, html.editing-field body .native-action-fallback, html.editing-field body .plan-checkout-dock { visibility: hidden !important; pointer-events: none !important; }
html[data-appearance] body#mini-app-body :is(input, textarea, select) { scroll-margin-block: 90px 120px; }
html[data-appearance] body#mini-app-body #wallet-summary-caption { white-space: nowrap; font-size: 17px; font-variant-numeric: tabular-nums; }
.wallet-payout-notice { margin: 18px 4px 10px; color: var(--er-muted); font-size: 13px; line-height: 1.5; }
/* Wallet identity is the wallet app, not a bevelled token or a second picture. */
html[data-appearance] body#mini-app-body .wallet-hero-card { display: block !important; min-height: 0 !important; padding: 20px !important; }
html[data-appearance] body#mini-app-body .wallet-hero-card::after { content: none !important; }
html[data-appearance] body#mini-app-body .wallet-hero-top { justify-content: flex-start; gap: 14px; }
html[data-appearance] body#mini-app-body #wallet-summary-icon { width: 52px !important; height: 52px !important; flex: 0 0 52px; border-radius: 14px !important; background: var(--er-soft) !important; box-shadow: none !important; color: var(--er-link); font-size: 28px; }
.wallet-app-logo { display: block; width: 100%; height: 100%; border-radius: 12px; object-fit: contain; }
.wallet-identity-copy { min-width: 0; }
html[data-appearance] body#mini-app-body .wallet-identity-copy h2 { margin: 0 0 5px; font-size: 22px; line-height: 1.2; overflow-wrap: anywhere; }
html[data-appearance] body#mini-app-body .wallet-summary-badge { display: inline-flex; align-items: center; gap: 6px; background: none !important; border: 0 !important; padding: 0 !important; color: var(--er-muted) !important; font-size: 13px !important; font-style: normal; backdrop-filter: none !important; }
.wallet-summary-badge::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
html[data-appearance] body#mini-app-body .wallet-summary-badge.is-verified { color: var(--er-link) !important; }
html[data-appearance] body#mini-app-body .wallet-hero-copy { width: 100%; padding: 22px 0 14px; }
html[data-appearance] body#mini-app-body .wallet-hero-copy small { margin: 0; font-size: 12px; }
html[data-appearance] body#mini-app-body #wallet-copy-address { display: inline-flex; align-items: center; justify-content: flex-start; gap: 12px; min-height: 44px; padding: 0; border: 0; background: transparent; color: var(--er-text); cursor: pointer; }
#wallet-copy-address > i { color: var(--er-link); font-size: 21px; }
html[data-appearance] body#mini-app-body #wallet-empty-help { margin-top: 8px !important; white-space: normal; color: var(--er-muted) !important; font-size: 14px !important; }
html[data-appearance] body#mini-app-body .wallet-add-primary { min-height: 46px !important; border: 0 !important; box-shadow: none !important; background: var(--er-soft) !important; color: var(--er-link) !important; font-size: 15px !important; }
.wallet-connection-info { margin: 14px 0; }
.wallet-connection-info summary { display: flex; align-items: center; gap: 10px; min-height: 50px; list-style: none; color: var(--er-link); cursor: pointer; font-size: 14px; }
.wallet-connection-info summary::-webkit-details-marker { display: none; }
.wallet-connection-info summary > i:last-child { margin-left: auto; font-size: 16px; }
.wallet-connection-info[open] summary > i:last-child { transform: rotate(180deg); }
.wallet-connection-info > div { padding: 0 0 0 28px; }
.wallet-connection-info p { font-size: 14px; line-height: 1.5; color: var(--er-muted); margin: 0 0 12px; }
html[data-appearance] body#mini-app-body .payment-asset.payment-ton { background: #0098ea !important; box-shadow: none !important; border: 0 !important; }
html[data-appearance] body#mini-app-body .payment-icon-stack:has(.payment-asset.payment-ton) .payment-network.payment-ton { display: none; }
html[data-appearance] body#mini-app-body .payout-wallet-coin { border-radius: 12px; background: var(--er-soft); box-shadow: none; color: var(--er-link); }
html[data-appearance] body#mini-app-body .result-receipt::before,
html[data-appearance] body#mini-app-body .result-receipt::after { content: none !important; }
html[data-appearance] body#mini-app-body .result-state { background: transparent !important; color: var(--er-text) !important; padding: 6px 2px 16px !important; border: 0 !important; border-radius: 0 !important; }
html[data-appearance] body#mini-app-body .result-state > i { color: var(--er-link) !important; background: var(--er-soft) !important; }
html[data-appearance] body#mini-app-body .result-state p { color: var(--er-muted) !important; font-size: 14px !important; line-height: 1.45; }
html[data-appearance] body#mini-app-body .result-state h2 { font-size: 16px !important; color: var(--er-text) !important; }
html[data-appearance] body#mini-app-body .ledger-rows { border: 0 !important; border-radius: 14px !important; overflow: hidden !important; background: var(--er-surface) !important; }
html[data-appearance] body#mini-app-body .result-receipt-row + .result-receipt-row { border-color: var(--er-line); }
/* Operator instructions must remain readable, including long replies on a short phone. */
html[data-appearance] body#mini-app-body #seller-access-pending { overflow-y: auto !important; }
html[data-appearance] body#mini-app-body #seller-access-pending > * { flex-shrink: 0; }
html[data-appearance] body#mini-app-body #seller-access-pending .seller-access-original { background: transparent !important; border: 0 !important; }
html[data-appearance] body#mini-app-body #seller-access-pending .seller-access-original > summary { background: transparent !important; color: var(--er-muted) !important; }
html[data-appearance] body#mini-app-body .status-stamp.status-pending { color: var(--er-warning) !important; }
html[data-appearance] body#mini-app-body #seller-access-pending .seller-access-operator-note p { display: block !important; overflow: visible !important; -webkit-line-clamp: unset !important; overflow-wrap: anywhere; }
html[data-appearance] body#mini-app-body .ledger-item { width: 100%; display: block !important; padding: 16px !important; min-height: 106px !important; text-align: left; border: 0 !important; border-radius: 0; border-bottom: 1px solid var(--er-line) !important; }
html[data-appearance] body#mini-app-body .ledger-item:last-child { border-bottom: 0 !important; }
.invoice-item-heading, .invoice-item-meta { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.invoice-item-heading > b { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; font-weight: 600; line-height: 1.4; }
.invoice-item-heading > strong { flex-shrink: 0; font-size: 18px; }
.invoice-item-meta { margin-top: 10px; }
.invoice-item-meta > span:first-child { display: grid; gap: 3px; min-width: 0; }
.invoice-item-meta small, .invoice-item-meta time { color: var(--er-muted); font-size: 12px; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.invoice-item-status { display: flex; align-items: center; gap: 5px; }
.invoice-item-status .status-stamp { font-size: 11px !important; }
.invoice-item-status > i { color: var(--er-muted); font-size: 15px; }
html[data-appearance] body#mini-app-body .payout-history-row { padding: 14px !important; gap: 12px !important; border-radius: 14px; }
html[data-appearance] body#mini-app-body .payout-history-row .settings-icon.green { color: var(--er-success) !important; }
html[data-appearance] body#mini-app-body .payout-history-row .settings-icon.red { color: var(--er-danger) !important; }
html[data-appearance] body#mini-app-body .home-onboarding,
html[data-appearance] body#mini-app-body .home-onboarding-actions { background: transparent !important; border: 0 !important; box-shadow: none !important; padding-inline: 0 !important; }
/* Focus belongs to the complete search control, not a square within it. */
html[data-appearance] body#mini-app-body :is(.ledger-search, .input-row, .seller-link-input):focus-within { outline: 2px solid var(--er-link); outline-offset: 2px; }
html[data-appearance] body#mini-app-body :is(.ledger-search, .input-row, .seller-link-input) input:focus-visible { outline: none !important; box-shadow: none !important; }
html[data-appearance] body#mini-app-body .ledger-search { border-radius: 12px !important; }
html[data-appearance] body#mini-app-body #invoice-search { min-width: 0; }
/* Plan detail: a product cover, concise terms, and a separate purchase action. */
html[data-appearance] body#mini-app-body #plan-checkout-view { padding: 0 0 96px !important; }
html[data-appearance] body#mini-app-body #plan-checkout-view.is-preview { padding-bottom: 20px !important; }
.plan-detail-cover { margin: -6px -16px 0; padding: 16px 20px 28px; border-radius: 0 0 28px 28px; color: #fff; text-align: center; background: #0577e0; }
.plan-detail-cover.start { background: #223954; }
.plan-detail-cover.business { background: #5146d6; }
.plan-detail-selector { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; max-width: 330px; margin: 0 auto 12px; padding: 4px; border-radius: 12px; background: #0000001f; }
html[data-appearance] body#mini-app-body .plan-detail-selector button { min-height: 36px; border: 0; border-radius: 9px; background: transparent; color: #fff; font-size: 13px; font-weight: 600; }
html[data-appearance] body#mini-app-body .plan-detail-selector button[aria-pressed="true"] { background: #fff; color: #102644; }
.plan-detail-cover > img { display: block; width: 182px; height: 174px; object-fit: contain; margin: 0 auto 2px; }
html[data-appearance] body#mini-app-body .plan-detail-cover h1 { margin: 0; font-size: 36px !important; line-height: 1.15; letter-spacing: -.025em; color: #fff !important; }
.plan-detail-cover p { margin: 9px 0 0; font-size: 15px; line-height: 1.35; color: #fff; }
html[data-appearance] body#mini-app-body #plan-checkout-view .plan-checkout-sheet { padding: 0 !important; margin: 20px 0 0 !important; background: transparent !important; border: 0 !important; }
.plan-detail-numbers { display: grid; grid-template-columns: 1fr 1fr; padding: 16px 0 22px; border-bottom: 1px solid var(--er-line); }
.plan-detail-numbers > div { display: grid; gap: 7px; align-content: start; justify-items: center; text-align: center; padding: 0 8px; }
.plan-detail-numbers > div + div { border-left: 1px solid var(--er-line); }
.plan-detail-numbers strong { display: flex; align-items: center; gap: 5px; font-size: 30px; line-height: 1.2; font-variant-numeric: tabular-nums; letter-spacing: -.025em; }
.plan-detail-numbers > div > span { max-width: 145px; font-size: 12px; line-height: 1.4; color: var(--er-muted); }
.plan-detail-numbers img { width: 27px; height: 27px; object-fit: contain; }
.plan-detail-features { margin: 6px 0 0; padding: 0; list-style: none; }
.plan-detail-features li { display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 12px; padding: 16px 0; }
.plan-detail-features li > i { font-size: 23px; color: var(--er-link); padding-top: 1px; }
.plan-detail-features li > span { display: grid; gap: 5px; }
.plan-detail-features b { font-size: 15px; line-height: 1.3; font-weight: 600; }
.plan-detail-features small { font-size: 13px; line-height: 1.4; color: var(--er-muted); }
html[data-appearance] body#mini-app-body #plan-checkout-view .plan-checkout-payment { margin: 2px 0 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; }
.plan-detail-conditions { border-top: 1px solid var(--er-line); border-bottom: 1px solid var(--er-line); padding: 0; }
.plan-detail-conditions summary { list-style: none; display: flex; align-items: center; justify-content: space-between; min-height: 54px; gap: 12px; color: var(--er-link); font-size: 14px; cursor: pointer; }
.plan-detail-conditions summary::-webkit-details-marker { display: none; }
.plan-detail-conditions[open] summary i { transform: rotate(180deg); }
.plan-detail-conditions p { color: var(--er-muted); font-size: 14px; line-height: 1.45; margin: 0 0 12px; }
.plan-detail-conditions a { display: inline-block; padding: 0 0 14px; font-size: 14px; }
html[data-appearance] body#mini-app-body .plan-detail-conditions a,
html[data-appearance] body#mini-app-body .plan-detail-conditions a:visited { color: var(--er-link); }
html[data-appearance="light"] body#mini-app-body .plan-detail-conditions a,
html[data-appearance="light"] body#mini-app-body .plan-detail-conditions a:visited { color: #0064c9; }
html[data-appearance] body#mini-app-body #plan-checkout-view .plan-checkout-terms { margin: 18px 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; min-height: 44px; }
html[data-appearance] body#mini-app-body #plan-checkout-view .plan-checkout-terms b { font-size: 14px !important; font-weight: 600; }
.plan-checkout-terms small { font-size: 12px; }
/* Confirmation is one compact unit; the payment action stays independently floating. */
.plan-confirmation { display: grid; gap: 10px; margin: 18px 0 0; padding: 0; }
html[data-appearance] body#mini-app-body #plan-checkout-view .plan-confirmation .plan-checkout-terms { display: grid !important; grid-template-columns: 22px minmax(0, 1fr); gap: 12px; align-items: start; margin: 0 !important; min-height: 40px; }
html[data-appearance] body#mini-app-body #plan-checkout-terms { appearance: none; -webkit-appearance: none; position: static; opacity: 1; width: 22px !important; height: 22px !important; margin: 2px 0 0; border: 1.5px solid var(--er-muted); border-radius: 6px; background: transparent; cursor: pointer; }
html[data-appearance] body#mini-app-body #plan-checkout-terms:checked { background-color: var(--er-accent); border-color: var(--er-accent); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Cpath d='m5 11 4 4 8-8' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-size: 100%; }
html[data-appearance] body#mini-app-body #plan-checkout-view .plan-confirmation .plan-checkout-terms em { display: grid; gap: 5px; min-width: 0; line-height: 1.3; }
.plan-confirmation-note { display: flex; align-items: center; gap: 6px; margin: 0 0 0 34px; color: var(--er-muted); font-size: 12px; line-height: 1.4; }
.plan-confirmation-note i { color: var(--er-muted); font-size: 14px; }
html[data-appearance] body#mini-app-body .plan-checkout-dock { position: fixed !important; bottom: calc(24px + var(--safe-bottom)) !important; left: 50% !important; transform: translateX(-50%); width: min(72%, 360px) !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; z-index: 90; }
html[data-appearance] body#mini-app-body #plan-checkout-pay { width: 100%; min-height: 48px !important; border-radius: 14px !important; background: var(--er-accent) !important; color: #fff !important; font-size: 15px !important; box-shadow: 0 6px 18px #001e3933 !important; }
#plan-checkout-pay img { width: 22px; height: 22px; }
@media (prefers-reduced-motion: no-preference) { .plan-detail-cover { transition: background-color 180ms ease-out; } }
@media (hover: hover) { html[data-appearance] body#mini-app-body :is(.settings-row, .sheet-option):hover:not(:disabled) { background: var(--er-soft) !important; } }
@media (prefers-reduced-motion: no-preference) { html[data-appearance] body#mini-app-body :is(.app-nav button, .settings-row, .sheet-option) { transition: background-color 150ms ease-out, color 150ms ease-out; } }