.market-owner-dashboard {
  /* Under the app header (10020), not over it: at 11050 this panel covered the
     hamburger and the login/bell button with its own opaque background. */
  z-index: 10010 !important;
}

.market-owner-dashboard__intro {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 14px;
}

.market-owner-dashboard__intro span {
  display: block;
  color: #777 !important;
  -webkit-text-fill-color: #777 !important;
  font-size: 9px;
  font-weight: 950;
  letter-spacing: 0.16em;
}

.market-owner-dashboard__intro h1 {
  margin: 5px 0 0;
  font-size: 28px;
  line-height: 1;
  letter-spacing: -0.04em;
}

html body #mobile-market-owner-dashboard .market-owner-dashboard__hero,
html body #mobile-market-owner-dashboard .market-owner-dashboard__hero * {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

html body #mobile-market-owner-dashboard .market-owner-dashboard__hero em.is-up {
  color: #7ee2a0 !important;
  -webkit-text-fill-color: #7ee2a0 !important;
}

html body #mobile-market-owner-dashboard .market-owner-dashboard__hero em.is-down {
  color: #ff9b91 !important;
  -webkit-text-fill-color: #ff9b91 !important;
}

html body #mobile-market-owner-dashboard .market-owner-dashboard__periods button {
  color: #666 !important;
  -webkit-text-fill-color: #666 !important;
}

html body #mobile-market-owner-dashboard .market-owner-dashboard__periods button.is-active {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

html body #mobile-market-owner-dashboard .market-owner-dashboard__buyer > i,
html body #mobile-market-owner-dashboard .market-owner-dashboard__recent > button > i {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

/* The metric and split-card labels sit on light grey cards, but only the base
   stylesheet gave them a colour — a broad white-text rule elsewhere was winning
   on device and rendering PAYMENTS / BUYERS / AVERAGE / PAYMENT MIX / TOP BUYERS
   white-on-white. Pin them here, at the same specificity as the hero rules that
   already survive, so nothing outside this file can wash them out. */
html body #mobile-market-owner-dashboard .market-owner-dashboard__metrics span,
html body #mobile-market-owner-dashboard .market-owner-dashboard__split > article > span,
html body #mobile-market-owner-dashboard .market-owner-dashboard__section > span,
html body #mobile-market-owner-dashboard .market-owner-dashboard__heading > small,
html body #mobile-market-owner-dashboard .market-owner-dashboard__rank small,
html body #mobile-market-owner-dashboard .market-owner-dashboard__buyer small,
html body #mobile-market-owner-dashboard .market-owner-dashboard__recent small {
  color: #777 !important;
  -webkit-text-fill-color: #777 !important;
}

/* Values and headings on those same light cards. */
html body #mobile-market-owner-dashboard .market-owner-dashboard__metrics strong,
html body #mobile-market-owner-dashboard .market-owner-dashboard__split > article,
html body #mobile-market-owner-dashboard .market-owner-dashboard__heading h2,
html body #mobile-market-owner-dashboard .market-owner-dashboard__rank b,
html body #mobile-market-owner-dashboard .market-owner-dashboard__buyer b,
html body #mobile-market-owner-dashboard .market-owner-dashboard__recent b {
  color: #0a0a0a !important;
  -webkit-text-fill-color: #0a0a0a !important;
}

/* Empty-state copy inside the chart and split cards. */
html body #mobile-market-owner-dashboard .market-owner-dashboard__chart.is-empty span,
html body #mobile-market-owner-dashboard .market-owner-dashboard__split > article > div {
  color: #8a8a8f !important;
  -webkit-text-fill-color: #8a8a8f !important;
}