/* QUASAR mobile quant hotfix */
.balance-card > button {
  display: none !important;
}

.quant-hero .hero-top > div:first-child {
  flex: 1 !important;
  min-width: 0 !important;
}

.quant-hero .hero-top h1 {
  font-size: clamp(17px, 5vw, 21px) !important;
  white-space: nowrap !important;
  letter-spacing: -0.4px !important;
}

@media (min-width: 390px) {
  .balance-card {
    grid-template-columns: minmax(0, 1fr) minmax(150px, 1.12fr) !important;
    column-gap: 12px !important;
    align-items: center !important;
  }

  .profit-stats {
    grid-column: 2 !important;
    grid-row: 1 !important;
    padding: 0 0 0 10px !important;
  }

  .balance-primary strong {
    font-size: clamp(18px, 5vw, 23px) !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
  }

  .profit-stats strong {
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
    font-size: clamp(12px, 3.65vw, 15px) !important;
    letter-spacing: -0.2px !important;
    font-variant-numeric: tabular-nums;
  }
}

@media (max-width: 389px) {
  .balance-card {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .profit-stats {
    grid-column: 1 / -1 !important;
  }

  .profit-stats strong,
  .balance-primary strong {
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
    font-variant-numeric: tabular-nums;
  }
}