/* Vision T Markets v64 — mobile-first operating layer.
   Phones are the primary product surface: readable type, compact rhythm,
   predictable touch targets and no desktop-width remnants. */

@media (max-width: 760px) {
  html,
  body {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: clip;
  }

  body:is(.login-body,.portal-body,.public-info-body,[data-staff-role]),
  body:has(.terminal-shell) {
    font-size: 13px;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
  }

  /* Public access and registration */
  html body.login-body .login-layout,
  html body.login-body .login-form-panel,
  html body.login-body .login-card,
  html body.public-info-body :is(.registration-layout,.registration-intro,.registration-panel,.registration-success) {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
  html body.login-body .login-form-panel {
    min-height: 100dvh;
    padding: 16px;
    align-items: center;
  }
  html body.login-body .login-card {
    margin: 0 auto;
    padding: 20px 18px !important;
    border-radius: 14px !important;
  }
  html body.login-body .role-access-links {
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    gap: 5px !important;
    margin-bottom: 22px !important;
  }
  html body.login-body .role-access-links a {
    min-width: 0;
    min-height: 48px;
    padding: 5px;
    font-size: 11px !important;
    line-height: 1.2;
    overflow-wrap: anywhere;
    text-align: center;
  }
  html body.login-body .login-card h2 {
    margin-block: 7px 9px !important;
    font-size: clamp(27px,9vw,34px) !important;
  }
  html body.login-body .login-card :is(header p,label,.login-options,.legal-copy) {
    font-size: 12px !important;
    line-height: 1.45 !important;
  }
  html body.login-body .login-card input,
  html body.login-body .login-submit,
  html body.login-body .login-register-link {
    min-height: 48px !important;
    font-size: 13px !important;
  }
  html body.login-body .login-mobile-back {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    font-size: 12px !important;
  }
  html body.login-body .local-access-card > summary {
    min-height: 44px;
    font-size: 11px !important;
  }
  html body.login-body .local-access-card :is(code,small,b,span) { font-size: 11px !important; }
  /* The template's one-role demo block repeats the same data exposed by the
     collapsed local-access drawer. Removing that duplicate keeps the primary
     sign-in action above the fold without losing developer access. */
  html body.login-body .demo-credentials { display: none !important; }
  html body.login-body :is(.vm-language-current,.login-options a,.login-card > a) {
    min-height: 44px !important;
  }
  html body.login-body .vm-language-current {
    width: 44px !important;
    min-width: 44px !important;
    font-size: 11px !important;
  }

  html body.public-info-body .public-header {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 8px 10px !important;
    border-inline: 0 !important;
    border-radius: 0 !important;
  }
  html body.public-info-body .public-header :is(.public-menu-button,.public-login,.public-open,.vm-language-current) {
    min-height: 44px !important;
    height: 44px !important;
  }
  html body.public-info-body .public-login {
    display: inline-flex !important;
    min-width: 82px;
    padding-inline: 9px !important;
    font-size: 11px !important;
  }
  html body.public-info-body .public-open {
    min-width: 96px !important;
    padding-inline: 9px !important;
  }
  html body.public-info-body .public-navigation :is(summary,a) {
    min-height: 44px;
    font-size: 13px !important;
  }
  html body.registration-body .registration-layout {
    padding: 14px 12px 58px !important;
    gap: 14px !important;
  }
  html body.registration-body .registration-intro,
  html body.registration-body .registration-panel,
  html body.registration-body .registration-success {
    padding: 18px !important;
    border-radius: 14px !important;
  }
  html body.registration-body .registration-intro > a:first-child {
    min-height: 44px;
    margin-bottom: 14px !important;
    align-items: center;
  }
  html body.registration-body .registration-intro h2 {
    margin-block: 7px 15px !important;
    font-size: clamp(29px,9.5vw,38px) !important;
  }
  html body.registration-body .registration-steps { gap: 7px !important; }
  html body.registration-body .registration-steps > li {
    min-height: 64px !important;
    padding: 10px 11px !important;
    grid-template-columns: 36px minmax(0,1fr) !important;
    gap: 10px !important;
  }
  html body.registration-body .registration-steps > li > b {
    width: 36px !important;
    height: 36px !important;
    font-size: 13px !important;
  }
  html body.registration-body .registration-steps :is(strong,small),
  html body.registration-body .registration-note,
  html body.registration-body .registration-panel header p,
  html body.registration-body .registration-form label,
  html body.registration-body .registration-form label small,
  html body.registration-body .registration-consent span {
    font-size: 12px !important;
    line-height: 1.42 !important;
  }
  html body.registration-body .registration-panel header h1 {
    font-size: clamp(27px,8.5vw,34px) !important;
  }
  html body.registration-body .registration-form {
    margin-top: 18px !important;
    grid-template-columns: minmax(0,1fr) !important;
    gap: 12px !important;
  }
  html body.registration-body .registration-form :is(input,select,button) {
    min-width: 0;
    min-height: 48px !important;
    font-size: 13px !important;
  }

  /* Faster public-page rhythm without hiding any information. */
  html body.landing-v2 .lp-proof.lp-proof-ads { min-height: 0 !important; }
  html body.landing-v2 .landing-actions .nav-login { font-size: 11px !important; }
  html body.landing-v2 .lp-proof-ads article,
  html body.landing-v2 .lp-proof-ads article:first-child {
    min-height: 178px !important;
    padding: 19px !important;
  }
  html body.landing-v2 .market-strip {
    padding: 22px 14px !important;
  }
  html body.landing-v2 .market-strip > div {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 8px !important;
  }
  html body.landing-v2 .market-strip .lp-cat {
    min-height: 70px !important;
    padding: 10px !important;
  }
  html body.landing-v2 .market-strip .lp-cat:last-child { grid-column: 1 / -1 !important; }
  html body.landing-v2 :is(.lp-home-account,.lp-home-insight,.lp-home-payments,.lp-home-standards,.lp-home-support,.lp-trust-ribbon) {
    margin-block: 30px !important;
  }
  html body.landing-v2 :is(.lp-home-account,.lp-home-payments,.lp-home-support) {
    padding: 20px 16px !important;
  }
  html body.landing-v2 :is(.lp-home-account,.lp-home-insight,.lp-home-payments,.lp-home-standards,.lp-home-support) h2,
  html body.landing-v2 .final-cta h2 {
    font-size: clamp(29px,9.8vw,38px) !important;
    line-height: 1.06 !important;
  }
  html body.landing-v2 :is(.lp-home-account,.lp-home-insight,.lp-home-payments,.lp-home-standards,.lp-home-support) p {
    font-size: 13px !important;
    line-height: 1.52 !important;
  }
  html body.landing-v2 :is(.lp-home-payments,.lp-home-standards) > div {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 8px !important;
  }
  html body.landing-v2 .lp-home-payments a {
    min-height: 112px !important;
    padding: 12px !important;
  }
  html body.landing-v2 .lp-home-standards article {
    min-height: 132px !important;
    padding: 14px !important;
  }
  html body.landing-v2 .lp-home-standards article :is(b,p),
  html body.landing-v2 .lp-home-payments a :is(b,small) {
    font-size: 11px !important;
    line-height: 1.4 !important;
  }
  html body.landing-v2 .lp-home-support { gap: 17px !important; }
  html body.landing-v2 .lp-home-support a { min-height: 48px !important; }
  html body.landing-v2 .lp-trust-ribbon a {
    min-height: 66px !important;
    padding-block: 10px !important;
  }
  html body.landing-v2 .final-cta {
    min-height: 0 !important;
    padding: 42px 18px !important;
  }
  html body.landing-v2 .landing-footer {
    gap: 22px !important;
    padding-top: 34px !important;
    padding-bottom: 28px !important;
  }
  html body.landing-v2 .lp-footer-directory { gap: 20px 14px !important; }
  html body.landing-v2 .lp-footer-payments { padding-block: 18px !important; }
  html body.landing-v2 .lp-footer-risk { padding: 16px !important; }

  /* Client portal */
  html body.portal-body .portal-shell,
  html body.portal-body .portal-main,
  html body.portal-body .portal-content,
  html body.portal-body .portal-content > * {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
  html body.portal-body .portal-main {
    padding: 0 15px calc(88px + env(safe-area-inset-bottom)) !important;
  }
  html body.portal-body .portal-content { padding: 22px 0 10px !important; }
  html body.portal-body .content-heading { margin-bottom: 17px !important; }
  html body.portal-body .content-heading h2 {
    margin-block: 5px 7px !important;
    font-size: clamp(25px,8.5vw,32px) !important;
    line-height: 1.08 !important;
  }
  html body.portal-body :is(.content-heading p,.welcome-row p,.risk-disclaimer) {
    font-size: 12px !important;
    line-height: 1.5 !important;
  }
  html body.portal-body .summary-cards {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 9px !important;
  }
  html body.portal-body .summary-cards article {
    min-height: 112px !important;
    padding: 14px !important;
  }
  html body.portal-body .summary-cards article :is(small,span) { font-size: 11px !important; }
  html body.portal-body .summary-cards article b {
    margin-block: 7px 4px !important;
    font-size: clamp(16px,5vw,20px) !important;
    overflow-wrap: anywhere;
  }
  html body.portal-body :is(.overview-card,.quick-card,.history-card,.movement-card,.cash-card,.settings-card,.portal-form,.account-detail-card) {
    width: 100% !important;
    min-width: 0 !important;
    padding: 15px !important;
  }
  html body.portal-body .overview-card header a {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    font-size: 11px !important;
  }
  html body.portal-body .quick-card a { min-height: 62px !important; }
  html body.portal-body .quick-card a :is(b,small) { font-size: 11px !important; }
  html body.portal-body .performance-grid {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 8px !important;
  }
  html body.portal-body .performance-grid article {
    min-height: 112px !important;
    padding: 13px !important;
  }
  html body.portal-body .performance-grid article :is(small,span) {
    font-size: 11px !important;
    line-height: 1.35 !important;
  }
  html body.portal-body .performance-grid article b {
    font-size: 18px !important;
    overflow-wrap: anywhere;
  }
  html body.portal-body .performance-layout {
    width: 100% !important;
    min-width: 0 !important;
    grid-template-columns: minmax(0,1fr) !important;
  }
  html body.portal-body .exposure-list,
  html body.portal-body .exposure-row {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
  html body.portal-body .exposure-row {
    min-height: 70px !important;
    grid-template-columns: minmax(0,1fr) auto !important;
    grid-template-rows: auto auto !important;
    gap: 7px 10px !important;
  }
  html body.portal-body .exposure-row progress {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    width: 100% !important;
    min-width: 0 !important;
  }
  html body.portal-body .exposure-row strong {
    grid-column: 2 !important;
    grid-row: 1 !important;
    font-size: 11px !important;
  }
  html body.portal-body .exposure-row :is(b,small) { font-size: 11px !important; }
  html body.portal-body .result-range > div { gap: 7px !important; }
  html body.portal-body .result-range > div > span {
    min-width: 0 !important;
    min-height: 72px !important;
    padding: 10px !important;
  }
  html body.portal-body .result-range :is(small,b) { font-size: 11px !important; overflow-wrap: anywhere; }
  html body.portal-body :is(.portal-form,.funding-form,.settings-card) label,
  html body.portal-body :is(.portal-form,.funding-form,.settings-card) label > span,
  html body.portal-body #cashMovementForm label,
  html body.portal-body #cashMovementForm label > span,
  html body.portal-body .funding-field-label {
    font-size: 12px !important;
    line-height: 1.4 !important;
  }
  html body.portal-body :is(.portal-form,.funding-form,.settings-card) :is(input,select,textarea),
  html body.portal-body .money-field {
    min-width: 0 !important;
    min-height: 48px !important;
    font-size: 13px !important;
  }
  html body.portal-body #cashMovementForm .payment-methods {
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    gap: 6px !important;
  }
  html body.portal-body #cashMovementForm .payment-methods button {
    min-width: 0 !important;
    min-height: 62px !important;
    padding: 7px 4px !important;
  }
  html body.portal-body #cashMovementForm .payment-methods button b {
    font-size: 11px !important;
    line-height: 1.15 !important;
    overflow-wrap: anywhere;
  }
  html body.portal-body #cashMovementForm .payment-methods button :is(span,small),
  html body.portal-body #cashMovementForm :is(legend,.available-balance > span,.cash-input b,.funding-consent,.funding-safety),
  html body.portal-body .funding-history header > span,
  html body.portal-body .funding-content .content-heading > span {
    font-size: 11px !important;
    line-height: 1.35 !important;
  }
  /* The previous explanatory rail repeated internal process copy and made the
     fund request unnecessarily long on a phone. Status remains in Historial. */
  html body.portal-body .funding-assurance { display: none !important; }
  html body.portal-body #cashMovementForm :is(.funding-assurance,.funding-confirmation,.method-instructions,.card-helper,.cash-card > small) :is(p,small,span,b,em,label),
  html body.portal-body .movement-list :is(b,strong,small,em),
  html body.portal-body .account-detail-card :is(span,b),
  html body.portal-body .settings-card :is(b,small) {
    font-size: 11px !important;
    line-height: 1.4 !important;
  }
  html body.portal-body .movement-list > div { min-height: 64px !important; }
  html body.portal-body .portal-mobile-nav a {
    min-height: 52px !important;
    font-size: 11px !important;
  }
  html body.portal-body .portal-mobile-nav a span { font-size: 11px !important; }
  html body.portal-body :is(.primary-action,.button,.download-history) { min-height: 46px !important; }

  /* KYC remains compact while both camera and file paths stay visible. */
  html body.portal-body .kyc-workflow-heading :is(small,p),
  html body.portal-body .kyc-security-seal :is(b,small),
  html body.portal-body .kyc-upload-card :is(b,small,em),
  html body.portal-body .kyc-privacy :is(b,small) {
    font-size: 11px !important;
    line-height: 1.35 !important;
  }
  html body.portal-body .kyc-source-actions { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  html body.portal-body .kyc-source-action { min-height: 48px !important; }
  html body.portal-body [data-kyc-clear] { width: 44px !important; height: 44px !important; }

  /* WebTrader */
  html body:has(.terminal-shell) .terminal-shell,
  html body:has(.terminal-shell) :is(.terminal-grid,.trade-workspace,.market-sidebar,.positions-panel,.terminal-chart) {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
  html .terminal-shell .market-search input,
  html .terminal-shell .order-ticket :is(input,select),
  html .terminal-shell .order-ticket label { font-size: 13px !important; }
  html .terminal-shell .market-tabs button,
  html .terminal-shell .market-row :is(b,small,strong),
  html .terminal-shell .instrument-main :is(h1,small),
  html .terminal-shell .instrument-quote :is(b,small),
  html .terminal-shell .mobile-app-nav :is(button,a,span),
  html .terminal-shell .order-ticket :is(p,small),
  html .terminal-shell.mobile-view-activity :is(.position-row,.order-history-row,.closed-trade-row) :is(b,small,em) {
    font-size: 11px !important;
    line-height: 1.3 !important;
  }
  html .terminal-shell .market-row { min-height: 58px !important; }
  html .terminal-shell :is(.vm-language-current,.deposit-button),
  html .terminal-shell .mobile-app-nav :is(span,b) {
    font-size: 11px !important;
    line-height: 1.2 !important;
  }
  html .terminal-shell .market-tabs button,
  html .terminal-shell .mobile-app-nav :is(button,a),
  html .terminal-shell .order-ticket :is(button,input,select) { min-height: 44px !important; }
  html .terminal-shell .chart-tool.primary small { display: none !important; }
  html .terminal-shell .chart-tool.primary b { font-size: 11px !important; }
  html .terminal-shell .order-ticket {
    width: min(100%,430px) !important;
    max-width: 100% !important;
  }

  /* Administration and agent areas */
  html body[data-staff-role] .staff-shell,
  html body[data-staff-role] .staff-main,
  html body[data-staff-role] .staff-content,
  html body[data-staff-role] .staff-content > * {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
  html body[data-staff-role] .staff-top {
    min-height: 60px !important;
    height: 60px !important;
    padding-inline: 10px !important;
  }
  html body[data-staff-role] .staff-content { padding: 15px 11px 78px !important; }
  html body[data-staff-role] .staff-heading {
    margin-bottom: 16px !important;
    gap: 9px !important;
  }
  html body[data-staff-role] .staff-heading h1 {
    margin-block: 3px !important;
    font-size: clamp(25px,8vw,31px) !important;
  }
  html body[data-staff-role] .staff-heading :is(span,p),
  html body[data-staff-role] :is(.staff-card,.staff-form,.staff-kpis,.client-detail-card,.client-identity-card) :is(p,small,label,time,code),
  html body[data-staff-role] .status {
    font-size: 11px !important;
    line-height: 1.35 !important;
  }
  html body[data-staff-role] .staff-kpis {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 8px !important;
  }
  html body[data-staff-role] .staff-kpis article {
    min-height: 104px !important;
    padding: 13px !important;
  }
  html body[data-staff-role] .staff-kpis article :is(small,span) { font-size: 11px !important; }
  html body[data-staff-role] .staff-kpis article b { font-size: 20px !important; overflow-wrap: anywhere; }
  html body[data-staff-role] :is(.staff-card,.staff-form,.client-detail-card,.client-identity-card,.client-profile-form) {
    width: 100% !important;
    min-width: 0 !important;
    padding: 14px !important;
    border-radius: 12px !important;
  }
  html body[data-staff-role] :is(.form-grid,.client-profile-grid,.manual-funds-grid,.support-admin-controls) {
    grid-template-columns: minmax(0,1fr) !important;
  }
  html body[data-staff-role] :is(input,select,textarea),
  html body[data-staff-role] :is(.primary,.danger,.ghost),
  html body[data-staff-role] .client-detail-tabs a {
    min-width: 0 !important;
    min-height: 44px !important;
    font-size: 12px !important;
  }
  html body[data-staff-role] .table-search { width: 100% !important; min-height: 44px !important; }
  html body[data-staff-role] .table-search input { min-height: 42px !important; font-size: 13px !important; }
  html body[data-staff-role] :is(.staff-top > button,.vm-language-current,.staff-card header a,.staff-card header button) {
    min-width: 44px !important;
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
  }
  html body[data-staff-role] .staff-table { overflow: visible !important; }
  html body[data-staff-role] .staff-table-head { display: none !important; }
  html body[data-staff-role] .staff-row {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 10px !important;
    margin-bottom: 8px;
    padding: 12px !important;
    border: 1px solid var(--staff-line) !important;
    border-radius: 12px;
    background: rgba(5,24,38,.62);
  }
  html body[data-staff-role] .staff-row > * { min-width: 0 !important; font-size: 12px !important; }
  html body[data-staff-role] .staff-row > :first-child,
  html body[data-staff-role] .staff-row > .row-actions { grid-column: 1 / -1; }
  html body[data-staff-role] .staff-row :is(b,small) { font-size: 11px !important; line-height: 1.4 !important; overflow-wrap: anywhere; }
  html body[data-staff-role] .client-row > span:nth-child(2)::before,
  html body[data-staff-role] .client-row > span:nth-child(3)::before,
  html body[data-staff-role] .client-row > span:nth-child(4)::before {
    display: block;
    margin-bottom: 4px;
    color: var(--staff-muted);
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .06em;
    text-transform: uppercase;
  }
  html body[data-staff-role] .client-row > span:nth-child(2)::before { content: "Agente"; }
  html body[data-staff-role] .client-row > span:nth-child(3)::before { content: "Cuenta"; }
  html body[data-staff-role] .client-row > span:nth-child(4)::before { content: "Control"; }
  html body[data-staff-role] :is(.fund-row,.audit-row,.kyc-review-row,.managed-position-row,.client-order-row,.client-ledger-row) {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
  html body[data-staff-role] .row-editor {
    position: fixed !important;
    inset: auto 10px calc(10px + env(safe-area-inset-bottom)) 10px !important;
    width: auto !important;
    max-height: min(72dvh,560px) !important;
    overflow: auto !important;
  }
}

/* v70 · Trading touch controls remain spacious after the mobile layer loads. */
@media (max-width: 900px) {
  html .terminal-shell .market-search {
    width:auto !important;
    min-height:46px !important;
    height:46px !important;
    margin:0 8px 10px !important;
    padding:0 12px !important;
    border-radius:10px !important;
  }
  html .terminal-shell .market-search input {
    min-height:42px !important;
    font-size:13px !important;
  }
  html .terminal-shell .position-symbol {
    min-height:36px !important;
    padding:4px 6px !important;
  }
  html .terminal-shell.mobile-view-activity .position-row {
    height:116px !important;
    grid-template-rows:30px 27px 27px 32px !important;
  }
  html .terminal-shell.mobile-view-activity .position-actions,
  html .terminal-shell.mobile-view-activity .position-actions button {
    height:32px !important;
    min-height:32px !important;
  }
  html .terminal-shell.mobile-view-activity .position-actions button { font-size:9px !important; }
  html body:has(.terminal-shell) .terminal-shell :is(.position-close,.submit-order.close-action) {
    color:#fff !important;
    border-color:#ef3340 !important;
    background:#ef3340 !important;
    background-image:none !important;
  }
  html .terminal-shell .top-controls > .vm-language-switcher,
  html .terminal-shell .top-controls .vm-language-current {
    width:54px !important;
    min-width:54px !important;
  }
  html .terminal-shell .top-controls .vm-language-current {
    height:42px !important;
    min-height:42px !important;
    padding:0 6px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:5px !important;
    border-radius:10px !important;
    box-shadow:none !important;
  }
}

@media (max-width: 390px) {
  html body.public-info-body .public-actions > .vm-language-switcher { display: none !important; }
  html body.public-info-body .public-brand { flex: 0 0 38px !important; width: 38px !important; min-width: 38px !important; }
  html body.public-info-body .public-login { min-width: 78px !important; }
  html body.public-info-body .public-open { min-width: 92px !important; }
  html body.portal-body .result-range > div { grid-template-columns: minmax(0,1fr) !important; }
  html body[data-staff-role] .staff-kpis { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
}

/* Final mobile legibility guard for high-specificity terminal rules. */
@media (max-width: 760px) {
  html body:has(.terminal-shell) .terminal-shell a.deposit-button,
  html body:has(.terminal-shell) .terminal-shell .vm-language-current,
  html body:has(.terminal-shell) .terminal-shell .account-tier-crown {
    font-size: 11px !important;
    line-height: 1.2 !important;
  }

  html body.portal-body .portal-user-trigger > span,
  html body.portal-body .kyc-submit-bar .kyc-privacy,
  html body.portal-body .kyc-submit-bar .kyc-privacy > span,
  html body.portal-body .kyc-submit-bar .kyc-privacy :is(b,small) {
    font-size: 11px !important;
    line-height: 1.35 !important;
  }
}

/* v81 · Keep the live activity ledger dense after this late-loaded responsive
   layer. The complete field set remains visible; only redundant card spacing
   is reduced. */
@media (max-width: 760px) {
  html .terminal-shell.mobile-view-activity .position-row {
    height:88px !important;
    min-height:88px !important;
    padding:5px 7px !important;
    grid-template-rows:20px 25px 27px !important;
    gap:3px 5px !important;
  }
  html .terminal-shell.mobile-view-activity .position-row > span,
  html .terminal-shell.mobile-view-activity .position-row > span :is(b,small,em) {
    font-size:8px !important;
    line-height:1.05 !important;
  }
  html .terminal-shell.mobile-view-activity .position-row > span:nth-child(1) b { font-size:9px !important; }
  html .terminal-shell.mobile-view-activity .position-row > span:nth-child(4) small,
  html .terminal-shell.mobile-view-activity .position-row > span:nth-child(6) small { font-size:5.5px !important; }
  html .terminal-shell.mobile-view-activity .position-actions,
  html .terminal-shell.mobile-view-activity .position-actions button {
    height:27px !important;
    min-height:27px !important;
  }
  html .terminal-shell.mobile-view-activity .position-actions button { font-size:7px !important; }

  html .terminal-shell.mobile-view-activity .closed-trade-row {
    height:92px !important;
    min-height:92px !important;
    padding:6px 8px !important;
    grid-template-rows:22px 22px 28px !important;
    gap:3px 8px !important;
  }
  html .terminal-shell.mobile-view-activity .closed-trade-row :is(b,small,em) {
    font-size:8px !important;
    line-height:1.05 !important;
  }
  html .terminal-shell.mobile-view-activity .closed-trade-row :is(.closed-main small,.closed-date small,.closed-result em) { font-size:6px !important; }
  html .terminal-shell.mobile-view-activity .closed-result b { font-size:10px !important; }
  html .terminal-shell.mobile-view-activity .order-history-row {
    min-height:76px !important;
    padding:6px 8px !important;
    gap:4px 8px !important;
  }
  html .terminal-shell.mobile-view-activity .order-history-row :is(b,small,em) {
    font-size:8px !important;
    line-height:1.1 !important;
  }
}