/* Mobile exchange theme. The desktop palette and layout deliberately use the original terminal. */
.mx-bottom-nav,
.mx-header,
.mx-profile-top {
  display: none;
}
@media (max-width: 650px) {
  .trading-app[data-theme='mobileExchange'] {
    --accent: var(--mobile-accent, #159bfa);
    --accent-contrast: #fff;
    --mx-green: #02c6a3;
    --mx-red: #fa2d67;
    background: #141b2e;
    color: #f4f6fc;
    min-height: 100svh;
    padding-bottom: calc(64px + env(safe-area-inset-bottom));
    font-family: 'Segoe UI', 'Microsoft YaHei', sans-serif;
  }
  .trading-app[data-theme='mobileExchange']
    :is(.exchange-header, .market-tape, .device-timezone-note, .exchange-footer) {
    display: none;
  }
  .trading-app[data-theme='mobileExchange'] :is(button, input, select, textarea, .panel) {
    border-radius: 3px;
  }
  .trading-app[data-theme='mobileExchange'] :is(.up, [data-mobile-summary].up) {
    color: var(--mx-green);
  }
  .trading-app[data-theme='mobileExchange'] :is(.down, [data-mobile-summary].down) {
    color: var(--mx-red);
  }
  .trading-app[data-theme='mobileExchange'] button.primary {
    background: var(--accent);
    color: white;
  }
  .trading-app[data-theme='mobileExchange'] [hidden] {
    display: none !important;
  }
  .trading-app[data-theme='mobileExchange'] :is(.mx-main, .site-main) {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding: 0;
    margin: 0;
  }
  .trading-app[data-theme='mobileExchange'] .mx-header {
    display: flex;
    position: relative;
    height: 45px;
    padding: 0 11px;
    gap: 9px;
    border: 0;
    background: #141b2e;
    align-items: center;
    justify-content: space-between;
  }
  .trading-app[data-theme='mobileExchange'] .mx-header h1 {
    font-size: 19px;
    margin: 0;
  }
  .trading-app[data-theme='mobileExchange'] .mx-header > button {
    border: 0;
    padding: 5px 0;
    min-width: 22px;
    font-size: 25px;
  }
  .trading-app[data-theme='mobileExchange'] .mx-header svg {
    width: 18px;
    height: 18px;
  }
  .trading-app[data-theme='mobileExchange'] .mx-header .mx-instrument-picker {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
    margin-inline-end: auto;
    font-size: 12px;
  }
  .trading-app[data-theme='mobileExchange'] .mx-instrument-picker b {
    overflow-wrap: anywhere;
  }
  .trading-app[data-theme='mobileExchange'] .mx-instrument-picker > span {
    white-space: nowrap;
    font-size: 10px;
  }
  .trading-app[data-theme='mobileExchange'] .mx-bottom-nav {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    position: fixed;
    inset: auto 0 0;
    height: calc(56px + env(safe-area-inset-bottom));
    padding: 5px 4px env(safe-area-inset-bottom);
    background: #141c30;
    border-top: 1px solid #252c43;
    z-index: 90;
  }
  .trading-app[data-theme='mobileExchange'] .mx-bottom-nav button {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 0 2px;
    font-size: 10px;
    border: 0;
    color: #8e99b0;
    min-width: 0;
  }
  .trading-app[data-theme='mobileExchange'] .mx-bottom-nav svg {
    width: 20px;
    height: 20px;
  }
  .trading-app[data-theme='mobileExchange'] .mx-bottom-nav [aria-current='page'] {
    color: var(--accent);
  }
  .trading-app[data-theme='mobileExchange'] .mx-categories {
    padding: 0 7px 12px;
  }
  .trading-app[data-theme='mobileExchange'] .mx-categories .asset-filters {
    border: 0;
    flex-wrap: nowrap;
    gap: 0;
    scrollbar-width: none;
  }
  .trading-app[data-theme='mobileExchange'] .mx-categories .asset-filters button {
    padding: 11px 8px;
    font-size: 11px;
    color: #d5dae7;
    flex-shrink: 0;
    border: 0;
  }
  .trading-app[data-theme='mobileExchange'] .mx-categories .asset-filters .active {
    color: var(--accent);
    background: none;
    position: relative;
  }
  .trading-app[data-theme='mobileExchange'] .mx-categories .asset-filters .active::after {
    content: '';
    position: absolute;
    bottom: 1px;
    left: calc(50% - 4px);
    border: 4px solid transparent;
    border-bottom-color: var(--accent);
  }
  .trading-app[data-theme='mobileExchange'] .catalog-filters select {
    min-width: 0;
    max-width: 45%;
    font-size: 11px;
    padding: 7px;
  }
  .trading-app[data-theme='mobileExchange'] .mx-search {
    display: block;
    padding: 0 11px 12px;
    font-size: 11px;
    color: #8e99b0;
  }
  .trading-app[data-theme='mobileExchange'] .mx-search input {
    width: 100%;
    min-width: 0;
    margin-top: 5px;
    padding: 9px;
  }
  .trading-app[data-theme='mobileExchange'] .mx-banner {
    position: relative;
    min-height: 0;
    height: 150px;
    padding: 22px 17px;
    margin: 0 11px;
    overflow: hidden;
    isolation: isolate;
    border-radius: 6px;
    background: linear-gradient(110deg, #eef3ff, #d7e9fb 58%, #afd8fa);
    color: #172b4c;
    border: 0;
    display: block;
  }
  .trading-app[data-theme='mobileExchange'] .mx-banner > img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    z-index: -1;
  }
  .trading-app[data-theme='mobileExchange'] .mx-banner-copy {
    position: relative;
    z-index: 1;
    width: 67%;
  }
  .trading-app[data-theme='mobileExchange'] .mx-banner .eyebrow {
    display: block;
    font-size: 17px;
    font-weight: 800;
    letter-spacing: -0.4px;
    color: #225ad0;
    padding: 0;
    margin: 0 0 12px;
  }
  .trading-app[data-theme='mobileExchange'] .mx-banner h1 {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
    white-space: normal;
    margin: 0 0 8px;
  }
  .trading-app[data-theme='mobileExchange'] .mx-banner p {
    font-size: 9px;
    line-height: 1.4;
    color: #526783;
    margin: 0;
    white-space: normal;
  }
  .trading-app[data-theme='mobileExchange'] .mx-banner-link {
    position: absolute;
    inset: 0;
    border: 0;
    background: transparent;
    z-index: 2;
  }
  .trading-app[data-theme='mobileExchange'] .mx-banner-art {
    position: absolute;
    right: -10px;
    bottom: -8px;
    width: 125px;
    height: 125px;
    border: 13px solid #fff5;
    border-radius: 50%;
    transform: rotate(-18deg);
    box-shadow: 0 0 0 12px #8dd7f52b;
  }
  .trading-app[data-theme='mobileExchange'] .mx-banner-art i {
    position: absolute;
    bottom: 22px;
    left: 13px;
    width: 18px;
    height: 24px;
    background: linear-gradient(#a4eaff, #2494f3);
    box-shadow: 5px 5px 0 #499fdf30;
    border-radius: 3px 3px 0 0;
  }
  .trading-app[data-theme='mobileExchange'] .mx-banner-art i:nth-child(2) {
    left: 37px;
    height: 43px;
  }
  .trading-app[data-theme='mobileExchange'] .mx-banner-art i:nth-child(3) {
    left: 61px;
    height: 63px;
  }
  .trading-app[data-theme='mobileExchange'] .mx-banner-art span {
    position: absolute;
    right: 7px;
    top: -24px;
    color: #1374ed;
    font-size: 88px;
    font-weight: 200;
  }
  .trading-app[data-theme='mobileExchange'] .mx-announcement {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 13px 3px;
    font-size: 10px;
    color: #8796af;
  }
  .trading-app[data-theme='mobileExchange'] .mx-announcement > span:first-child {
    color: #63e0e6;
    font-size: 15px;
  }
  .trading-app[data-theme='mobileExchange'] .mx-announcement button {
    border: 0;
    padding: 0;
    margin-inline-start: auto;
    font-size: 19px;
  }
  .trading-app[data-theme='mobileExchange'] .mx-shortcuts {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    padding: 13px 10px 21px;
    gap: 3px;
  }
  .trading-app[data-theme='mobileExchange'] .mx-shortcuts button {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 9px;
    padding: 0 1px;
    border: 0;
    font-size: 10px;
    line-height: 1.3;
  }
  .trading-app[data-theme='mobileExchange'] .mx-icon-disc {
    display: grid;
    place-items: center;
    width: 43px;
    height: 43px;
    border-radius: 50%;
    background: radial-gradient(at 35% 25%, #263e67, #1a2947);
    color: #27acff;
  }
  .trading-app[data-theme='mobileExchange'] .mx-icon-disc svg {
    width: 25px;
    height: 25px;
    filter: drop-shadow(0 2px 3px #008aff65);
  }
  .trading-app[data-theme='mobileExchange'] .mx-section-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
  }
  .trading-app[data-theme='mobileExchange'] .mx-section-title h2 {
    font-size: 17px;
    margin: 0;
  }
  .trading-app[data-theme='mobileExchange'] .mx-section-title button {
    color: #a4aec2;
    font-size: 10px;
    padding: 0;
    border: 0;
  }
  .trading-app[data-theme='mobileExchange'] .mx-hot {
    padding: 17px 11px;
    border-top: 7px solid #101729;
  }
  .trading-app[data-theme='mobileExchange'] .mx-hot-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
  }
  .trading-app[data-theme='mobileExchange'] .mx-hot-grid button {
    padding: 10px 5px;
    border: 0;
    background: #1c2439;
    min-width: 0;
  }
  .trading-app[data-theme='mobileExchange'] .mx-hot-grid :is(span, b, small) {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .trading-app[data-theme='mobileExchange'] .mx-hot-grid span {
    font-size: 10px;
    color: #adb7ca;
    white-space: nowrap;
  }
  .trading-app[data-theme='mobileExchange'] .mx-hot-grid b {
    font-size: 12px;
    margin: 8px 0;
  }
  .trading-app[data-theme='mobileExchange'] .mx-hot-grid small {
    font-size: 10px;
  }
  .trading-app[data-theme='mobileExchange'] .mx-quotes {
    padding: 5px 11px 12px;
  }
  .trading-app[data-theme='mobileExchange'] .mx-market-row {
    display: grid;
    grid-template-columns: 29px minmax(0, 1fr) 68px 58px;
    width: 100%;
    align-items: center;
    gap: 8px;
    border: 0;
    border-bottom: 1px solid #252c43;
    border-radius: 0;
    padding: 16px 0;
    text-align: start;
  }
  .trading-app[data-theme='mobileExchange'] .mx-symbol-mark {
    display: grid;
    place-items: center;
    width: 27px;
    height: 27px;
    border-radius: 50%;
    color: #b8ddff;
    background: #243c60;
    font-weight: 700;
    font-size: 12px;
  }
  .trading-app[data-theme='mobileExchange'] .mx-market-name {
    min-width: 0;
  }
  .trading-app[data-theme='mobileExchange'] .mx-market-name b {
    font-size: 11px;
    display: block;
    overflow-wrap: anywhere;
  }
  .trading-app[data-theme='mobileExchange'] .mx-market-name small {
    display: block;
    font-size: 9px;
    color: #7989a5;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 5px;
  }
  .trading-app[data-theme='mobileExchange'] .mx-market-price {
    text-align: end;
    min-width: 0;
  }
  .trading-app[data-theme='mobileExchange'] .mx-market-price b {
    display: block;
    font-size: 11px;
    overflow-wrap: anywhere;
  }
  .trading-app[data-theme='mobileExchange'] .mx-market-price small {
    color: #8491ab;
    font-size: 9px;
  }
  .trading-app[data-theme='mobileExchange'] .mx-change {
    text-align: center;
    padding: 7px 2px;
    font-size: 10px;
    white-space: nowrap;
    background: #02c6a315;
    border-radius: 3px;
  }
  .trading-app[data-theme='mobileExchange'] .mx-change.down {
    background: #fa2d6715;
  }
  .trading-app[data-theme='mobileExchange'][data-mobile-screen='markets']
    :is(.mx-banner, .mx-carousel, .mx-announcement, .mx-shortcuts, .mx-hot) {
    display: none;
  }
  .trading-app[data-theme='mobileExchange'] .mx-identity {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 13px 17px 18px;
  }
  .trading-app[data-theme='mobileExchange'] .mx-avatar {
    display: grid;
    place-items: center;
    width: 43px;
    height: 43px;
    border-radius: 50%;
    background: linear-gradient(135deg, #7abbff, #61dec5);
    color: #e3f6ff;
    flex-shrink: 0;
  }
  .trading-app[data-theme='mobileExchange'] .mx-avatar svg {
    width: 31px;
    height: 31px;
  }
  .trading-app[data-theme='mobileExchange'] .mx-identity > div {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  .trading-app[data-theme='mobileExchange'] .mx-identity b {
    font-size: 13px;
  }
  .trading-app[data-theme='mobileExchange'] .mx-identity > div > span {
    font-size: 11px;
  }
  .trading-app[data-theme='mobileExchange'] .mx-identity > button {
    margin-inline-start: auto;
    font-size: 11px;
  }
  .trading-app[data-theme='mobileExchange'] .mx-balance-currency {
    display: flex;
    justify-content: flex-end;
    height: 30px;
    padding: 0 12px;
  }
  .trading-app[data-theme='mobileExchange'] .mx-balance-currency label {
    flex-direction: row;
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 11px;
    color: #919eb6;
    margin: 0;
  }
  .trading-app[data-theme='mobileExchange'] .mx-balance-currency select {
    height: 26px;
    margin: 0;
    padding: 5px 20px 5px 7px;
    font-size: 11px;
    max-width: 120px;
  }
  .trading-app[data-theme='mobileExchange'] .mx-account-metrics {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px 14px;
    padding: 0 17px 8px;
  }
  .trading-app[data-theme='mobileExchange'] .mx-account-metrics span {
    font-size: 10px;
    color: #b8c7df;
    display: block;
    line-height: 1.5;
  }
  .trading-app[data-theme='mobileExchange'] .mx-account-metrics b {
    display: block;
    margin-top: 7px;
    font-size: 19px;
    overflow-wrap: anywhere;
  }
  .trading-app[data-theme='mobileExchange'] .mx-snapshot-note {
    display: block;
    color: #6c7890;
    font-size: 8px;
    padding: 3px 17px;
  }
  .trading-app[data-theme='mobileExchange'] .mx-holdings .mx-shortcuts {
    padding-top: 22px;
    padding-bottom: 25px;
  }
  .trading-app[data-theme='mobileExchange'] .mx-funding-links {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 17px;
    padding: 0 12px 25px;
  }
  .trading-app[data-theme='mobileExchange'] .mx-funding-links button {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 13px 10px;
    background: linear-gradient(120deg, #1c2b48, #24283f);
    border-color: #2360a0;
    min-width: 0;
    text-align: start;
    font-size: 11px;
  }
  .trading-app[data-theme='mobileExchange'] .mx-funding-links svg {
    width: 28px;
    height: 28px;
    color: #22a5ff;
    flex-shrink: 0;
  }
  .trading-app[data-theme='mobileExchange'] .mx-funding-links b {
    color: #46cbd4;
    margin-inline-start: auto;
    font-size: 14px;
  }
  .trading-app[data-theme='mobileExchange'] .mx-holdings-records {
    padding: 0 11px;
  }
  .trading-app[data-theme='mobileExchange'] .tabs {
    display: flex;
    gap: 8px;
    border-bottom: 1px solid #252c43;
    padding-bottom: 12px;
    margin: 0 0 14px;
  }
  .trading-app[data-theme='mobileExchange'] .tabs button {
    flex: 1;
    white-space: nowrap;
    padding: 7px 5px;
    border: 0;
    border-radius: 3px;
    font-size: 11px;
    color: #a0abc2;
  }
  .trading-app[data-theme='mobileExchange'] .tabs .active,
  .trading-app[data-theme='mobileExchange'] .tabs .mobile-record-active {
    color: white;
    background: var(--accent);
  }
  .trading-app[data-theme='mobileExchange'] .order-record-card {
    border: 0;
    border-bottom: 1px solid #2b3247;
    background: transparent;
    border-radius: 0;
    padding: 12px 0;
  }
  .trading-app[data-theme='mobileExchange'] .order-record-card summary {
    padding: 0;
  }
  .trading-app[data-theme='mobileExchange'] .record-card-heading {
    padding-inline-end: 16px;
  }
  .trading-app[data-theme='mobileExchange'] .record-card-heading b {
    font-size: 13px;
  }
  .trading-app[data-theme='mobileExchange'] .record-card-id {
    font-size: 9px;
    color: #8b9bb5;
  }
  .trading-app[data-theme='mobileExchange'] .record-card-metrics {
    gap: 10px;
    margin-top: 12px;
  }
  .trading-app[data-theme='mobileExchange'] .record-card-metrics :is(dt, dd) {
    font-size: 10px;
  }
  .trading-app[data-theme='mobileExchange'] .record-card-metrics dd {
    font-weight: 600;
  }
  .trading-app[data-theme='mobileExchange'] .record-card-actions {
    padding: 10px 0 0;
  }
  .trading-app[data-theme='mobileExchange'] .record-card-actions button {
    font-size: 10px;
    border-color: #33425b;
    padding: 7px;
  }
  .trading-app[data-theme='mobileExchange'] .mx-profile-top {
    display: flex;
    justify-content: flex-end;
    height: 32px;
    padding: 8px 15px 0;
  }
  .trading-app[data-theme='mobileExchange'] .mx-profile-top button {
    border: 0;
    padding: 0;
    color: #d9e6ff;
  }
  .trading-app[data-theme='mobileExchange'] .mx-profile-top svg {
    width: 17px;
    height: 17px;
  }
  .trading-app[data-theme='mobileExchange'] .mx-profile .mx-identity {
    padding-top: 16px;
    padding-bottom: 23px;
  }
  .trading-app[data-theme='mobileExchange'] .mx-group-caption {
    margin: 0;
    padding: 11px 14px;
    color: #8490a7;
    font-size: 11px;
    font-weight: 400;
    background: #20243d;
  }
  .trading-app[data-theme='mobileExchange'] .mx-profile-shortcuts {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    padding: 18px 8px 25px;
    gap: 2px;
  }
  .trading-app[data-theme='mobileExchange'] .mx-profile-shortcuts button {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
    gap: 8px;
    border: 0;
    font-size: 9px;
    min-width: 0;
    line-height: 1.3;
  }
  .trading-app[data-theme='mobileExchange'] .mx-profile-shortcuts .mx-icon-disc {
    width: 40px;
    height: 40px;
  }
  .trading-app[data-theme='mobileExchange'] .mx-profile-row {
    flex-direction: row;
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 43px;
    border: 0;
    border-bottom: 1px solid #292e44;
    border-radius: 0;
    padding: 10px 14px;
    gap: 12px;
    text-align: start;
    margin: 0;
    color: #f0f4fc;
  }
  .trading-app[data-theme='mobileExchange'] .mx-profile-row > svg {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    color: #a0acc4;
  }
  .trading-app[data-theme='mobileExchange'] .mx-profile-row > span {
    font-size: 12px;
  }
  .trading-app[data-theme='mobileExchange'] .mx-profile-row > b {
    font-size: 22px;
    margin-inline-start: auto;
    font-weight: 400;
    line-height: 1;
  }
  .trading-app[data-theme='mobileExchange'] .mx-profile-row > small {
    margin-inline-start: auto;
    color: #0dc9b4;
    font-size: 10px;
  }
  .trading-app[data-theme='mobileExchange'] .mx-profile-row > small + b {
    margin-inline-start: 0;
  }
  .trading-app[data-theme='mobileExchange'] .mx-language-row select {
    margin-inline-start: auto;
    width: 100px;
    max-width: 42%;
    font-size: 10px;
    padding: 0;
    background: transparent;
    border: 0;
    color: #a6b4cb;
  }
  .trading-app[data-theme='mobileExchange'] .mx-signout {
    width: calc(100% - 24px);
    margin: 18px 12px;
    padding: 11px;
    font-size: 12px;
    border-color: #3476b2;
    background: #159bfa;
    color: white;
  }
  .trading-app[data-theme='mobileExchange'] .mx-payments {
    padding: 12px;
  }
  .trading-app[data-theme='mobileExchange'] :is(.mx-news, .mx-funds, .site-main) > .page-heading {
    padding: 15px 12px 0;
  }
  .trading-app[data-theme='mobileExchange'] .site-main .page-heading h1 {
    font-size: 21px;
  }
  .trading-app[data-theme='mobileExchange'] :is(.mx-news, .mx-funds) > .panel {
    margin: 12px;
    padding: 12px;
  }
  .trading-app[data-theme='mobileExchange'] .site-main .stats {
    padding: 0 12px;
    gap: 8px;
  }
  .trading-app[data-theme='mobileExchange'] .site-main .stats .panel {
    margin: 0;
    min-width: 0;
    padding: 12px;
  }
  .trading-app[data-theme='mobileExchange'] .pagination {
    font-size: 9px;
    padding: 12px 0;
  }
  .trading-app[data-theme='mobileExchange'] .support-float {
    z-index: 85;
  }

  /* The same form is moved into the left slot; no duplicate financial controls are created. */
  .trading-app[data-theme='mobileExchange'] .terminal {
    display: block;
    min-width: 0;
    min-height: 0;
  }
  .trading-app[data-theme='mobileExchange'] .terminal-center {
    min-width: 0;
    background: #141b2e;
  }
  .trading-app[data-theme='mobileExchange'] .terminal-center > .mobile-market-open {
    display: none;
  }
  .trading-app[data-theme='mobileExchange'] .mx-trading-modes {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    padding: 8px 12px 14px;
  }
  .trading-app[data-theme='mobileExchange'] .mx-trading-modes button {
    border: 0;
    font-size: 12px;
    padding: 10px 5px;
  }
  .trading-app[data-theme='mobileExchange'] .mx-trading-modes .active {
    background: var(--mx-red);
    color: white;
  }
  .trading-app[data-theme='mobileExchange'] .mx-dealing-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.88fr);
    align-items: start;
    gap: 12px;
    padding: 0 11px 18px;
  }
  .trading-app[data-theme='mobileExchange'] .mx-dealing-grid .order-panel {
    border: 0;
    padding: 0;
    background: transparent;
    width: 100%;
    min-width: 0;
    margin: 0;
  }
  .trading-app[data-theme='mobileExchange'] .mx-order-slot {
    min-width: 0;
  }
  .trading-app[data-theme='mobileExchange'] .mx-dealing-grid .order-panel > .section-heading {
    display: none;
  }
  .trading-app[data-theme='mobileExchange'] .mx-dealing-grid #order-form {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
    min-width: 0;
  }
  .trading-app[data-theme='mobileExchange'] .mx-dealing-grid .order-panel label {
    display: block;
    font-size: 9px;
    color: #919eb4;
    min-width: 0;
    margin: 0;
  }
  .trading-app[data-theme='mobileExchange'] .mx-dealing-grid .order-panel :is(input, select) {
    width: 100%;
    min-width: 0;
    height: 33px;
    font-size: 11px;
    padding: 7px;
    background: #30374e;
    border: 1px solid #3b4259;
    margin-top: 5px;
  }
  .trading-app[data-theme='mobileExchange'] .mx-dealing-grid .input-unit {
    width: 100%;
    min-width: 0;
  }
  .trading-app[data-theme='mobileExchange'] .mx-dealing-grid .input-unit input {
    padding-inline-end: 39px;
  }
  .trading-app[data-theme='mobileExchange'] .mx-dealing-grid .input-unit > span {
    font-size: 9px;
  }
  .trading-app[data-theme='mobileExchange'] .mx-dealing-grid #quote-status {
    font-size: 8px;
    line-height: 1.4;
    overflow-wrap: anywhere;
    display: block;
    margin-top: 4px;
  }
  .trading-app[data-theme='mobileExchange'] .mx-dealing-grid .direction-tabs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 3px;
    margin: 0 0 12px;
  }
  .trading-app[data-theme='mobileExchange'] .mx-dealing-grid .direction-tabs button {
    width: auto;
    min-width: 0;
    white-space: normal;
    padding: 8px 3px;
    font-size: 9px;
  }
  .trading-app[data-theme='mobileExchange'] .mx-dealing-grid .direction-tabs .buy-active {
    color: white;
    background: var(--mx-green);
    border-color: var(--mx-green);
  }
  .trading-app[data-theme='mobileExchange'] .mx-dealing-grid .direction-tabs .sell-active {
    color: white;
    background: var(--mx-red);
    border-color: var(--mx-red);
  }
  .trading-app[data-theme='mobileExchange'] .mx-dealing-grid .order-summary {
    margin: 0;
    padding: 0;
    border: 0;
  }
  .trading-app[data-theme='mobileExchange'] .mx-dealing-grid .order-summary > div {
    align-items: flex-start;
    gap: 5px;
    margin-bottom: 8px;
  }
  .trading-app[data-theme='mobileExchange'] .mx-dealing-grid .order-summary :is(span, b) {
    font-size: 9px;
    line-height: 1.5;
  }
  .trading-app[data-theme='mobileExchange'] .mx-dealing-grid .order-summary b {
    text-align: end;
    overflow-wrap: anywhere;
  }
  .trading-app[data-theme='mobileExchange'] .mx-dealing-grid .submit-order {
    width: 100%;
    min-width: 0;
    padding: 10px 3px;
    font-size: 12px;
    color: white;
    background: var(--mx-green);
    border-color: var(--mx-green);
    margin: 0;
  }
  .trading-app[data-theme='mobileExchange'] .mx-dealing-grid .submit-order.sell {
    background: var(--mx-red);
    border-color: var(--mx-red);
  }
  .trading-app[data-theme='mobileExchange']
    .mx-dealing-grid
    :is(.execution-note, .security-note, .section-heading) {
    display: none;
  }
  .trading-app[data-theme='mobileExchange'] .mx-stop-options {
    font-size: 10px;
    color: #95a7c7;
  }
  .trading-app[data-theme='mobileExchange'] .mx-stop-options summary {
    cursor: pointer;
  }
  .trading-app[data-theme='mobileExchange'] .mx-stop-options .stop-order-fields {
    display: block;
  }
  .trading-app[data-theme='mobileExchange'] .mx-stop-options label {
    margin-top: 8px;
  }
  .trading-app[data-theme='mobileExchange'] .mx-stop-options small {
    font-size: 8px;
  }
  .trading-app[data-theme='mobileExchange'] .mx-live-quotes {
    display: block;
    width: 100%;
    overflow: visible;
    padding: 0;
    min-width: 0;
    background: transparent;
    border: 0;
  }
  .trading-app[data-theme='mobileExchange'] .mx-live-quotes h3 {
    margin: 0 0 12px;
    font-size: 12px;
  }
  .trading-app[data-theme='mobileExchange'] .mx-quote-head {
    display: flex;
    justify-content: space-between;
    color: #7c8aa3;
    font-size: 8px;
    padding: 4px 0;
  }
  .trading-app[data-theme='mobileExchange'] .mx-live-quotes button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
    padding: 10px 0;
    width: 100%;
    min-width: 0;
    border: 0;
    border-bottom: 1px solid #232b40;
    border-radius: 0;
  }
  .trading-app[data-theme='mobileExchange'] .mx-live-quotes button small {
    color: #8c9bb5;
    font-size: 8px;
    overflow-wrap: anywhere;
    max-width: 60%;
    text-align: start;
  }
  .trading-app[data-theme='mobileExchange'] .mx-live-quotes button b {
    font-size: 10px;
    overflow-wrap: anywhere;
  }
  .trading-app[data-theme='mobileExchange'] .mx-live-quotes button[aria-current] {
    background: #1e2942;
  }
  .trading-app[data-theme='mobileExchange'] .terminal-orders {
    padding: 14px 11px 0;
    border-top: 6px solid #20273c;
    background: #141b2e;
    min-height: 160px;
  }
  .trading-app[data-theme='mobileExchange'] .terminal-orders .tabs .mobile-trade-tab {
    display: none;
  }
  .trading-app[data-theme='mobileExchange'] .terminal-orders .tabs button {
    padding: 8px 3px;
    font-size: 10px;
    flex: 1;
  }
  .trading-app[data-theme='mobileExchange'] .mx-chart-panel .instrument {
    min-height: 75px;
    padding: 12px;
  }
  .trading-app[data-theme='mobileExchange'] .mx-chart-panel .instrument h1 {
    font-size: 15px;
  }
  .trading-app[data-theme='mobileExchange'] .mx-chart-panel .current-price strong {
    font-size: 22px;
  }
  .trading-app[data-theme='mobileExchange'] .mx-chart-panel .canvas-wrap {
    height: 280px;
  }
  .trading-app[data-theme='mobileExchange'] .mx-chart-panel .kline-toolbar {
    flex-wrap: wrap;
  }
  .trading-app[data-theme='mobileExchange'] .mx-chart-panel .kline-toolbar button {
    font-size: 9px;
  }
  .trading-app[data-theme='mobileExchange'] .mx-chart-panel .live-range-controls {
    flex-wrap: wrap;
  }
  .trading-app[data-theme='mobileExchange'] .mx-chart-panel .ohlc {
    font-size: 8px;
  }
  .trading-app[data-theme='mobileExchange'] .market-drawer-backdrop {
    z-index: 110;
  }
  .trading-app[data-theme='mobileExchange'] .watchlist {
    z-index: 120;
  }
}

