/* Fita editorial: dados de mercado sem competir com os KPIs principais. */
#mesaAppShell .app-header--punch .mesa-market-tape {
  display: grid;
  grid-template-columns: minmax(120px, 0.7fr) minmax(0, 5.3fr);
  align-items: center;
  gap: 1.25rem;
  margin-top: 1.5rem;
  padding: 0.72rem 0;
  border-top: 1px solid rgba(240, 236, 214, 0.12);
  border-bottom: 1px solid rgba(240, 236, 214, 0.08);
}

#mesaAppShell .app-header--punch .mesa-market-tape__intro {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.3rem;
  flex: 0 0 auto;
  min-width: 0;
}

#mesaAppShell .app-header--punch .mesa-market-tape__intro > span,
#mesaAppShell .app-header--punch .mesa-market-tape__label {
  color: var(--gold);
  font-family: "Inter", "DM Sans", system-ui, sans-serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.14em;
  line-height: 1.1;
  text-transform: uppercase;
}

#mesaAppShell .app-header--punch .mesa-market-tape__intro > small {
  color: #7A7668;
  font-family: "Inter", "DM Sans", system-ui, sans-serif;
  font-size: 11px;
  line-height: 1.2;
}

#mesaAppShell .app-header--punch .mesa-market-tape__items {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  width: max-content;
  min-width: 0;
}

/* A segunda cópia mantém o movimento contínuo; fica oculta apenas para leitores de tela. */
@media (min-width: 881px) {
  #mesaAppShell .app-header--punch .mesa-market-tape__items[aria-hidden='true'] {
    display: flex;
  }
}

#mesaAppShell .app-header--punch .mesa-market-tape__viewport {
  min-width: 0;
  overflow: hidden;
}

#mesaAppShell .app-header--punch .mesa-market-tape__track {
  display: flex;
  width: max-content;
  animation: mesa-market-tape-scroll 44s linear infinite;
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
  will-change: transform;
}

#mesaAppShell .app-header--punch .mesa-market-tape__viewport:hover .mesa-market-tape__track,
#mesaAppShell .app-header--punch .mesa-market-tape__viewport:focus-within .mesa-market-tape__track {
  animation-play-state: paused;
}

#mesaAppShell .app-header--punch .mesa-market-tape__item {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  justify-content: center;
  gap: 0.22rem;
  min-height: 44px;
  min-width: 165px;
  padding: 0.12rem 1rem;
  border-left: 1px solid rgba(240, 236, 214, 0.1);
}

#mesaAppShell .app-header--punch .mesa-market-tape__items:first-child .mesa-market-tape__item:first-child {
  padding-left: 0;
  border-left: 0;
}

#mesaAppShell .app-header--punch .mesa-market-tape__value {
  color: #F0ECD6;
  font-family: "Inter", "DM Sans", system-ui, sans-serif;
  font-size: 15px;
  font-variant-numeric: tabular-nums;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.15;
  white-space: nowrap;
}

#mesaAppShell .app-header--punch .mesa-market-tape__main {
  display: flex;
  align-items: center;
  gap: 0.46rem;
  white-space: nowrap;
}

#mesaAppShell .app-header--punch .mesa-market-tape__detail {
  color: #999486;
  font-family: "Inter", "DM Sans", system-ui, sans-serif;
  font-size: 11px;
  font-variant-numeric: tabular-nums;
  line-height: 1.2;
  white-space: nowrap;
}

#mesaAppShell .app-header--punch .mesa-market-tape__item.is-positive .mesa-market-tape__detail b {
  color: #5FB37D;
}

#mesaAppShell .app-header--punch .mesa-market-tape__item.is-negative .mesa-market-tape__detail b {
  color: #D77670;
}

#mesaAppShell .app-header--punch .mesa-market-tape__item.is-neutral .mesa-market-tape__detail b {
  color: #B8B2A6;
}

@keyframes mesa-market-tape-scroll {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    transform: translate3d(-50%, 0, 0);
  }
}

@media (prefers-reduced-motion: reduce) {
  #mesaAppShell .app-header--punch .mesa-market-tape__track {
    animation: none;
  }
}

@media (max-width: 880px) {
  #mesaAppShell .app-header--punch .mesa-market-tape {
    display: block;
    gap: 0.85rem;
  }

  #mesaAppShell .app-header--punch .mesa-market-tape__intro {
    flex-direction: row;
    align-items: baseline;
    justify-content: flex-start;
    gap: 0.75rem;
    margin-bottom: 0.72rem;
  }

  #mesaAppShell .app-header--punch .mesa-market-tape__viewport {
    overflow: visible;
  }

  #mesaAppShell .app-header--punch .mesa-market-tape__track {
    display: block;
    width: auto;
    animation: none;
  }

  #mesaAppShell .app-header--punch .mesa-market-tape__items {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: auto;
    row-gap: 0.8rem;
  }

  #mesaAppShell .app-header--punch .mesa-market-tape__items + .mesa-market-tape__items {
    display: none;
  }
}

@media (max-width: 560px) {
  #mesaAppShell .app-header--punch .mesa-market-tape {
    margin-top: 1.1rem;
    padding: 0.9rem 0;
  }

  #mesaAppShell .app-header--punch .mesa-market-tape__items {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #mesaAppShell .app-header--punch .mesa-market-tape__item,
  #mesaAppShell .app-header--punch .mesa-market-tape__item:nth-child(4) {
    min-width: 0;
    border-left: 0;
    padding-left: 0;
  }

  #mesaAppShell .app-header--punch .mesa-market-tape__item:nth-child(odd) {
    padding-left: 0;
    border-left: 0;
  }

  #mesaAppShell .app-header--punch .mesa-market-tape__item {
    gap: 0.32rem;
    padding-right: 0.75rem;
  }
}