/* =========================================================
 * LUNIX BACKSTAGE — CONSISTÊNCIA DE TEMA / CONTRASTE
 * Camada final, deliberadamente restrita a componentes reais.
 *
 * Objetivos:
 * - tema claro: títulos e dados de cards nunca herdam branco/cinza de dark;
 * - botão accent (TikTok rosa / BIGO azul): conteúdo branco;
 * - botão escuro: conteúdo na cor do portal;
 * - botão claro: conteúdo na cor do portal;
 * - ícone em bloco accent sólido: branco;
 * - badges/status e cards informativos NÃO são tratados como botões.
 * ========================================================= */


/* ---------------------------------------------------------
 * 0) TIPOGRAFIA OFICIAL DO BACKSTAGE
 * ---------------------------------------------------------
 * O site institucional usa fontes próprias, mas o Backstage sempre usou
 * a pilha nativa do sistema. Form controls não herdam a fonte em todos
 * os navegadores, portanto a herança é fixada explicitamente aqui.
 */
body.lunix-backstage-page{
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
body.lunix-backstage-page :is(button,input,select,textarea,optgroup){
  font-family:inherit!important;
}

body.lunix-backstage-page{
  --lunix-ui-accent:var(--lunix-portal-accent,#E60073);
  --lunix-ui-accent-rgb:var(--lunix-portal-accent-rgb,230,0,115);
}

/* ---------------------------------------------------------
 * 1) BOTÕES: semântica final, independente do tema
 * --------------------------------------------------------- */
body.lunix-backstage-page :is(
  .lunix-btn--gold,
  .lunix-btn--primary,
  .lunix-btn.is-primary,
  .lunix-unified-submit,
  .lunix-ranking-filter__submit,
  .lunix-ranking-mode-switch__item.is-active,
  .lunix-battle-v2-primary-action,
  .lunix-coliseu-v2-tab.is-active,
  .lunix-torneio-v2-new,
  .lunix-torneio-filter-icon.is-apply,
  .lunix-torneio-status-tab.is-active,
  .lunix-torneio-v2-mode a.is-active,
  .lunix-support-v2-primary,
  .lunix-support-v2-detail-tab.is-active,
  .lunix-achievements__tab.is-active,
  .lunix-luna-mode-switch button.is-active,
  .lunix-luna-new-chat,
  .lunix-luna-chat-send,
  .lunix-luna-image-send,
  .lunix-luna-confirm-submit,
  .button-primary
){
  color:#fff!important;
}
body.lunix-backstage-page :is(
  .lunix-btn--gold,
  .lunix-btn--primary,
  .lunix-btn.is-primary,
  .lunix-unified-submit,
  .lunix-ranking-filter__submit,
  .lunix-ranking-mode-switch__item.is-active,
  .lunix-battle-v2-primary-action,
  .lunix-coliseu-v2-tab.is-active,
  .lunix-torneio-v2-new,
  .lunix-torneio-filter-icon.is-apply,
  .lunix-torneio-status-tab.is-active,
  .lunix-torneio-v2-mode a.is-active,
  .lunix-support-v2-primary,
  .lunix-support-v2-detail-tab.is-active,
  .lunix-achievements__tab.is-active,
  .lunix-luna-mode-switch button.is-active,
  .lunix-luna-new-chat,
  .lunix-luna-chat-send,
  .lunix-luna-image-send,
  .lunix-luna-confirm-submit,
  .button-primary
) :is(span,strong,small,i,svg,.dashicons,.lunix-backstage-menu-icon,.lunix-rankings-v2__icon,.lunix-torneio-v2-icon,.lunix-support-v2-icon){
  color:inherit!important;
}
body.lunix-backstage-page :is(
  .lunix-btn--gold,
  .lunix-btn--primary,
  .lunix-btn.is-primary,
  .lunix-unified-submit,
  .lunix-ranking-filter__submit,
  .lunix-ranking-mode-switch__item.is-active,
  .lunix-battle-v2-primary-action,
  .lunix-coliseu-v2-tab.is-active,
  .lunix-torneio-v2-new,
  .lunix-torneio-filter-icon.is-apply,
  .lunix-torneio-status-tab.is-active,
  .lunix-torneio-v2-mode a.is-active,
  .lunix-support-v2-primary,
  .lunix-support-v2-detail-tab.is-active,
  .lunix-achievements__tab.is-active,
  .lunix-luna-mode-switch button.is-active,
  .lunix-luna-new-chat,
  .lunix-luna-chat-send,
  .lunix-luna-image-send,
  .lunix-luna-confirm-submit,
  .button-primary
) svg [stroke]:not([stroke="none"]){stroke:currentColor!important}
body.lunix-backstage-page :is(
  .lunix-btn--gold,
  .lunix-btn--primary,
  .lunix-btn.is-primary,
  .lunix-unified-submit,
  .lunix-ranking-filter__submit,
  .lunix-ranking-mode-switch__item.is-active,
  .lunix-battle-v2-primary-action,
  .lunix-coliseu-v2-tab.is-active,
  .lunix-torneio-v2-new,
  .lunix-torneio-filter-icon.is-apply,
  .lunix-torneio-status-tab.is-active,
  .lunix-torneio-v2-mode a.is-active,
  .lunix-support-v2-primary,
  .lunix-support-v2-detail-tab.is-active,
  .lunix-achievements__tab.is-active,
  .lunix-luna-mode-switch button.is-active,
  .lunix-luna-new-chat,
  .lunix-luna-chat-send,
  .lunix-luna-image-send,
  .lunix-luna-confirm-submit,
  .button-primary
) svg [fill]:not([fill="none"]){fill:currentColor!important}

/* Ações explicitamente escuras. */
body.lunix-backstage-page :is(
  .lunix-btn--dark,
  .lunix-btn--ghost,
  .lunix-btn.is-secondary,
  .button-secondary,
  .lunix-battle-v2-filter-submit,
  .lunix-battle-v2-secondary-action,
  .lunix-battle-action-icon:not(.is-score):not(.is-cancel):not(.is-delete),
  .lunix-torneio-filter-icon:not(.is-apply),
  .lunix-support-v2-icon-btn.is-dark,
  .lunix-support-v2-text-btn.is-dark,
  .lunix-support-v2-row-action:not(.is-danger):not(.is-success):not(.is-pin.is-active),
  .lunix-support-v2-modal__close,
  .lunix-support-type-modal__close,
  .lunix-modal__close,
  .lunix-batalha-banner-modal__close,
  .lunix-torneio-v2-create-close,
  .lunix-backstage-theme-toggle,
  .lunix-backstage-notifications__trigger,
  .lunix-backstage-sidebar-v2__collapse,
  .lunix-luna-icon-button,
  .lunix-luna-confirm-cancel
){
  color:var(--lunix-ui-accent)!important;
}
body.lunix-backstage-page :is(
  .lunix-btn--dark,
  .lunix-btn--ghost,
  .lunix-btn.is-secondary,
  .button-secondary,
  .lunix-battle-v2-filter-submit,
  .lunix-battle-v2-secondary-action,
  .lunix-battle-action-icon:not(.is-score):not(.is-cancel):not(.is-delete),
  .lunix-torneio-filter-icon:not(.is-apply),
  .lunix-support-v2-icon-btn.is-dark,
  .lunix-support-v2-text-btn.is-dark,
  .lunix-support-v2-row-action:not(.is-danger):not(.is-success):not(.is-pin.is-active),
  .lunix-support-v2-modal__close,
  .lunix-support-type-modal__close,
  .lunix-modal__close,
  .lunix-batalha-banner-modal__close,
  .lunix-torneio-v2-create-close,
  .lunix-backstage-theme-toggle,
  .lunix-backstage-notifications__trigger,
  .lunix-backstage-sidebar-v2__collapse,
  .lunix-luna-icon-button,
  .lunix-luna-confirm-cancel
) :is(span,strong,small,i,svg,.dashicons,.lunix-backstage-menu-icon,.lunix-rankings-v2__icon,.lunix-torneio-v2-icon,.lunix-support-v2-icon){color:inherit!important}

/* Tema claro: controles claros ficam com conteúdo na cor do portal. */
html[data-lunix-theme="light"] body.lunix-backstage-page :is(
  .lunix-coliseu-v2-tab:not(.is-active),
  .lunix-torneio-v2-mode a:not(.is-active),
  .lunix-torneio-status-tab:not(.is-active),
  .lunix-ranking-mode-switch__item:not(.is-active),
  .lunix-support-v2-detail-tab:not(.is-active),
  .lunix-support-pagination__link:not(.is-current),
  .lunix-achievements__tab:not(.is-active)
){color:var(--lunix-ui-accent)!important}

/* ---------------------------------------------------------
 * 2) TEMA CLARO: hierarquia textual de componentes NÃO-botão
 * --------------------------------------------------------- */
html[data-lunix-theme="light"] body.lunix-backstage-page{
  --lunix-light-title:#17171b;
  --lunix-light-text:#2f2f37;
  --lunix-light-muted:#666671;
  --lunix-light-soft:#7b7b86;
}

/* Dashboard */
html[data-lunix-theme="light"] body:is(.lunix-backstage-dashboard-page,.lunix-backstage-admin-dashboard-page) .lunix-backstage-content :is(
  .lunix-data-point__label,
  .lunix-metric-card__label,
  .lunix-analysis-item__label,
  .lunix-level-card__label
){color:var(--lunix-light-text)!important}
html[data-lunix-theme="light"] body:is(.lunix-backstage-dashboard-page,.lunix-backstage-admin-dashboard-page) .lunix-backstage-content :is(
  .lunix-data-point__value,
  .lunix-metric-card__value,
  .lunix-analysis-item__value,
  .lunix-level-card__value,
  .lunix-card__head h2,
  .lunix-card__head h3,
  .lunix-section-title,
  .lunix-dashboard-section-title
){color:var(--lunix-light-title)!important}
html[data-lunix-theme="light"] body:is(.lunix-backstage-dashboard-page,.lunix-backstage-admin-dashboard-page) .lunix-backstage-content :is(
  .lunix-metric-card__meta,
  .lunix-metric-card__comparison-label,
  .lunix-level-card__progress,
  .lunix-analysis-item__meta
){color:var(--lunix-light-muted)!important}

/* Conquistas */
html[data-lunix-theme="light"] body.lunix-backstage-achievements-page :is(
  .lunix-achievements-profile__total-card>div>span,
  .lunix-achievements__overview article>div>span,
  .lunix-achievements__section-head h2,
  .lunix-achievement-card h3
){color:var(--lunix-light-title)!important}
html[data-lunix-theme="light"] body.lunix-backstage-achievements-page :is(
  .lunix-achievements-profile__total-card small,
  .lunix-achievements__overview small,
  .lunix-achievements__section-head p,
  .lunix-achievement-card p,
  .lunix-achievements__period label>span
){color:var(--lunix-light-muted)!important}
html[data-lunix-theme="light"] body.lunix-backstage-achievements-page .lunix-achievement-card.is-locked .lunix-achievement-card__state{color:#6a6a74!important}
html[data-lunix-theme="light"] body.lunix-backstage-achievements-page .lunix-achievement-card.is-locked .lunix-achievement-card__icon{
  background:#f0f0f4!important;border-color:rgba(20,20,30,.10)!important;color:#70707a!important
}
html[data-lunix-theme="light"] body.lunix-backstage-achievements-page .lunix-achievement-card__progress{background:#e7e7ec!important}

/* Suporte */
html[data-lunix-theme="light"] body.lunix-backstage-support-page :is(
  .lunix-support-v2-stat__copy span,
  .lunix-support-v2-panel__title h2,
  .lunix-support-v2-ticket-head,
  .lunix-support-v2-type-cell strong
){color:var(--lunix-light-title)!important}
html[data-lunix-theme="light"] body.lunix-backstage-support-page :is(
  .lunix-support-v2-stat__copy small,
  .lunix-support-v2-panel__title p,
  .lunix-support-v2-user__text small,
  .lunix-support-v2-control__head small
){color:var(--lunix-light-muted)!important}

/* Torneio */
html[data-lunix-theme="light"] body.lunix-backstage-page .lunix-torneio-v2 :is(
  .lunix-torneio-v2-stat>div>span,
  .lunix-torneio-v2-panel h2,
  .lunix-torneio-v2-focus h2,
  .lunix-torneio-v2-management-label h2,
  .lunix-torneio-v2-person strong
){color:var(--lunix-light-title)!important}
html[data-lunix-theme="light"] body.lunix-backstage-page .lunix-torneio-v2 :is(
  .lunix-torneio-v2-stat small,
  .lunix-torneio-v2-panel p,
  .lunix-torneio-v2-management-label p
){color:var(--lunix-light-muted)!important}

/* Coliseu */
html[data-lunix-theme="light"] body.lunix-backstage-coliseu :is(
  .lunix-coliseu-v2-stat__label,
  .lunix-coliseu-v2-panel__heading h2,
  .lunix-coliseu-v2-ranking-user strong,
  .lunix-coliseu-v2-pending-row strong
){color:var(--lunix-light-title)!important}
html[data-lunix-theme="light"] body.lunix-backstage-coliseu :is(
  .lunix-coliseu-v2-stat__content small,
  .lunix-coliseu-v2-panel__heading p,
  .lunix-coliseu-v2-ranking-user small
){color:var(--lunix-light-muted)!important}

/* Batalha / PK */
html[data-lunix-theme="light"] body.lunix-backstage-batalha :is(
  .lunix-battle-v2-stat small,
  .lunix-battle-v2-panel-head h3,
  .lunix-battle-v2-detail__head h3,
  .lunix-battle-v2-person__copy strong,
  .lunix-battle-v2-row__schedule strong,
  .lunix-battle-v2-row__rounds strong
){color:var(--lunix-light-title)!important}
html[data-lunix-theme="light"] body.lunix-backstage-batalha :is(
  .lunix-battle-v2-stat em,
  .lunix-battle-v2-panel-head p,
  .lunix-battle-v2-detail__head p,
  .lunix-battle-v2-person__copy small,
  .lunix-battle-v2-detail-item small
){color:var(--lunix-light-muted)!important}

/* Rankings */
html[data-lunix-theme="light"] body:is(.lunix-backstage-rankings-page,.lunix-backstage-rankings-body) :is(
  .lunix-ranking-item__name,
  .lunix-ranking-item__right strong,
  .lunix-ranking-list__title,
  .lunix-ranking-panel__title
){color:var(--lunix-light-title)!important}

/* ---------------------------------------------------------
 * 3) ÍCONES EM QUADROS ACCENT SÓLIDOS
 *    Não toca nos tiles pastel/translúcidos dos cards.
 * --------------------------------------------------------- */
body.lunix-backstage-page :is(
  .lunix-dashboard-section-icon,
  .lunix-torneio-filter-icon.is-apply,
  .lunix-support-v2-primary,
  .lunix-luna-chat-send,
  .lunix-luna-image-send,
  .button-primary
) :is(svg,.dashicons,.lunix-backstage-menu-icon){color:#fff!important}
body.lunix-backstage-page :is(
  .lunix-dashboard-section-icon,
  .lunix-torneio-filter-icon.is-apply,
  .lunix-support-v2-primary,
  .lunix-luna-chat-send,
  .lunix-luna-image-send,
  .button-primary
) svg [stroke]:not([stroke="none"]){stroke:currentColor!important}
body.lunix-backstage-page :is(
  .lunix-dashboard-section-icon,
  .lunix-torneio-filter-icon.is-apply,
  .lunix-support-v2-primary,
  .lunix-luna-chat-send,
  .lunix-luna-image-send,
  .button-primary
) svg [fill]:not([fill="none"]){fill:currentColor!important}

/* Hover/focus não pode inverter contraste. */
body.lunix-backstage-page :is(
  .lunix-btn--gold,
  .lunix-btn--primary,
  .lunix-btn.is-primary,
  .lunix-unified-submit,
  .lunix-ranking-filter__submit,
  .lunix-battle-v2-primary-action,
  .lunix-torneio-v2-new,
  .lunix-torneio-filter-icon.is-apply,
  .lunix-support-v2-primary,
  .lunix-luna-chat-send,
  .lunix-luna-image-send,
  .button-primary
):is(:hover,:focus,:focus-visible){color:#fff!important}

/* =========================================================
 * 4) TEMA CLARO — CONTRATO FINAL PARA AÇÕES ESCURAS
 * v4.26.6
 *
 * Não existem mais botões pretos no tema claro.
 * - TikTok: ação que era escura => rosa + conteúdo branco.
 * - BIGO:   ação que era escura => azul/ciano + conteúdo preto.
 * - Exceções globais (notificações, tema, recolher menu):
 *   fundo branco + ícone na cor do portal.
 *
 * Esta lista é deliberadamente restrita a ações que possuem/possuíam fundo
 * escuro. Abas inativas, cards, badges, status e controles já claros não são
 * convertidos, preservando hierarquia e legibilidade.
 * ========================================================= */
html[data-lunix-theme="light"] body.lunix-backstage-page{
  --lunix-light-dark-action-bg:var(--lunix-portal-accent,#E60073);
  --lunix-light-dark-action-border:var(--lunix-portal-accent,#E60073);
  --lunix-light-dark-action-fg:#fff;
}
html[data-lunix-theme="light"] body.lunix-backstage-page.lunix-portal-bigo{
  --lunix-light-dark-action-fg:#0b0b0e;
}

/* Ações que eram pretas/escuras no tema claro. */
html[data-lunix-theme="light"] body.lunix-backstage-page :is(
  .lunix-btn--dark,
  .lunix-btn--ghost,
  .lunix-btn.is-secondary,
  .button-secondary,
  .lunix-battle-v2-filter-submit,
  .lunix-battle-v2-secondary-action,
  .lunix-battle-action-icon:not(.is-score):not(.is-cancel):not(.is-delete),
  .lunix-batalha-banner-link,
  .lunix-modal__close,
  .lunix-batalha-banner-modal__close,
  .lunix-torneio-filter-icon:not(.is-apply),
  .lunix-torneio-v2-create-close,
  .lunix-support-v2-icon-btn.is-dark,
  .lunix-support-v2-text-btn.is-dark,
  .lunix-support-v2-row-action:not(.is-danger):not(.is-success):not(.is-pin.is-active),
  .lunix-support-v2-modal__close,
  .lunix-support-type-modal__close,
  .lunix-support-pagination__link:not(.is-current),
  .lunix-luna-icon-button,
  .lunix-luna-confirm-cancel
){
  background:var(--lunix-light-dark-action-bg)!important;
  background-image:none!important;
  border-color:var(--lunix-light-dark-action-border)!important;
  color:var(--lunix-light-dark-action-fg)!important;
  text-shadow:none!important;
}

/* Filhos e SVGs seguem rigorosamente a cor do botão. */
html[data-lunix-theme="light"] body.lunix-backstage-page :is(
  .lunix-btn--dark,
  .lunix-btn--ghost,
  .lunix-btn.is-secondary,
  .button-secondary,
  .lunix-battle-v2-filter-submit,
  .lunix-battle-v2-secondary-action,
  .lunix-battle-action-icon:not(.is-score):not(.is-cancel):not(.is-delete),
  .lunix-batalha-banner-link,
  .lunix-modal__close,
  .lunix-batalha-banner-modal__close,
  .lunix-torneio-filter-icon:not(.is-apply),
  .lunix-torneio-v2-create-close,
  .lunix-support-v2-icon-btn.is-dark,
  .lunix-support-v2-text-btn.is-dark,
  .lunix-support-v2-row-action:not(.is-danger):not(.is-success):not(.is-pin.is-active),
  .lunix-support-v2-modal__close,
  .lunix-support-type-modal__close,
  .lunix-support-pagination__link:not(.is-current),
  .lunix-luna-icon-button,
  .lunix-luna-confirm-cancel
) :is(span,strong,small,i,svg,.dashicons,.lunix-backstage-menu-icon,.lunix-rankings-v2__icon,.lunix-torneio-v2-icon,.lunix-support-v2-icon){
  color:inherit!important;
}
html[data-lunix-theme="light"] body.lunix-backstage-page :is(
  .lunix-btn--dark,
  .lunix-btn--ghost,
  .lunix-btn.is-secondary,
  .button-secondary,
  .lunix-battle-v2-filter-submit,
  .lunix-battle-v2-secondary-action,
  .lunix-battle-action-icon:not(.is-score):not(.is-cancel):not(.is-delete),
  .lunix-batalha-banner-link,
  .lunix-modal__close,
  .lunix-batalha-banner-modal__close,
  .lunix-torneio-filter-icon:not(.is-apply),
  .lunix-torneio-v2-create-close,
  .lunix-support-v2-icon-btn.is-dark,
  .lunix-support-v2-text-btn.is-dark,
  .lunix-support-v2-row-action:not(.is-danger):not(.is-success):not(.is-pin.is-active),
  .lunix-support-v2-modal__close,
  .lunix-support-type-modal__close,
  .lunix-support-pagination__link:not(.is-current),
  .lunix-luna-icon-button,
  .lunix-luna-confirm-cancel
) svg [stroke]:not([stroke="none"]){stroke:currentColor!important}
html[data-lunix-theme="light"] body.lunix-backstage-page :is(
  .lunix-btn--dark,
  .lunix-btn--ghost,
  .lunix-btn.is-secondary,
  .button-secondary,
  .lunix-battle-v2-filter-submit,
  .lunix-battle-v2-secondary-action,
  .lunix-battle-action-icon:not(.is-score):not(.is-cancel):not(.is-delete),
  .lunix-batalha-banner-link,
  .lunix-modal__close,
  .lunix-batalha-banner-modal__close,
  .lunix-torneio-filter-icon:not(.is-apply),
  .lunix-torneio-v2-create-close,
  .lunix-support-v2-icon-btn.is-dark,
  .lunix-support-v2-text-btn.is-dark,
  .lunix-support-v2-row-action:not(.is-danger):not(.is-success):not(.is-pin.is-active),
  .lunix-support-v2-modal__close,
  .lunix-support-type-modal__close,
  .lunix-support-pagination__link:not(.is-current),
  .lunix-luna-icon-button,
  .lunix-luna-confirm-cancel
) svg [fill]:not([fill="none"]){fill:currentColor!important}

/* Hover/focus preserva a identidade em vez de voltar ao preto. */
html[data-lunix-theme="light"] body.lunix-backstage-page :is(
  .lunix-btn--dark,
  .lunix-btn--ghost,
  .lunix-btn.is-secondary,
  .button-secondary,
  .lunix-battle-v2-filter-submit,
  .lunix-battle-v2-secondary-action,
  .lunix-battle-action-icon:not(.is-score):not(.is-cancel):not(.is-delete),
  .lunix-batalha-banner-link,
  .lunix-modal__close,
  .lunix-batalha-banner-modal__close,
  .lunix-torneio-filter-icon:not(.is-apply),
  .lunix-torneio-v2-create-close,
  .lunix-support-v2-icon-btn.is-dark,
  .lunix-support-v2-text-btn.is-dark,
  .lunix-support-v2-row-action:not(.is-danger):not(.is-success):not(.is-pin.is-active),
  .lunix-support-v2-modal__close,
  .lunix-support-type-modal__close,
  .lunix-support-pagination__link:not(.is-current),
  .lunix-luna-icon-button,
  .lunix-luna-confirm-cancel
):is(:hover,:focus,:focus-visible){
  background:var(--lunix-light-dark-action-bg)!important;
  border-color:var(--lunix-light-dark-action-border)!important;
  color:var(--lunix-light-dark-action-fg)!important;
  filter:brightness(1.05);
}

/* Três controles globais que permanecem brancos no tema claro. */
html[data-lunix-theme="light"] body.lunix-backstage-page :is(
  .lunix-backstage-notifications__trigger,
  .lunix-backstage-theme-toggle,
  .lunix-backstage-sidebar-v2__collapse
){
  background:#fff!important;
  background-image:none!important;
  color:var(--lunix-portal-accent,#E60073)!important;
  border-color:rgba(var(--lunix-portal-accent-rgb,230,0,115),.30)!important;
  box-shadow:none!important;
}
html[data-lunix-theme="light"] body.lunix-backstage-page :is(
  .lunix-backstage-notifications__trigger,
  .lunix-backstage-theme-toggle,
  .lunix-backstage-sidebar-v2__collapse
) :is(span,strong,small,i,svg,.dashicons,.lunix-backstage-menu-icon){color:inherit!important}
html[data-lunix-theme="light"] body.lunix-backstage-page :is(
  .lunix-backstage-notifications__trigger,
  .lunix-backstage-theme-toggle,
  .lunix-backstage-sidebar-v2__collapse
) svg [stroke]:not([stroke="none"]){stroke:currentColor!important}
html[data-lunix-theme="light"] body.lunix-backstage-page :is(
  .lunix-backstage-notifications__trigger,
  .lunix-backstage-theme-toggle,
  .lunix-backstage-sidebar-v2__collapse
) svg [fill]:not([fill="none"]){fill:currentColor!important}
html[data-lunix-theme="light"] body.lunix-backstage-page :is(
  .lunix-backstage-notifications__trigger,
  .lunix-backstage-theme-toggle,
  .lunix-backstage-sidebar-v2__collapse
):is(:hover,:focus,:focus-visible){
  background:#fff!important;
  color:var(--lunix-portal-accent,#E60073)!important;
  border-color:var(--lunix-portal-accent,#E60073)!important;
}

/* =========================================================
 * 5) TEMA CLARO — AUDITORIA FINAL DE AÇÕES v4.26.7
 *
 * Contrato definitivo:
 * TikTok: ações que seriam escuras => rosa + conteúdo branco.
 * BIGO:   ações que seriam escuras => ciano + conteúdo preto.
 * Exceções globais: notificação, tema e recolher sidebar => branco
 * com ícone na cor do portal.
 * ========================================================= */
html[data-lunix-theme="light"] body.lunix-backstage-page.lunix-portal-tiktok{
  --lunix-light-solid-bg:#E60073;
  --lunix-light-solid-bg-2:#B8005C;
  --lunix-light-solid-fg:#fff;
}
html[data-lunix-theme="light"] body.lunix-backstage-page.lunix-portal-bigo{
  --lunix-light-solid-bg:#20F1E8;
  --lunix-light-solid-bg-2:#10BEB8;
  --lunix-light-solid-fg:#08090b;
}

/* Controles que ainda tinham fundo preto em CSS legado. */
html[data-lunix-theme="light"] body.lunix-backstage-page :is(
  .lunix-month-checklist__item > span,
  .lunix-battle-v2-filter-submit,
  .lunix-battle-v2-secondary-action,
  .lunix-battle-action-icon:not(.is-danger):not(.is-success),
  .lunix-batalha-banner-link,
  .lunix-torneio-filter-icon,
  .lunix-support-v2-icon-btn.is-dark,
  .lunix-support-v2-text-btn.is-dark,
  .lunix-support-v2-row-action:not(.is-danger):not(.is-success),
  .lunix-support-pagination__link:not(.is-current),
  .lunix-modal__close,
  .lunix-batalha-banner-modal__close,
  .lunix-torneio-v2-create-close,
  .lunix-support-v2-modal__close,
  .lunix-support-type-modal__close,
  .lunix-luna-icon-button,
  .lunix-luna-confirm-cancel
){
  background:var(--lunix-light-solid-bg)!important;
  background-image:none!important;
  border-color:var(--lunix-light-solid-bg)!important;
  color:var(--lunix-light-solid-fg)!important;
  text-shadow:none!important;
}

/* Meses/Todos do Dashboard: nenhuma cápsula preta no tema claro. */
html[data-lunix-theme="light"] body.lunix-backstage-page .lunix-month-checklist__item input:checked + span{
  background:rgba(var(--lunix-portal-accent-rgb),.12)!important;
  border-color:rgba(var(--lunix-portal-accent-rgb),.52)!important;
  color:var(--lunix-portal-accent)!important;
}
html[data-lunix-theme="light"] body.lunix-backstage-page.lunix-portal-bigo .lunix-month-checklist__item input:checked + span{
  color:#087c77!important;
}

/* Menus preenchidos pelo accent também obedecem o contraste do portal. */
html[data-lunix-theme="light"] body.lunix-backstage-page .lunix-backstage-sidebar-v2__nav .lunix-backstage-nav :is(
  a.is-active,
  .current-menu-item > a,
  .current_page_item > a
){
  --lunix-backstage-menu-icon-color:var(--lunix-light-solid-fg)!important;
  background:linear-gradient(135deg,var(--lunix-light-solid-bg-2),var(--lunix-light-solid-bg))!important;
  border-color:rgba(var(--lunix-portal-accent-rgb),.48)!important;
  color:var(--lunix-light-solid-fg)!important;
}

/* Ações accent sólidas: TikTok branco, BIGO preto no tema claro. */
html[data-lunix-theme="light"] body.lunix-backstage-page :is(
  .lunix-btn--gold,
  .lunix-btn--primary,
  .lunix-btn.is-primary,
  .button-primary,
  .lunix-unified-submit,
  .lunix-ranking-filter__submit,
  .lunix-ranking-mode-switch__item.is-active,
  .lunix-battle-v2-primary-action,
  .lunix-coliseu-v2-tab.is-active,
  .lunix-torneio-v2-new,
  .lunix-torneio-filter-icon.is-apply,
  .lunix-torneio-status-tab.is-active,
  .lunix-torneio-v2-mode a.is-active,
  .lunix-support-v2-primary,
  .lunix-support-v2-detail-tab.is-active,
  .lunix-achievements__tab.is-active,
  .lunix-luna-mode-switch button.is-active,
  .lunix-luna-new-chat,
  .lunix-luna-chat-send,
  .lunix-luna-image-send,
  .lunix-luna-confirm-submit
){
  color:var(--lunix-light-solid-fg)!important;
}

/* Filhos e SVGs nunca voltam ao preto por regra local. */
html[data-lunix-theme="light"] body.lunix-backstage-page :is(
  .lunix-month-checklist__item > span,
  .lunix-battle-v2-filter-submit,
  .lunix-battle-v2-secondary-action,
  .lunix-battle-action-icon:not(.is-danger):not(.is-success),
  .lunix-batalha-banner-link,
  .lunix-torneio-filter-icon,
  .lunix-support-v2-icon-btn.is-dark,
  .lunix-support-v2-text-btn.is-dark,
  .lunix-support-v2-row-action:not(.is-danger):not(.is-success),
  .lunix-support-pagination__link:not(.is-current),
  .lunix-modal__close,
  .lunix-batalha-banner-modal__close,
  .lunix-torneio-v2-create-close,
  .lunix-support-v2-modal__close,
  .lunix-support-type-modal__close,
  .lunix-luna-icon-button,
  .lunix-luna-confirm-cancel,
  .lunix-btn--gold,
  .lunix-btn--primary,
  .lunix-btn.is-primary,
  .button-primary,
  .lunix-ranking-filter__submit,
  .lunix-ranking-mode-switch__item.is-active,
  .lunix-battle-v2-primary-action,
  .lunix-coliseu-v2-tab.is-active,
  .lunix-torneio-v2-new,
  .lunix-torneio-status-tab.is-active,
  .lunix-torneio-v2-mode a.is-active,
  .lunix-support-v2-primary,
  .lunix-support-v2-detail-tab.is-active,
  .lunix-achievements__tab.is-active,
  .lunix-luna-mode-switch button.is-active,
  .lunix-luna-new-chat,
  .lunix-luna-chat-send,
  .lunix-luna-image-send,
  .lunix-luna-confirm-submit
) :is(span,strong,small,i,svg,.dashicons,.lunix-backstage-menu-icon,.lunix-rankings-v2__icon,.lunix-torneio-v2-icon,.lunix-support-v2-icon){
  color:inherit!important;
}
html[data-lunix-theme="light"] body.lunix-backstage-page :is(
  .lunix-battle-v2-filter-submit,
  .lunix-battle-v2-secondary-action,
  .lunix-battle-action-icon:not(.is-danger):not(.is-success),
  .lunix-torneio-filter-icon,
  .lunix-support-v2-row-action:not(.is-danger):not(.is-success),
  .lunix-btn--gold,
  .lunix-btn--primary,
  .button-primary
) svg [stroke]:not([stroke="none"]){stroke:currentColor!important}
html[data-lunix-theme="light"] body.lunix-backstage-page :is(
  .lunix-battle-v2-filter-submit,
  .lunix-battle-v2-secondary-action,
  .lunix-battle-action-icon:not(.is-danger):not(.is-success),
  .lunix-torneio-filter-icon,
  .lunix-support-v2-row-action:not(.is-danger):not(.is-success),
  .lunix-btn--gold,
  .lunix-btn--primary,
  .button-primary
) svg [fill]:not([fill="none"]){fill:currentColor!important}

/* Ícones em blocos accent sólidos do Dashboard. No TikTok são brancos;
 * no BIGO seguem o contraste preto sobre o ciano sólido. */
html[data-lunix-theme="light"] body.lunix-backstage-page :is(
  .lunix-dashboard-metric-icon,
  .lunix-dashboard-card-icon,
  .lunix-dashboard-section-icon
){
  color:var(--lunix-light-solid-fg)!important;
}
html[data-lunix-theme="light"] body.lunix-backstage-page :is(
  .lunix-dashboard-metric-icon,
  .lunix-dashboard-card-icon,
  .lunix-dashboard-section-icon
) svg [stroke]:not([stroke="none"]){stroke:currentColor!important}
html[data-lunix-theme="light"] body.lunix-backstage-page :is(
  .lunix-dashboard-metric-icon,
  .lunix-dashboard-card-icon,
  .lunix-dashboard-section-icon
) svg [fill]:not([fill="none"]){fill:currentColor!important}

/* As três exceções permanecem brancas, sem qualquer fundo escuro residual. */
html[data-lunix-theme="light"] body.lunix-backstage-page :is(
  .lunix-backstage-notifications__trigger,
  .lunix-backstage-theme-toggle,
  .lunix-backstage-sidebar-v2__collapse
){
  background:#fff!important;
  background-image:none!important;
  border-color:rgba(var(--lunix-portal-accent-rgb),.34)!important;
  color:var(--lunix-portal-accent)!important;
}

/* =========================================================
 * 6) TIKTOK / TEMA CLARO — contraste interno de formas rosas v4.26.8
 *
 * Somente no Portal TikTok em tema claro: qualquer conteúdo gráfico/textual
 * realmente inserido em uma forma de accent rosa sólido deve ser branco.
 * Não alcança cards pastel, superfícies claras, badges semânticos ou BIGO.
 * ========================================================= */
html[data-lunix-theme="light"] body.lunix-backstage-page.lunix-portal-tiktok :is(
  .lunix-dashboard-metric-icon,
  .lunix-dashboard-card-icon,
  .lunix-dashboard-section-icon,
  .lunix-month-checklist__item > span,
  .lunix-btn--gold,
  .lunix-btn--primary,
  .lunix-btn.is-primary,
  .button-primary,
  .lunix-ranking-filter__submit,
  .lunix-ranking-mode-switch__item.is-active,
  .lunix-battle-v2-primary-action,
  .lunix-battle-v2-filter-submit,
  .lunix-battle-v2-secondary-action,
  .lunix-coliseu-v2-tab.is-active,
  .lunix-torneio-v2-new,
  .lunix-torneio-filter-icon.is-apply,
  .lunix-torneio-status-tab.is-active,
  .lunix-torneio-v2-mode a.is-active,
  .lunix-support-v2-primary,
  .lunix-support-v2-detail-tab.is-active,
  .lunix-achievements__tab.is-active,
  .lunix-luna-mode-switch button.is-active,
  .lunix-luna-new-chat,
  .lunix-luna-chat-send,
  .lunix-luna-image-send,
  .lunix-luna-confirm-submit
){
  color:#fff!important;
}
html[data-lunix-theme="light"] body.lunix-backstage-page.lunix-portal-tiktok .lunix-month-checklist__item > span{
  background:#E60073!important;
  background-image:none!important;
  border-color:#E60073!important;
  color:#fff!important;
}
html[data-lunix-theme="light"] body.lunix-backstage-page.lunix-portal-tiktok .lunix-month-checklist__item input:checked + span{
  background:#E60073!important;
  background-image:none!important;
  border-color:#E60073!important;
  color:#fff!important;
  box-shadow:0 0 0 3px rgba(230,0,115,.10)!important;
}
html[data-lunix-theme="light"] body.lunix-backstage-page.lunix-portal-tiktok :is(
  .lunix-dashboard-metric-icon,
  .lunix-dashboard-card-icon,
  .lunix-dashboard-section-icon
) :is(svg,svg *){
  color:#fff!important;
}
html[data-lunix-theme="light"] body.lunix-backstage-page.lunix-portal-tiktok :is(
  .lunix-dashboard-metric-icon,
  .lunix-dashboard-card-icon,
  .lunix-dashboard-section-icon
) svg [stroke]:not([stroke="none"]){stroke:#fff!important}
html[data-lunix-theme="light"] body.lunix-backstage-page.lunix-portal-tiktok :is(
  .lunix-dashboard-metric-icon,
  .lunix-dashboard-card-icon,
  .lunix-dashboard-section-icon
) svg [fill]:not([fill="none"]){fill:#fff!important}
html[data-lunix-theme="light"] body.lunix-backstage-page.lunix-portal-tiktok :is(
  .lunix-month-checklist__item > span,
  .lunix-btn--gold,
  .lunix-btn--primary,
  .lunix-btn.is-primary,
  .button-primary,
  .lunix-ranking-filter__submit,
  .lunix-ranking-mode-switch__item.is-active,
  .lunix-battle-v2-primary-action,
  .lunix-battle-v2-filter-submit,
  .lunix-battle-v2-secondary-action,
  .lunix-coliseu-v2-tab.is-active,
  .lunix-torneio-v2-new,
  .lunix-torneio-filter-icon.is-apply,
  .lunix-torneio-status-tab.is-active,
  .lunix-torneio-v2-mode a.is-active,
  .lunix-support-v2-primary,
  .lunix-support-v2-detail-tab.is-active,
  .lunix-achievements__tab.is-active,
  .lunix-luna-mode-switch button.is-active,
  .lunix-luna-new-chat,
  .lunix-luna-chat-send,
  .lunix-luna-image-send,
  .lunix-luna-confirm-submit
) :is(span,strong,small,i,svg,.dashicons,.lunix-backstage-menu-icon){
  color:#fff!important;
}

/* =========================================================
 * 7) DASHBOARD — estados distintos dos seletores de período v4.26.9
 *
 * Tema claro: cápsulas inativas ficam claras e usam a cor do portal;
 * somente a opção realmente selecionada recebe preenchimento sólido.
 * TikTok mantém texto branco no ativo; BIGO mantém o contraste próprio
 * (texto escuro no ciano) sem herdar a paleta rosa do TikTok.
 * ========================================================= */
html[data-lunix-theme="light"] body.lunix-backstage-page.lunix-portal-tiktok .lunix-month-checklist__item > span{
  background:#fff!important;
  background-image:none!important;
  border-color:rgba(230,0,115,.42)!important;
  color:#E60073!important;
  box-shadow:none!important;
}
html[data-lunix-theme="light"] body.lunix-backstage-page.lunix-portal-tiktok .lunix-month-checklist__item input:checked + span{
  background:#E60073!important;
  background-image:none!important;
  border-color:#E60073!important;
  color:#fff!important;
  box-shadow:0 0 0 3px rgba(230,0,115,.10)!important;
}
html[data-lunix-theme="light"] body.lunix-backstage-page.lunix-portal-tiktok .lunix-month-checklist__item input:not(:checked) + span:hover{
  background:rgba(230,0,115,.07)!important;
  border-color:rgba(230,0,115,.68)!important;
}

html[data-lunix-theme="light"] body.lunix-backstage-page.lunix-portal-bigo .lunix-month-checklist__item > span{
  background:#fff!important;
  background-image:none!important;
  border-color:rgba(var(--lunix-portal-accent-rgb),.44)!important;
  color:var(--lunix-portal-accent)!important;
  box-shadow:none!important;
}
html[data-lunix-theme="light"] body.lunix-backstage-page.lunix-portal-bigo .lunix-month-checklist__item input:checked + span{
  background:var(--lunix-portal-accent)!important;
  background-image:none!important;
  border-color:var(--lunix-portal-accent)!important;
  color:#071516!important;
  box-shadow:0 0 0 3px rgba(var(--lunix-portal-accent-rgb),.10)!important;
}
html[data-lunix-theme="light"] body.lunix-backstage-page.lunix-portal-bigo .lunix-month-checklist__item input:not(:checked) + span:hover{
  background:rgba(var(--lunix-portal-accent-rgb),.08)!important;
  border-color:rgba(var(--lunix-portal-accent-rgb),.72)!important;
}


/* =========================================================
 * 8) DASHBOARD — seletor de período definitivo v4.27.0
 *
 * O estado visual é explícito por .is-selected e pelo checked real.
 * Esta camada fica por último para impedir CSS legado de pintar todas
 * as cápsulas como ativas ou devolver texto preto ao TikTok.
 * ========================================================= */
html[data-lunix-theme="light"] body.lunix-backstage-page.lunix-portal-tiktok .lunix-period-filter .lunix-month-checklist > .lunix-month-checklist__item:not(.is-selected) > span{
  background:#fff!important;
  background-image:none!important;
  border:1px solid rgba(230,0,115,.48)!important;
  color:#E60073!important;
  box-shadow:none!important;
}
html[data-lunix-theme="light"] body.lunix-backstage-page.lunix-portal-tiktok .lunix-period-filter .lunix-month-checklist > .lunix-month-checklist__item.is-selected > span,
html[data-lunix-theme="light"] body.lunix-backstage-page.lunix-portal-tiktok .lunix-period-filter .lunix-month-checklist > .lunix-month-checklist__item > input:checked + span{
  background:#E60073!important;
  background-image:none!important;
  border-color:#E60073!important;
  color:#fff!important;
  box-shadow:0 0 0 3px rgba(230,0,115,.10)!important;
}
html[data-lunix-theme="light"] body.lunix-backstage-page.lunix-portal-tiktok .lunix-period-filter .lunix-month-checklist > .lunix-month-checklist__item.is-selected > span *{
  color:#fff!important;
}
html[data-lunix-theme="light"] body.lunix-backstage-page.lunix-portal-tiktok .lunix-period-filter .lunix-month-checklist > .lunix-month-checklist__item:not(.is-selected) > span:hover{
  background:rgba(230,0,115,.07)!important;
  color:#E60073!important;
}

html[data-lunix-theme="light"] body.lunix-backstage-page.lunix-portal-bigo .lunix-period-filter .lunix-month-checklist > .lunix-month-checklist__item:not(.is-selected) > span{
  background:#fff!important;
  background-image:none!important;
  border:1px solid rgba(var(--lunix-portal-accent-rgb),.48)!important;
  color:var(--lunix-portal-accent)!important;
  box-shadow:none!important;
}
html[data-lunix-theme="light"] body.lunix-backstage-page.lunix-portal-bigo .lunix-period-filter .lunix-month-checklist > .lunix-month-checklist__item.is-selected > span,
html[data-lunix-theme="light"] body.lunix-backstage-page.lunix-portal-bigo .lunix-period-filter .lunix-month-checklist > .lunix-month-checklist__item > input:checked + span{
  background:var(--lunix-portal-accent)!important;
  background-image:none!important;
  border-color:var(--lunix-portal-accent)!important;
  color:#071516!important;
  box-shadow:0 0 0 3px rgba(var(--lunix-portal-accent-rgb),.10)!important;
}
html[data-lunix-theme="light"] body.lunix-backstage-page.lunix-portal-bigo .lunix-period-filter .lunix-month-checklist > .lunix-month-checklist__item:not(.is-selected) > span:hover{
  background:rgba(var(--lunix-portal-accent-rgb),.08)!important;
  color:var(--lunix-portal-accent)!important;
}