@media (max-width: 650px) {
  .trading-app[data-theme='mobileExchange'] .terminal-orders .tabs button.active {
    color: white;
    background: var(--accent);
  }
}

@media (max-width: 650px) {
  .trading-app[data-theme='mobileExchange'] .mx-selected-quote {
    padding: 0 0 12px;
    border-bottom: 1px solid #29334b;
  }
  .trading-app[data-theme='mobileExchange'] .mx-selected-quote b {
    display: block;
    font-size: 18px;
    overflow-wrap: anywhere;
  }
  .trading-app[data-theme='mobileExchange'] .mx-selected-quote small {
    color: #8899b7;
    font-size: 9px;
  }
}

@media (max-width: 650px) {
  .trading-app[data-theme='mobileExchange'] .record-card-metrics [data-position-pnl] {
    font-size: 16px;
    font-weight: 700;
  }
  .trading-app[data-theme='mobileExchange'] .mx-dealing-grid .mobile-order-login {
    font-size: 11px;
    min-height: 230px;
  }
  .trading-app[data-theme='mobileExchange'] .mx-dealing-grid .mobile-order-login button {
    padding: 8px;
    font-size: 11px;
  }
}

.mobile-client-host {
  margin: 0;
  background: #0b1018;
  display: grid;
  place-items: center;
  overflow: hidden;
}
.mobile-client-host > iframe {
  width: min(100vw, 430px);
  height: 100dvh;
  border: 0;
  display: block;
}
.trading-app[data-theme='mobileExchange'] .mx-bottom-nav {
  grid-template-columns: none;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
}

