/* HEROHAZARD V6 */

/* Monarca: 30% maior, sem a moldura/borda externa. */
.topbar .brand-mark.monarch-mark {
  width: 55px !important;
  height: 55px !important;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  border-radius: 0 !important;
  overflow: hidden !important;
}

.topbar .monarch-mark img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transform: scale(1.08) !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Os seis valores sempre cabem no card. */
.amount-pills {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 6px !important;
}

.amount-pills button {
  min-width: 0 !important;
  padding-left: 3px !important;
  padding-right: 3px !important;
  white-space: nowrap !important;
  font-size: 12px !important;
}

@media (max-width: 700px) {
  .amount-pills {
    grid-template-columns: repeat(3, minmax(0,1fr)) !important;
  }
}

/* Login/cadastro continuam imediatamente depois do AO VIVO/OFFLINE. */
@media (min-width: 901px) {
  .topbar {
    gap: 10px !important;
  }

  .topbar > .brand {
    margin-right: auto !important;
  }

  .topbar .live-pill {
    order: 20;
  }

  .hz-auth-actions {
    order: 30;
    position: static !important;
    inset: auto !important;
  }
}