._gameBox_s_uzugf_253 {
    display: none !important;
}

._search_5j8qo_63 {
    display: none !important;
}

._typeGameBox_eua6c_55 ._gameBoxs_eua6c_230 ._gameBox_eua6c_230 ._logoBox_eua6c_242 ._gameBox_s_eua6c_389 {
    display: none !important;
}

/* Barra de ações rápidas */
#quickActionsBar {
  display: none; /* exibida via JS quando inserida */
  position: relative;
  margin: 6px auto 8px auto;
  padding: 0;
  border-radius: 0;
  background: transparent; /* usa o fundo do site/tema */
  backdrop-filter: none;
  box-shadow: none;
  max-width: 640px;
  min-height: 0;
  z-index: 5;
}
/* ===== Hotfix: ocultar bolha de mensagem (X) do header =====
  O componente é injetado pela SPA com id "message__container" e classes
  _messageBox_1qb56_55 / _message_1qb56_55. Esta regra o esconde globalmente. */
#message__container {
   display: none !important;
}
#quickActionsBar.in {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
#quickActionsBar .qa-item {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  min-width: 0; /* para truncar label com elipse */
}
#quickActionsBar .qa-icon {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  background: transparent;
}
#quickActionsBar .qa-icon img {
  width: 158%;
  height: 158%;
  object-fit: contain;
  display: block;
}
#quickActionsBar .qa-label {
  display: inline-block;
  max-width: 100%;
  padding: 3px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-shadow: 0 1px 0 rgba(0,0,0,0.12);
  margin-top: 4px;
}
/* Pílulas coloridas por item (cores similares ao print) */
.qa-label-vip    { background: linear-gradient(180deg, #FF7F50, #E35C3F); } /* laranja avermelhado */
.qa-label-rebate { background: linear-gradient(180deg, #3AC167, #1EA44D); } /* verde */
.qa-label-juros  { background: linear-gradient(180deg, #FFCD38, #F0A600); } /* amarelo */
.qa-label-reward { background: linear-gradient(180deg, #FF6B6B, #E45555); } /* vermelho claro */
.qa-label-promo  { background: linear-gradient(180deg, #FF7A7A, #E44E4E); } /* vermelho */

/* Ajustes de responsividade */
@media (min-width: 768px) { #quickActionsBar { max-width: 560px; } }
@media (max-width: 360px) {
  #quickActionsBar .qa-icon { width: 48px; height: 48px; }
  #quickActionsBar .qa-label { font-size: 11px; padding: 2px 8px; }
}

/* Espaçamento vertical com header/banner do app */
.headerDownloadBox + #quickActionsBar { margin-top: 8px; }