.trading-app[data-theme='mobileExchange'] .mx-carousel {
  position: relative;
  margin: 12px 10px;
  height: 150px;
  overflow: hidden;
  border-radius: 6px;
}
.mx-carousel [data-slide],
.mx-carousel a,
.mx-carousel img {
  width: 100%;
  height: 100%;
  display: block;
}
.mx-carousel [hidden] {
  display: none !important;
}
.mx-carousel img {
  object-fit: cover;
}
.mx-carousel-dots {
  position: absolute;
  bottom: 8px;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  gap: 6px;
}
.mx-carousel-dots button {
  width: 7px;
  height: 7px;
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #ffffff70;
}
.mx-carousel-dots button[aria-current='true'] {
  background: #fff;
}
.mx-symbol-mark {
  position: relative;
  overflow: hidden;
}
.mx-symbol-mark img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: var(--panel);
}

@media (max-width: 650px) {
  .trading-app[data-theme='mobileExchange'][data-mobile-screen='offerings'] .offering-tabs {
    margin: 12px;
  }
  .trading-app[data-theme='mobileExchange'][data-mobile-screen='offerings']
    .site-main
    > [role='tabpanel'] {
    padding-inline: 12px;
  }
}
.verified-identity {
  width: 100%;
  table-layout: fixed;
}
.verified-identity th {
  width: 32%;
}
.verified-identity :is(th, td) {
  white-space: normal;
  overflow-wrap: anywhere;
}

@media (max-width: 650px) {
  .trading-app[data-theme='mobileExchange'] .mx-funds .account-security-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    width: 100%;
  }
  .trading-app[data-theme='mobileExchange'] .mx-funds .account-security-actions > button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 38px;
    margin: 0;
    padding: 8px 10px;
    line-height: 20px;
    vertical-align: middle;
  }
}