.capital-mobile-status,
.capital-mobile-distribution {
  display: none;
}

/* Mobile layout used only inside a real Telegram WebApp. */
@media (max-width: 600px) {
  body.is-telegram-mini-app {
    --tg-page-gutter-left: max(12px, env(safe-area-inset-left));
    --tg-page-gutter-right: max(12px, env(safe-area-inset-right));
    --tg-bottom-nav-space: calc(100px + env(safe-area-inset-bottom));
  }

  body.is-telegram-mini-app .app-shell.app-main,
  body.is-telegram-mini-app.sidebar-expanded .app-shell.app-main {
    width: 100% !important;
    max-width: 100vw !important;
    margin: 0 !important;
    padding-right: var(--tg-page-gutter-right) !important;
    padding-bottom: var(--tg-bottom-nav-space) !important;
    padding-left: var(--tg-page-gutter-left) !important;
    overflow-x: hidden !important;
  }

  body.is-telegram-mini-app .topbar.app-header.app-header-sticky {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    left: 0 !important;
    width: 100% !important;
    min-height: 70px !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    padding:
      calc(8px + env(safe-area-inset-top))
      var(--tg-page-gutter-right)
      9px
      var(--tg-page-gutter-left) !important;
    gap: 7px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(166, 188, 207, 0.14) !important;
    border-radius: 0 !important;
    background: linear-gradient(180deg, rgba(12, 17, 31, 0.97), rgba(12, 17, 31, 0.84)) !important;
    box-shadow: 0 9px 24px rgba(3, 9, 20, 0.08) !important;
    -webkit-backdrop-filter: blur(20px) saturate(1.08) !important;
    backdrop-filter: blur(20px) saturate(1.08) !important;
  }

  body.is-telegram-mini-app.theme-light .topbar.app-header.app-header-sticky {
    border-bottom-color: rgba(126, 151, 174, 0.18) !important;
    background: linear-gradient(180deg, rgba(247, 250, 253, 0.98), rgba(242, 247, 250, 0.88)) !important;
    box-shadow: 0 9px 22px rgba(28, 39, 55, 0.06) !important;
  }

  body.is-telegram-mini-app .topbar.app-header.app-header-sticky::after {
    right: 0 !important;
    bottom: -14px !important;
    left: 0 !important;
    height: 14px !important;
    background: linear-gradient(180deg, rgba(11, 16, 29, 0.14), transparent) !important;
    opacity: 0.58 !important;
  }

  body.is-telegram-mini-app.theme-light .topbar.app-header.app-header-sticky::after {
    background: linear-gradient(180deg, rgba(72, 98, 120, 0.09), transparent) !important;
  }

  body.is-telegram-mini-app .topbar .brand-logo-wrap,
  body.is-telegram-mini-app .topbar .system-live-status,
  body.is-telegram-mini-app .topbar .theme-toggle-btn {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body.is-telegram-mini-app .topbar .brand-logo-wrap {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    flex: 0 0 32px !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    border-radius: 0 !important;
  }

  body.is-telegram-mini-app .topbar .brand-logo {
    width: 28px !important;
    height: 28px !important;
  }

  body.is-telegram-mini-app .topbar .brand-copy {
    min-width: 0 !important;
    flex: 1 1 auto !important;
    gap: 1px !important;
  }

  body.is-telegram-mini-app .topbar .brand-name {
    max-width: 100% !important;
    overflow: hidden !important;
    font-size: clamp(13px, 4vw, 16px) !important;
    line-height: 1.05 !important;
    letter-spacing: 0.08em !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.is-telegram-mini-app .topbar .brand-copy > span {
    max-width: 100% !important;
    overflow: hidden !important;
    font-size: 9px !important;
    line-height: 1.15 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.is-telegram-mini-app .topbar .brand-accent {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    color: #79a7e8 !important;
    font-size: 8px !important;
    font-weight: 600 !important;
    line-height: 1.15 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.is-telegram-mini-app.theme-light .topbar .brand-accent {
    color: #356c9a !important;
  }

  body.is-telegram-mini-app .topbar .system-live-status {
    flex: 0 0 84px !important;
    max-width: 84px !important;
    gap: 2px !important;
    padding: 0 !important;
    border-radius: 0 !important;
  }

  body.is-telegram-mini-app .topbar .system-live-main {
    justify-content: flex-end !important;
    gap: 4px !important;
    font-size: 9px !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
  }

  body.is-telegram-mini-app .topbar .system-live-dot {
    width: 6px !important;
    height: 6px !important;
    box-shadow: 0 0 0 4px rgba(57, 169, 107, 0.09) !important;
  }

  body.is-telegram-mini-app .topbar .system-live-meta {
    display: block !important;
    overflow: hidden !important;
    font-size: 7px !important;
    line-height: 1.15 !important;
    text-align: right !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.is-telegram-mini-app .topbar .morpheus-observing {
    display: none !important;
  }

  body.is-telegram-mini-app .topbar .theme-toggle-btn {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    max-width: 28px !important;
    flex: 0 0 28px !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    border: 1px solid rgba(142, 171, 194, 0.24) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.035) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
  }

  body.is-telegram-mini-app.theme-light .topbar .theme-toggle-btn {
    border-color: rgba(53, 108, 154, 0.20) !important;
    background: rgba(255, 255, 255, 0.34) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
  }

  body.is-telegram-mini-app .topbar .demo-preview-badge {
    max-width: 84px !important;
    margin-top: 1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    color: var(--dk-muted, #7a8190) !important;
    font-size: 0 !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    text-align: right !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    opacity: 0.62 !important;
  }

  body.is-telegram-mini-app .topbar .demo-preview-badge::before {
    content: "Preview";
    font-size: 7px;
    letter-spacing: 0.04em;
  }

  body.is-telegram-mini-app.is-demo-preview .topbar .demo-preview-badge,
  body.is-telegram-mini-app.is-demo-preview-user .topbar .demo-preview-badge {
    display: none !important;
  }

  body.is-telegram-mini-app .app-main > .panel,
  body.is-telegram-mini-app .app-main > .panel[data-panel="overview"] {
    padding-top: calc(74px + env(safe-area-inset-top)) !important;
    scroll-margin-top: calc(78px + env(safe-area-inset-top)) !important;
  }

  body.is-telegram-mini-app .capital-board,
  body.is-telegram-mini-app .panel[data-panel="overview"] .capital-board,
  body.is-telegram-mini-app .panel[data-panel="overview"] .spot-card.capital-card {
    padding: 9px 2px 12px !important;
    border-right: 0 !important;
    border-left: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body.is-telegram-mini-app .capital-access-row {
    display: grid !important;
    grid-template-columns: max-content minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 3px 8px !important;
    margin-bottom: 7px !important;
    padding-inline: 2px !important;
  }

  body.is-telegram-mini-app .capital-access-row span {
    max-width: 100% !important;
    overflow: visible !important;
    color: rgba(201, 211, 222, 0.58) !important;
    font-size: 9px !important;
    line-height: 1.2 !important;
    letter-spacing: 0.025em !important;
    text-overflow: clip !important;
    text-transform: none !important;
    white-space: normal !important;
  }

  body.is-telegram-mini-app.theme-light .capital-access-row span {
    color: rgba(39, 54, 68, 0.54) !important;
  }

  body.is-telegram-mini-app .capital-access-row span:last-child {
    grid-column: 1 / -1 !important;
    max-width: 100% !important;
    color: rgba(201, 211, 222, 0.44) !important;
    font-size: 8.5px !important;
  }

  body.is-telegram-mini-app.theme-light .capital-access-row span:last-child {
    color: rgba(39, 54, 68, 0.42) !important;
  }

  body.is-telegram-mini-app .spot-head {
    align-items: center !important;
    gap: 6px !important;
    margin-bottom: 6px !important;
    padding-inline: 2px !important;
  }

  body.is-telegram-mini-app .spot-head .eyebrow {
    font-size: 8px !important;
  }

  body.is-telegram-mini-app .spot-head h2 {
    margin-top: 2px !important;
    font-size: clamp(17px, 5.3vw, 21px) !important;
    line-height: 1.05 !important;
  }

  body.is-telegram-mini-app .mode-toggle {
    padding: 2px !important;
  }

  body.is-telegram-mini-app .mode-toggle button {
    min-height: 28px !important;
    padding-inline: 8px !important;
    font-size: 10px !important;
  }

  body.is-telegram-mini-app .spot-dashboard {
    gap: 2px !important;
  }

  body.is-telegram-mini-app .capital-master {
    min-height: 0 !important;
    padding: 10px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(132, 155, 177, 0.16) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body.is-telegram-mini-app .capital-master > span {
    font-size: 9px !important;
    letter-spacing: 0.08em !important;
  }

  body.is-telegram-mini-app .capital-value-row strong {
    min-width: 0 !important;
    font-size: clamp(36px, 12vw, 48px) !important;
    line-height: 0.96 !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
  }

  body.is-telegram-mini-app .capital-value-row strong.is-long-value {
    font-size: clamp(27px, 8.5vw, 34px) !important;
  }

  body.is-telegram-mini-app .capital-value-row strong.is-extra-long-value {
    font-size: clamp(23px, 7.2vw, 29px) !important;
  }

  body.is-telegram-mini-app .capital-master > small,
  body.is-telegram-mini-app .capital-master .pair-chip,
  body.is-telegram-mini-app .capital-master-lines {
    display: none !important;
  }

  body.is-telegram-mini-app .capital-mobile-status {
    display: flex !important;
    grid-column: 1 / -1 !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 5px !important;
    margin-top: 13px !important;
    color: rgba(229, 235, 242, 0.72) !important;
    font-size: 11px !important;
    line-height: 1.3 !important;
  }

  body.is-telegram-mini-app.theme-light .capital-mobile-status {
    color: rgba(32, 46, 59, 0.68) !important;
  }

  body.is-telegram-mini-app .capital-mobile-status > i {
    width: 6px !important;
    height: 6px !important;
    flex: 0 0 6px !important;
    border-radius: 999px !important;
    background: #c8a46a !important;
    box-shadow: 0 0 0 4px rgba(200, 164, 106, 0.08) !important;
  }

  body.is-telegram-mini-app .capital-board[data-strategy-state="active"] .capital-mobile-status > i {
    background: #56a978 !important;
    box-shadow: 0 0 0 4px rgba(86, 169, 120, 0.09) !important;
  }

  body.is-telegram-mini-app .capital-board[data-strategy-state="stopped"] .capital-mobile-status > i {
    background: #8996a4 !important;
    box-shadow: 0 0 0 4px rgba(137, 150, 164, 0.08) !important;
  }

  body.is-telegram-mini-app .capital-mobile-status > b {
    color: rgba(200, 164, 106, 0.46) !important;
    font-weight: 500 !important;
  }

  body.is-telegram-mini-app .capital-mobile-distribution {
    display: flex !important;
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: none !important;
    align-items: baseline !important;
    flex-wrap: wrap !important;
    gap: 3px !important;
    margin-top: 10px !important;
    padding-top: 9px !important;
    border-top: 1px solid rgba(132, 155, 177, 0.12) !important;
    color: rgba(201, 211, 222, 0.54) !important;
    font-size: 9.25px !important;
    line-height: 1.35 !important;
  }

  body.is-telegram-mini-app.theme-light .capital-mobile-distribution {
    color: rgba(39, 54, 68, 0.52) !important;
  }

  body.is-telegram-mini-app .capital-mobile-distribution b {
    color: #c8a46a !important;
    font-weight: 700 !important;
  }

  body.is-telegram-mini-app.theme-light .capital-mobile-distribution b {
    color: #9c7432 !important;
  }

  body.is-telegram-mini-app .capital-mobile-distribution > i {
    color: rgba(200, 164, 106, 0.46) !important;
    font-style: normal !important;
  }

  body.is-telegram-mini-app .capital-mobile-distribution > span {
    display: inline !important;
    width: auto !important;
    flex: 0 0 auto !important;
    font-size: inherit !important;
    white-space: nowrap !important;
  }

  body.is-telegram-mini-app .spot-mini-row.spot-metric-grid,
  body.is-telegram-mini-app .spot-mini-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0 !important;
    padding-top: 2px !important;
  }

  body.is-telegram-mini-app .capital-key-metric--strategy {
    order: 1;
  }

  body.is-telegram-mini-app .capital-key-metric--risk {
    order: 2;
  }

  body.is-telegram-mini-app .capital-key-metric--profit {
    order: 3;
  }

  body.is-telegram-mini-app .capital-key-metric--free {
    order: 4;
  }

  body.is-telegram-mini-app .spot-mini-row > article {
    min-width: 0 !important;
    min-height: 60px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 4px !important;
    padding: 8px 9px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body.is-telegram-mini-app .spot-mini-row > .capital-key-metric--strategy,
  body.is-telegram-mini-app .spot-mini-row > .capital-key-metric--risk {
    border-bottom: 1px solid rgba(132, 155, 177, 0.14) !important;
  }

  body.is-telegram-mini-app .spot-mini-row > .capital-key-metric--strategy,
  body.is-telegram-mini-app .spot-mini-row > .capital-key-metric--profit {
    border-right: 1px solid rgba(132, 155, 177, 0.14) !important;
  }

  body.is-telegram-mini-app .spot-mini-row > article span {
    font-size: 8.5px !important;
    line-height: 1.2 !important;
    letter-spacing: 0.055em !important;
  }

  body.is-telegram-mini-app .spot-mini-row > article strong {
    justify-self: auto !important;
    max-width: 100% !important;
    font-size: 13px !important;
    line-height: 1.15 !important;
    text-align: left !important;
  }

  body.is-telegram-mini-app .spot-mini-row > article small {
    display: none !important;
  }

  body.is-telegram-mini-app .capital-key-metric--profit strong,
  body.is-telegram-mini-app .capital-detail-metric--floating strong {
    color: inherit !important;
  }

  body.is-telegram-mini-app .capital-board[data-profit-sign="positive"] .capital-key-metric--profit strong {
    color: #c8a46a !important;
  }

  body.is-telegram-mini-app .capital-board[data-profit-sign="negative"] .capital-key-metric--profit strong,
  body.is-telegram-mini-app .capital-board[data-floating-sign="negative"] .capital-detail-metric--floating strong {
    color: #b87575 !important;
  }

  body.is-telegram-mini-app .capital-board[data-floating-sign="positive"] .capital-detail-metric--floating strong {
    color: #69a989 !important;
  }

  body.is-telegram-mini-app.simple-mode .spot-metric-grid > article.detail-only {
    display: none !important;
  }

  body.is-telegram-mini-app.simple-mode .spot-metric-grid > article.detail-only.capital-key-metric--free {
    display: flex !important;
  }

  body.is-telegram-mini-app .capital-action-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
    margin-top: 8px !important;
    padding-inline: 2px !important;
  }

  body.is-telegram-mini-app .capital-action-row .strategy-toggle {
    grid-column: 1 / -1 !important;
  }

  body.is-telegram-mini-app .capital-action-row .btn {
    min-width: 0 !important;
    width: 100% !important;
    min-height: 40px !important;
    height: auto !important;
    padding: 7px 9px !important;
    border-radius: 13px !important;
    font-size: 11px !important;
    line-height: 1.15 !important;
    white-space: normal !important;
  }

  body.is-telegram-mini-app .capital-action-row .strategy-toggle {
    min-height: 42px !important;
    font-size: 12px !important;
  }

  body.is-telegram-mini-app .capital-action-row .market-analyze-button {
    min-height: 40px !important;
  }

  body.is-telegram-mini-app .capital-profit-notice,
  body.is-telegram-mini-app .quiet-note {
    display: none !important;
  }

  body.is-telegram-mini-app .morpheus-status-strip,
  body.is-telegram-mini-app .morpheus-inline {
    margin-top: 9px !important;
    padding: 9px 4px !important;
    gap: 8px !important;
    border: 0 !important;
    border-top: 1px solid rgba(132, 155, 177, 0.13) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body.is-telegram-mini-app .morpheus-inline-copy strong {
    font-size: 13px !important;
  }

  body.is-telegram-mini-app .morpheus-inline-copy span {
    font-size: 10.5px !important;
    line-height: 1.3 !important;
  }

  body.is-telegram-mini-app .mobile-bottom-nav {
    left: max(10px, env(safe-area-inset-left)) !important;
    right: max(10px, env(safe-area-inset-right)) !important;
    bottom: max(8px, env(safe-area-inset-bottom)) !important;
    padding-bottom: max(6px, env(safe-area-inset-bottom)) !important;
  }

  body.is-telegram-mini-app .market-context-card,
  body.is-telegram-mini-app .trade-history,
  body.is-telegram-mini-app .module-details,
  body.is-telegram-mini-app .service-drawer,
  body.is-telegram-mini-app .morpheus-control-board,
  body.is-telegram-mini-app .manager-crm-panel {
    scroll-margin-bottom: var(--tg-bottom-nav-space) !important;
  }

  body.is-telegram-mini-app .privacy-toggle[data-tooltip]::after,
  body.is-telegram-mini-app .privacy-toggle[data-tooltip]::before {
    display: none !important;
    content: none !important;
  }
}

@media (max-width: 340px) {
  body.is-telegram-mini-app .capital-action-row {
    grid-template-columns: 1fr !important;
  }

  body.is-telegram-mini-app .capital-action-row .strategy-toggle {
    grid-column: auto !important;
  }

  body.is-telegram-mini-app .topbar .system-live-status {
    flex-basis: 72px !important;
    max-width: 72px !important;
  }

  body.is-telegram-mini-app .topbar .brand-name {
    font-size: 12px !important;
    letter-spacing: 0.06em !important;
  }

  body.is-telegram-mini-app .capital-mobile-distribution {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 3px !important;
  }

  body.is-telegram-mini-app .capital-mobile-distribution > i {
    display: none !important;
  }
}