/* TBX polish: webfont inheritance, focus ring, buttons, sign-up checkbox, 2FA modal, profile sections,
   empty states, ticker placeholders, desktop user menu, footer links, mobile fixes.
   Loaded after brand.css and the layout files; additive only. */
button, input, select, textarea, .cr-button, .btn { font-family: inherit !important; }
a:focus-visible, button:focus-visible, [role=button]:focus-visible, [role=link]:focus-visible, input:focus-visible { outline: 2px solid rgba(217, 28, 38, .55) !important; outline-offset: 2px; }
.form-control:focus-visible, .cr-input input:focus-visible, .custom-input input:focus-visible { outline: none !important; border-color: #c98a90 !important; box-shadow: 0 0 0 3px rgba(217, 28, 38, .12) !important; }

/* One primary red everywhere (BaseApp paints .btn-primary with alpha, which reads as pink). Dropdown toggles keep their input look. */
.btn-primary:not(.dropdown-toggle):not(:disabled), .cr-button:not(:disabled) { background: #d91c26 !important; border-color: #d91c26 !important; color: #fff !important; text-transform: none !important; letter-spacing: 0 !important; }
.btn-primary:not(.dropdown-toggle):not(:disabled):hover, .cr-button:not(:disabled):hover { background: #b8121d !important; border-color: #b8121d !important; }
.btn-primary:not(.dropdown-toggle):disabled { background: #f1c5c8 !important; border-color: #f1c5c8 !important; color: #fff !important; text-transform: none !important; }
.btn-outline-primary { color: #d91c26 !important; border-color: #d91c26 !important; }

/* Sign-up consent checkbox: align box with the first text line, brand color when checked, terms link. */
.cr-sign-up-form .custom-control.custom-checkbox { padding-left: 1.75rem; min-height: 24px; margin: 2px 0 8px; }
.cr-sign-up-form .custom-control-label { font-size: 14px !important; line-height: 1.5 !important; color: #5f6b80 !important; cursor: pointer; text-transform: none !important; }
.cr-sign-up-form .custom-control-label::before, .cr-sign-up-form .custom-control-label::after { top: .15rem; left: -1.75rem; width: 18px; height: 18px; border-radius: 5px; }
.cr-sign-up-form .custom-control-input:checked ~ .custom-control-label::before { background: #d91c26 !important; border-color: #d91c26 !important; }
.custom-control-label a { color: #d91c26 !important; text-decoration: underline; text-underline-offset: 2px; }

/* 2FA screen: sentence case, card look, hint when opened directly. */
.pg-profile-two-factor-auth { border-radius: 14px !important; border: 1px solid #e3e8ef; box-shadow: 0 16px 50px rgba(16, 29, 58, .05); overflow: hidden; }
.pg-profile-two-factor-auth__header { text-transform: none !important; font-size: 17px !important; font-weight: 650 !important; letter-spacing: 0 !important; }
.pg-profile-two-factor-auth .btn, .pg-profile-two-factor-auth button, .pg-profile-two-factor-auth .btn.btn-primary.btn-block { text-transform: none !important; letter-spacing: 0 !important; border-radius: 9px !important; }
.tbx-2fa-hint { margin: 12px 0 0; padding: 14px 16px; border-radius: 10px; background: #f5f7fa; border: 1px solid #e3e8ef; font-size: 13px; line-height: 1.6; color: #5f6b80; }
.tbx-2fa-hint a { color: #d91c26; font-weight: 600; }

/* Referral program restored 14.09.2026 (customer decision); layout-refinement.css styles the block. */

/* Ticker placeholders while there are no trades. */
.pg-header__toolbar-item-value.tbx-ticker-empty { color: #8a94a6 !important; }

/* Order form hint under a disabled submit. */
.tbx-order-hint { margin-top: 10px; font-size: 12px; line-height: 1.5; color: #8a4a51; background: #fff6f6; border: 1px solid #f3dfe1; border-radius: 8px; padding: 9px 12px; }

/* Desktop user menu. */
.tbx-user-menu { position: relative; order: 3; margin-left: auto; }
.tbx-user-menu__button { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 12px 0 10px; border: 1px solid #e3e8ef; border-radius: 10px; background: #fff; color: #101d3a; font-size: 13px; font-weight: 600; cursor: pointer; }
.tbx-user-menu__button:hover { background: #f5f7fa; }
.tbx-user-menu__button svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.tbx-user-menu__button .tbx-user-menu__chevron { width: 16px; height: 16px; color: #8a94a6; }
.tbx-user-menu__list { position: absolute; right: 0; top: calc(100% + 8px); min-width: 230px; padding: 6px; background: #fff; border: 1px solid #e3e8ef; border-radius: 12px; box-shadow: 0 18px 50px rgba(16, 29, 58, .12); z-index: 60; display: grid; }
.tbx-user-menu__list a, .tbx-user-menu__logout { display: block; width: 100%; text-align: left; padding: 10px 12px; border: 0; border-radius: 8px; background: none; color: #2b3855; font: inherit; font-size: 14px; font-weight: 550; text-decoration: none !important; cursor: pointer; }
.tbx-user-menu__list a:hover, .tbx-user-menu__logout:hover { background: #f5f7fa; color: #101d3a; }
.tbx-user-menu__logout { color: #d91c26; margin-top: 4px; border-top: 1px solid #eef1f5; border-radius: 0 0 8px 8px; }
body.tbx-signed-in .pg-sidebar__toggler { display: none !important; }
body.tbx-signed-in .pg-navbar { margin-left: 12px !important; }

/* Footer with information links. */
.pg-footer { display: flex !important; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 20px; letter-spacing: 0 !important; text-transform: none !important; }
.tbx-footer-links { display: flex; flex-wrap: wrap; gap: 4px 18px; }
.tbx-footer-links a { color: #69758a !important; font-size: 12px; text-decoration: none !important; }
.tbx-footer-links a:hover { color: #d91c26 !important; }

/* Trading: when BaseApp renders buy and sell forms side by side (its own width heuristic, seen at ~1490px
   without a scrollbar), the second form used to be clipped by the grid cell. Let the forms wrap and the cell scroll. */
.pg-trading-screen .react-grid-item[data-tbx-panel=order] { overflow: auto !important; }
.pg-order .cr-order { display: flex; flex-wrap: wrap; align-items: flex-start; }
.pg-order .cr-order > .cr-tab-panel { flex: 1 1 100%; }
.pg-order .cr-order > .cr-order-form, .pg-order .cr-order > :not(.cr-tab-panel) > .cr-order-form { flex: 1 1 300px; min-width: 0; }

/* Trading: trades panel header no longer wraps into two lines. */
.pg-trading-screen .pg-recent-trades .cr-tab-panel__navigation-container { white-space: nowrap; }

/* Mobile order form: the order-type button was taller than its container and overlapped the price input. */
@media (max-width: 767px) {
  .pg-mobile-create-order .cr-dropdown { min-height: 46px !important; margin-bottom: 12px !important; }
  .pg-mobile-create-order .cr-dropdown .dropdown { min-height: 46px !important; }
  .pg-mobile-create-order #dropdown-basic { margin-bottom: 0 !important; min-height: 44px !important; }
  .cr-order-input-mobile .custom-input > label { background: transparent !important; }
  .cr-order-input-mobile .custom-input > label:empty { display: none !important; }
  /* Mobile wallets: the estimated-value banner has no price source for this market. */
  .cr-mobile-wallets-banner { display: none !important; }
  .cr-mobile-wallet-item { font-size: 15px !important; }
}

/* Mobile sign-up: BaseApp renders it as a fixed modal without the .cr-mobile-signup wrapper that sign-in has. */
@media (max-width: 767px) {
  body[data-tbx-route=signup] .cr-mobile-modal { position: relative !important; inset: auto !important; background: transparent !important; height: auto !important; min-height: calc(100vh - 127px) !important; }
  body[data-tbx-route=signup] .cr-mobile-modal__block { position: relative !important; top: auto !important; bottom: auto !important; transform: none !important; height: auto !important; max-height: none !important; width: 100% !important; background: #f5f7fa !important; }
  body[data-tbx-route=signup] .cr-mobile-modal__header { background: #fff !important; border-bottom: 1px solid #e5eaf0 !important; min-height: 48px !important; }
  body[data-tbx-route=signup] .cr-mobile-modal__body { height: auto !important; max-height: none !important; overflow: visible !important; background: #f5f7fa !important; padding-bottom: 30px !important; }
}

/* History tables: breathing room for the last column (was flush against the card edge). */
#root .pg-history-elem table th:last-child, #root .pg-history-elem table td:last-child, #root .pg-history-elem .cr-table th:last-child, #root .pg-history-elem .cr-table td:last-child { padding-right: 22px !important; }
#root .pg-history-elem table th:first-child, #root .pg-history-elem table td:first-child { padding-left: 22px !important; }

/* ===== Terminal pro (light, 14.09.2026): denser panels, tabular numerals, neutral ticker, calmer order form ===== */
.pg-trading-screen { background: #f3f5f9 !important; padding: 10px !important; font-variant-numeric: tabular-nums; }
.pg-trading-screen .react-grid-layout { gap: 10px; }
.pg-trading-screen .react-grid-item { border-radius: 12px !important; border: 1px solid #e3e8ef !important; box-shadow: 0 1px 2px rgba(11, 20, 48, .04) !important; background: #fff !important; }
.pg-trading-screen .cr-grid-item, .pg-trading-screen .cr-grid-item__body { background: #fff !important; }
/* Panel headers */
.pg-trading-screen .cr-tab-panel__navigation-container, .pg-trading-screen .cr-table-header__content:not(.cr-table-header__content-empty) { min-height: 44px !important; height: 44px !important; padding: 0 14px !important; border-bottom: 1px solid #eef1f5 !important; font-size: 13px !important; font-weight: 650 !important; color: #0b1430 !important; letter-spacing: 0 !important; background: #fff !important; }
.pg-trading-screen .cr-title-component { font-size: 13px !important; font-weight: 650 !important; color: #0b1430 !important; }
.pg-trading-screen .cr-tab { font-size: 13px !important; font-weight: 600 !important; padding: 12px 12px !important; color: #69758a !important; }
.pg-trading-screen .cr-tab.cr-tab__active { color: #0b1430 !important; }
.pg-trading-screen .cr-tab__pointer { background: #d91c26 !important; height: 2px !important; }
.pg-trading-screen .cr-tab-panel__optinal-head { font-size: 12px !important; font-weight: 600 !important; color: #8a94a6 !important; }
.pg-trading-screen .cr-table-header__cancel { font-size: 12px !important; font-weight: 600 !important; color: #d03841 !important; }
/* Tables */
.pg-trading-screen .cr-table { background: #fff !important; }
.pg-trading-screen .cr-table__head, .pg-trading-screen .cr-table__head-row, .pg-trading-screen .cr-table__body, .pg-trading-screen .cr-table__body tr { background: #fff !important; }
.pg-trading-screen .cr-table th { font-size: 11px !important; font-weight: 600 !important; letter-spacing: .01em !important; text-transform: none !important; color: #8a94a6 !important; padding: 9px 14px !important; border-bottom: 1px solid #eef1f5 !important; white-space: nowrap; }
.pg-trading-screen .cr-table td { font-size: 12.5px !important; padding: 7px 14px !important; color: #0b1430 !important; border-bottom: 1px solid #f3f5f9 !important; line-height: 1.4 !important; }
.pg-trading-screen .cr-table tbody tr:hover td { background: #f7f9fc !important; }
.pg-trading-screen .cr-table-background { background: transparent !important; }
.pg-trading-screen .cr-table__row--selected, .pg-trading-screen .cr-table__row--selected td { background: #fdeeef !important; }
.pg-trading-screen .cr-table__noData, .pg-trading-screen .cr-table__no-data { font-size: 12.5px !important; color: #8a94a6 !important; }
/* Order book */
.pg-trading-screen .cr-combined-order-book__market { padding: 10px 14px !important; border-top: 1px solid #eef1f5 !important; border-bottom: 1px solid #eef1f5 !important; background: #fbfcfe !important; }
.pg-trading-screen .cr-combined-order-book__market > span:first-child { font-size: 22px !important; font-weight: 700 !important; letter-spacing: -0.02em !important; line-height: 1.2 !important; }
.pg-trading-screen .cr-combined-order-book__market > span:last-child { font-size: 11px !important; color: #8a94a6 !important; }
.pg-trading-screen .cr-combined-order-book__market-positive { color: #1f8a6e !important; }
.pg-trading-screen .cr-combined-order-book__market-negative { color: #d03841 !important; }
/* Order form */
.pg-trading-screen .cr-order-form { padding: 14px 14px 16px !important; }
.pg-trading-screen .cr-order-item { margin-bottom: 12px !important; }
.pg-trading-screen .cr-order-form .form-control, .pg-trading-screen .cr-order-form input.form-control-lg { min-height: 44px !important; height: 44px !important; font-size: 14px !important; border-radius: 9px !important; border: 1px solid #dbe1ea !important; box-shadow: none !important; }
.pg-trading-screen .cr-order-form .input-group-text, .pg-trading-screen .cr-order-form .cr-order-input__fieldset-label { font-size: 12px !important; font-weight: 600 !important; color: #8a94a6 !important; background: #fff !important; border: 1px solid #dbe1ea !important; border-left: 0 !important; border-radius: 0 9px 9px 0 !important; }
.pg-trading-screen .cr-order-form .dropdown-toggle { min-height: 44px !important; border-radius: 9px !important; border: 1px solid #dbe1ea !important; background: #fff !important; font-size: 14px !important; font-weight: 600 !important; color: #0b1430 !important; box-shadow: none !important; }
.pg-trading-screen .cr-percentage-button { border-radius: 8px !important; font-size: 12px !important; font-weight: 600 !important; padding: 8px 0 !important; background: #f3f5f9 !important; color: #5f6b80 !important; border: 1px solid transparent !important; }
.pg-trading-screen .cr-percentage-button:hover { background: #e9edf3 !important; color: #0b1430 !important; }
.pg-trading-screen .cr-order-form button.btn-block { min-height: 46px !important; border-radius: 9px !important; font-weight: 650 !important; font-size: 14px !important; text-transform: none !important; letter-spacing: 0 !important; margin-top: 6px !important; }
.pg-trading-screen .cr-order-form button.btn-success { background: #1f8a6e !important; border-color: #1f8a6e !important; color: #fff !important; }
.pg-trading-screen .cr-order-form button.btn-danger { background: #d03841 !important; border-color: #d03841 !important; color: #fff !important; }
.pg-trading-screen .cr-order-form button.btn-block:disabled { opacity: .35 !important; }
.pg-trading-screen .cr-order-form label, .pg-trading-screen .cr-order-form .cr-order-form__label { font-size: 12px !important; color: #8a94a6 !important; }
/* Markets */
.pg-trading-screen .pg-markets, .pg-trading-screen .cr-markets, .pg-trading-screen .cr-search, .pg-trading-screen .cr-search__input { background: #fff !important; }
.pg-trading-screen .cr-search { border-top: 1px solid #eef1f5 !important; padding: 4px 6px !important; }
.pg-trading-screen .cr-search__input { font-size: 13px !important; }
/* Header ticker: neutral values, only the change is coloured */
.pg-header__toolbar { gap: 26px !important; }
.pg-header__toolbar-item { min-width: 0 !important; }
.pg-header__toolbar-item-value { font-size: 14px !important; font-weight: 650 !important; color: #0b1430 !important; font-variant-numeric: tabular-nums; }
.pg-header__toolbar-item:last-child .pg-header__toolbar-item-value-positive { color: #1f8a6e !important; }
.pg-header__toolbar-item:last-child .pg-header__toolbar-item-value-negative { color: #d03841 !important; }
.pg-header__toolbar-item-text { font-size: 11px !important; color: #8a94a6 !important; }
.pg-header__market-selector-toggle-value { font-size: 16px !important; font-weight: 700 !important; letter-spacing: -0.01em !important; color: #0b1430 !important; }

/* Order book: rows exactly match BaseApp's 33px depth bars; the asks bar layer starts under the 35px header. */
.pg-trading-screen .cr-order-book .cr-table th { height: 35px !important; padding: 0 14px !important; line-height: 35px !important; }
.pg-trading-screen .cr-order-book .cr-table td { height: 33px !important; padding: 0 14px !important; line-height: 33px !important; }
.pg-trading-screen .cr-combined-order-book__small > .cr-order-book:first-child .cr-table-background { top: 49px !important; }
.pg-trading-screen .cr-order-book .cr-table-background__row { height: 33px !important; }

/* Order form, compact: everything fits the 440px grid cell without scrolling (measured: 473px before, ~354px after). */
.pg-trading-screen .cr-order-form { padding: 10px 12px 12px !important; }
.pg-trading-screen .cr-order-item { margin-bottom: 8px !important; }
.pg-trading-screen .cr-order-item__dropdown__label { font-size: 11px !important; line-height: 14px !important; margin-bottom: 4px !important; color: #8a94a6 !important; }
.pg-trading-screen .cr-order-form .cr-dropdown, .pg-trading-screen .cr-order-form .dropdown-toggle { min-height: 36px !important; height: 36px !important; font-size: 13px !important; padding: 0 12px !important; line-height: 34px !important; }
.pg-trading-screen .cr-order-form .cr-order-input, .pg-trading-screen .cr-order-form .form-control, .pg-trading-screen .cr-order-form input.form-control-lg, .pg-trading-screen .cr-order-form .input-group { min-height: 38px !important; height: 38px !important; font-size: 13px !important; }
.pg-trading-screen .cr-order-form .input-group-text, .pg-trading-screen .cr-order-form .cr-order-input__fieldset-label { font-size: 11px !important; padding: 0 10px !important; }
.pg-trading-screen .cr-order-item__percentage-buttons { gap: 6px !important; }
.pg-trading-screen .cr-percentage-button { padding: 5px 0 !important; font-size: 11px !important; border-radius: 6px !important; }
.pg-trading-screen .cr-order-item__total, .pg-trading-screen .cr-order-item__available { font-size: 12px !important; line-height: 18px !important; }
.pg-trading-screen .cr-order-form button.btn-block { min-height: 40px !important; height: 40px !important; font-size: 13px !important; margin-top: 2px !important; }
.pg-trading-screen .react-grid-item[data-tbx-panel=order] { overflow: hidden !important; }

/* Account pages (wallets, history, orders, profile): same table and tab typography as the terminal. */
#root .pg-history-elem .cr-table th, #root .pg-orders-tab .cr-table th, #root .pg-history-tab .cr-table th { font-size: 11px !important; font-weight: 600 !important; text-transform: none !important; color: #8a94a6 !important; letter-spacing: .01em !important; }
#root .pg-history-elem .cr-table td, #root .pg-orders-tab .cr-table td, #root .pg-history-tab .cr-table td { font-size: 13px !important; color: #0b1430 !important; font-variant-numeric: tabular-nums; }
#root .pg-history-tab .cr-tab, #root .pg-orders-tab .cr-tab { font-size: 13px !important; font-weight: 600 !important; }
#root .pg-history-tab .cr-tab__pointer, #root .pg-orders-tab .cr-tab__pointer { background: #d91c26 !important; height: 2px !important; }
#root .pg-wallet .cr-wallet-item__balance, #root .pg-wallet .cr-wallet-item__amount-locked { font-variant-numeric: tabular-nums; }
#root .pg-wallet .cr-wallet-item__currency { font-weight: 650 !important; }
#root .pg-wallet .cr-tab { font-size: 13px !important; font-weight: 600 !important; }
#root .pg-profile-page .pg-profile-page__label { font-size: 12px !important; color: #8a94a6 !important; }

/* Order inputs as one clean group: the outer .cr-order-input carries the only border; input and suffix fill it. */
.pg-trading-screen .cr-order-form .cr-order-input { display: flex !important; align-items: stretch !important; height: 40px !important; min-height: 40px !important; border: 1px solid #dbe1ea !important; border-radius: 9px !important; background: #fff !important; overflow: hidden !important; }
.pg-trading-screen .cr-order-form .cr-order-input:focus-within { border-color: #c98a90 !important; box-shadow: 0 0 0 3px rgba(217, 28, 38, .12) !important; }
.pg-trading-screen .cr-order-form .cr-order-input__fieldset { flex: 1 1 auto !important; height: 100% !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; }
.pg-trading-screen .cr-order-form .cr-order-input .custom-input, .pg-trading-screen .cr-order-form .cr-order-input .input-group { height: 100% !important; min-height: 0 !important; }
.pg-trading-screen .cr-order-form .cr-order-input input.form-control { height: 100% !important; min-height: 0 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; background: transparent !important; padding: 0 12px !important; font-size: 13px !important; }
.pg-trading-screen .cr-order-form .cr-order-input__crypto-icon { display: flex !important; align-items: center !important; height: auto !important; min-height: 0 !important; padding: 0 12px !important; border: 0 !important; border-left: 1px solid #eef1f5 !important; border-radius: 0 !important; background: #f7f9fc !important; font-size: 11px !important; font-weight: 600 !important; color: #8a94a6 !important; }
.pg-trading-screen .cr-order-form .cr-dropdown { background: transparent !important; height: auto !important; min-height: 0 !important; padding: 0 !important; line-height: normal !important; }
.pg-trading-screen .cr-order-form .cr-dropdown .dropdown { width: 100% !important; }
.pg-trading-screen .cr-order-form .dropdown-toggle { display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; height: 40px !important; min-height: 40px !important; border: 1px solid #dbe1ea !important; border-radius: 9px !important; background: #fff !important; padding: 0 12px !important; line-height: 38px !important; }

/* Profile: consistent heading weight for the onboarding card. */
#root #tbx-onboarding h1, #root #tbx-onboarding h2 { font-weight: 650 !important; letter-spacing: -0.01em; }

/* ===== Account pages pro (14.09.2026) ===== */
/* Profile verification: quiet level pill instead of a full-width green bar, aligned step row. */
#root .pg-profile-page-verification__progress-bar { height: auto !important; margin: 0 0 18px !important; gap: 8px; }
#root .pg-profile-page-verification__progress-bar__step { width: auto !important; flex: 0 0 auto !important; height: 26px !important; padding: 0 12px !important; border-radius: 999px !important; background: #e8f5f0 !important; color: #1f8a6e !important; font-size: 12px !important; font-weight: 600 !important; letter-spacing: 0 !important; }
#root .pg-profile-page-verification__progress-bar__step svg { margin-left: 6px; }
#root .pg-profile-page-verification__progress-bar__step svg path { stroke: #1f8a6e !important; }
#root .pg-profile-page-verification__progress-bar__step:not(.pg-profile-page-verification__progress-bar__step--verified) { background: #f3f5f9 !important; color: #8a94a6 !important; }
#root .pg-profile-page-verification__step { padding: 14px 0 !important; border-top: 1px solid #eef1f5 !important; }
#root .pg-profile-page-verification__step__info__title { font-size: 14px !important; font-weight: 600 !important; }
#root .pg-profile-page-verification__step__info__subtitle { margin-top: 3px; font-size: 12px !important; color: #8a94a6 !important; }
#root .pg-profile-page-verification__step__label { font-size: 13px !important; font-weight: 600 !important; }
#root .pg-profile-page-verification__step__label svg { margin-left: 6px; }
/* Profile: UID as a quiet monospace-ish line under the email. */
#root .pg-profile-page__left-col__basic__info-row h2 { font-variant-numeric: tabular-nums; letter-spacing: .01em; }
/* Wallets: single-wallet header labels and amounts on one baseline. */
#root .pg-wallet .cr-wallet-item__single .cr-wallet-item__balance, #root .pg-wallet .cr-wallet-item__single .cr-wallet-item__amount-locked { font-size: 12px !important; color: #8a94a6 !important; }
#root .pg-wallet .cr-wallet-item__single .cr-wallet-item__balance-amount, #root .pg-wallet .cr-wallet-item__single .cr-wallet-item__balance-locked { font-weight: 650 !important; letter-spacing: -0.01em; font-variant-numeric: tabular-nums; }
#root .pg-wallet .cr-wallet-list .cr-wallet-item__currency, #root .pg-wallet .cr-wallet-list .cr-wallet-item__description span:first-child { font-weight: 650 !important; }
#root .pg-wallet .cr-wallet-list .cr-wallet-item__balance { font-variant-numeric: tabular-nums; }

/* Referral block: align with the password / 2FA rows, same label tone, field and button on one height. */
#root .pg-profile-page__referral { padding: 10px 0 0 !important; margin: 0 0 4px !important; }
#root .pg-profile-page__referral > .row, #root .pg-profile-page__referral .row.col-12, #root .pg-profile-page__referral > .cr-copyable-text-field { margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; }
#root .pg-profile-page__referral .cr-copyable-text-field, #root .pg-profile-page__referral .pg-copyable-text-field__input { padding: 0 !important; margin: 0 !important; background: transparent !important; border: 0 !important; }
#root .pg-profile-page__referral label { color: #8a94a6 !important; font-size: 12px !important; background: transparent !important; padding: 0 !important; }
#root .pg-profile-page__referral legend, #root .pg-profile-page__referral .pg-copyable-text-field__label, #root .pg-profile-page__referral fieldset > span { display: block !important; width: auto !important; margin: 0 0 8px !important; padding: 0 !important; background: transparent !important; font-size: 12px !important; font-weight: 400 !important; line-height: 1.4 !important; color: #8a94a6 !important; float: none !important; }
#root .pg-profile-page__referral fieldset { padding: 0 !important; margin: 0 !important; border: 0 !important; background: transparent !important; }
#root .pg-profile-page__referral legend { position: static !important; top: auto !important; transform: none !important; height: auto !important; visibility: visible !important; }
#root .pg-profile-page__referral .cr-copyable-text-field, #root .pg-profile-page__referral .input-group, #root .pg-profile-page__referral .custom-input { position: static !important; top: auto !important; margin-top: 0 !important; transform: none !important; }
#root .pg-profile-page__referral input { height: 44px !important; min-height: 44px !important; font-size: 13px !important; border-radius: 9px !important; font-variant-numeric: tabular-nums; }
#root .pg-profile-page__referral button { height: 44px !important; font-size: 13px !important; }

/* Wallets: the native spinner wrapper (div.text-center) stays mounted as an empty absolute block covering the page
   below the header and swallows clicks on the help bar and heading; let clicks through and hide it when empty. */
#root .pg-wallet > .text-center { pointer-events: none !important; }
#root .pg-wallet > .text-center:empty { display: none !important; }
/* Wallets: "Внутренний перевод" lives in the tab row next to Пополнить / Вывод (the heading copy is hidden on desktop). */
#root .pg-wallet .cr-tab-panel__navigation-container { display: flex !important; align-items: center !important; }
#root .pg-wallet .tbx-transfer-tab { display: inline-flex !important; align-items: center; gap: 7px; margin-left: auto; margin-right: 12px; padding: 8px 14px; border: 1px solid #dbe1ea; border-radius: 9px; background: #fff; color: #0b1430 !important; font-size: 13px; font-weight: 600; line-height: 1.2; text-decoration: none !important; white-space: nowrap; }
#root .pg-wallet .tbx-transfer-tab svg { width: 15px; height: 15px; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
#root .pg-wallet .tbx-transfer-tab:hover { border-color: #c9d2df; background: #f7f9fc; }
#root #tbx-wallet-heading .tbx-internal-transfer-link { display: none !important; }
@media (max-width: 767px) { #root .pg-wallet .tbx-transfer-tab { margin-right: 8px; padding: 7px 10px; font-size: 12px; } }