/* =========================================================
 * BACKSTAGE BUTTON PALETTE — REGRA GLOBAL
 * Aplicável a TODO o Backstage (Admin + Agenciados),
 * TikTok + BIGO e temas escuro + claro.
 *
 * Regras definitivas:
 * - preenchimento rosa/azul (accent) => texto/ícone BRANCO;
 * - preenchimento preto/escuro       => texto/ícone na COR DO PORTAL;
 * - preenchimento branco/claro       => texto/ícone na COR DO PORTAL;
 * - ícones dentro de ações accent nunca permanecem pretos.
 *
 * TikTok: --lunix-portal-accent = rosa
 * BIGO:   --lunix-portal-accent = azul/ciano
 * ========================================================= */

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

/* ---------------------------------------------------------
 * 1. BOTÕES / SELETORES COM PREENCHIMENTO ACCENT
 *    Rosa no TikTok / azul no BIGO => conteúdo branco.
 * --------------------------------------------------------- */
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-icon-btn:not(.is-dark):not(.is-danger):not(.is-success),
  .lunix-support-v2-text-btn:not(.is-dark):not(.is-danger),
  .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:var(--lunix-action-on-accent)!important;
}

/* Texto e ícones precisam herdar branco, inclusive SVG/máscaras. */
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-icon-btn:not(.is-dark):not(.is-danger):not(.is-success),
  .lunix-support-v2-text-btn:not(.is-dark):not(.is-danger),
  .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,
  .lunix-battle-v2-platform-glyph
){
  color:inherit!important;
}

/* Corrige SVGs antigos com fill/stroke preto explícito dentro de botão accent. */
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-icon-btn:not(.is-dark):not(.is-danger):not(.is-success),
  .lunix-support-v2-text-btn:not(.is-dark):not(.is-danger),
  .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-icon-btn:not(.is-dark):not(.is-danger):not(.is-success),
  .lunix-support-v2-text-btn:not(.is-dark):not(.is-danger),
  .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;
}

/* ---------------------------------------------------------
 * 2. BOTÕES PRETOS / ESCUROS
 *    Conteúdo sempre na cor do portal, em qualquer tema.
 * --------------------------------------------------------- */
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-coliseu-v2-tab:not(.is-active),
  .lunix-coliseu-v2-icon-link,
  .lunix-coliseu-v2-panel__link,
  .lunix-torneio-v2-mode a:not(.is-active),
  .lunix-torneio-status-tab:not(.is-active),
  .lunix-torneio-filter-icon:not(.is-apply),
  .lunix-ranking-mode-switch__item:not(.is-active),
  .lunix-rankings-expand,
  .lunix-modal__close,
  .lunix-batalha-banner-modal__close,
  .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),
  .lunix-support-v2-detail-tab:not(.is-active),
  .lunix-support-pagination__link,
  .lunix-support-v2-modal__close,
  .lunix-support-type-modal__close,
  .lunix-backstage-theme-toggle,
  .lunix-backstage-notifications__trigger,
  .lunix-backstage-sidebar-v2__collapse,
  .lunix-luna-icon-button,
  .lunix-luna-confirm-cancel,
  .lunix-luna-choice-grid button:not(.is-selected),
  .lunix-luna-image-suggestions button
){
  color:var(--lunix-action-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-coliseu-v2-tab:not(.is-active),
  .lunix-coliseu-v2-icon-link,
  .lunix-coliseu-v2-panel__link,
  .lunix-torneio-v2-mode a:not(.is-active),
  .lunix-torneio-status-tab:not(.is-active),
  .lunix-torneio-filter-icon:not(.is-apply),
  .lunix-ranking-mode-switch__item:not(.is-active),
  .lunix-rankings-expand,
  .lunix-modal__close,
  .lunix-batalha-banner-modal__close,
  .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),
  .lunix-support-v2-detail-tab:not(.is-active),
  .lunix-support-pagination__link,
  .lunix-support-v2-modal__close,
  .lunix-support-type-modal__close,
  .lunix-backstage-theme-toggle,
  .lunix-backstage-notifications__trigger,
  .lunix-backstage-sidebar-v2__collapse,
  .lunix-luna-icon-button,
  .lunix-luna-confirm-cancel,
  .lunix-luna-choice-grid button:not(.is-selected),
  .lunix-luna-image-suggestions button
) :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;
}

/* ---------------------------------------------------------
 * 3. BOTÕES BRANCOS / CLAROS (tema claro)
 *    Mantêm conteúdo rosa no TikTok e azul no BIGO.
 * --------------------------------------------------------- */
html[data-lunix-theme="light"] body.lunix-backstage-page :is(
  .lunix-btn:not(.lunix-btn--gold):not(.lunix-btn--primary):not(.is-primary):not(.is-danger):not(.is-success),
  .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-coliseu-v2-tab:not(.is-active),
  .lunix-coliseu-v2-icon-link,
  .lunix-coliseu-v2-panel__link,
  .lunix-torneio-v2-mode a:not(.is-active),
  .lunix-torneio-status-tab:not(.is-active),
  .lunix-torneio-filter-icon:not(.is-apply),
  .lunix-ranking-mode-switch__item:not(.is-active),
  .lunix-rankings-expand,
  .lunix-modal__close,
  .lunix-batalha-banner-modal__close,
  .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),
  .lunix-support-v2-detail-tab:not(.is-active),
  .lunix-support-pagination__link,
  .lunix-support-v2-modal__close,
  .lunix-support-type-modal__close,
  .lunix-backstage-theme-toggle,
  .lunix-backstage-notifications__trigger,
  .lunix-backstage-sidebar-v2__collapse,
  .lunix-luna-icon-button,
  .lunix-luna-confirm-cancel,
  .lunix-luna-choice-grid button:not(.is-selected),
  .lunix-luna-image-suggestions button
){
  color:var(--lunix-action-accent)!important;
}

/* ---------------------------------------------------------
 * 4. REFORÇO FINAL: regras antigas de módulo não podem
 *    reintroduzir texto/ícone preto em botão accent.
 * --------------------------------------------------------- */
html[data-lunix-theme="light"] 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-icon-btn:not(.is-dark):not(.is-danger):not(.is-success),
  .lunix-support-v2-text-btn:not(.is-dark):not(.is-danger),
  .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;
}

/* Alguns módulos antigos usam o botão base branco. Nunca deixar texto preto. */
html[data-lunix-theme="light"] body.lunix-backstage-page .lunix-torneio-v2 .lunix-btn:not(.is-danger):not(.is-success):not(.lunix-btn--gold):not(.lunix-btn--primary),
html[data-lunix-theme="light"] body.lunix-backstage-page .lunix-backstage-content .lunix-btn:not(.is-danger):not(.is-success):not(.lunix-btn--gold):not(.lunix-btn--primary){
  color:var(--lunix-action-accent)!important;
}

/* ---------------------------------------------------------
 * 5. COBERTURA DOS FLUXOS LEGADOS E AÇÕES DINÂMICAS
 * --------------------------------------------------------- */
/* Os CSS antigos do tema claro pintam qualquer submit com a cor do portal.
 * Se ele não for semanticamente escuro/danger/success, o conteúdo é branco. */
body.lunix-backstage-support-page .lunix-support-v2-reply button,
body.lunix-backstage-support-page .lunix-support-pagination__link.is-current,
body.lunix-backstage-support-page .lunix-support-v2-detail__actions .lunix-support-proof-upload-form .lunix-btn,
body.lunix-backstage-support-page .lunix-support-v2-row-action.is-pin.is-active,
body.lunix-backstage-luna-page .lunix-luna-help:hover,
body.lunix-backstage-luna-page .lunix-luna-history__rename button:hover{
  color:#fff!important;
}
body.lunix-backstage-support-page .lunix-support-v2-reply button :is(span,strong,small,i,svg,.dashicons),
body.lunix-backstage-support-page .lunix-support-pagination__link.is-current :is(span,strong,small,i,svg,.dashicons),
body.lunix-backstage-support-page .lunix-support-v2-detail__actions .lunix-support-proof-upload-form .lunix-btn :is(span,strong,small,i,svg,.dashicons),
body.lunix-backstage-support-page .lunix-support-v2-row-action.is-pin.is-active :is(span,strong,small,i,svg,.dashicons),
body.lunix-backstage-luna-page .lunix-luna-help:hover :is(span,strong,small,i,svg,.dashicons),
body.lunix-backstage-luna-page .lunix-luna-history__rename button:hover :is(span,strong,small,i,svg,.dashicons){
  color:inherit!important;
}

/* Botões semanticamente escuros continuam PRETOS somente no tema escuro.
 * No tema claro a camada final de consistência converte essas ações para a
 * identidade do portal (TikTok rosa / BIGO azul), conforme o contrato visual. */
html[data-lunix-theme="dark"] 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-modal__close,
  .lunix-batalha-banner-modal__close,
  .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-backstage-theme-toggle,
  .lunix-backstage-notifications__trigger,
  .lunix-backstage-sidebar-v2__collapse,
  .lunix-luna-confirm-cancel
){
  background:#111116!important;
  color:var(--lunix-action-accent)!important;
}

/* Botão base branco (principalmente legado do Torneio): conteúdo na cor do portal. */
body.lunix-backstage-page .lunix-btn:not(.lunix-btn--gold):not(.lunix-btn--primary):not(.lunix-btn--dark):not(.lunix-btn--ghost):not(.is-primary):not(.is-secondary):not(.is-danger):not(.is-success),
body.lunix-backstage-page .button:not(.button-primary):not(.button-secondary):not(.button-link-delete){
  color:var(--lunix-action-accent)!important;
}

/* =========================================================
 * AÇÃO PRIMÁRIA COMPARTILHADA — Informações / LX Academy
 * Um único padrão para botões de criação do Backstage.
 * ========================================================= */
body.lunix-backstage-page .lunix-primary-action{
  appearance:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-height:38px!important;
  padding:0 13px!important;
  border:1px solid transparent!important;
  border-radius:10px!important;
  background:var(--lunix-action-accent)!important;
  color:#fff!important;
  font:inherit!important;
  font-size:.76rem!important;
  font-weight:850!important;
  line-height:1!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  cursor:pointer!important;
  box-shadow:0 7px 18px rgba(var(--lunix-action-accent-rgb),.16)!important;
  transition:transform .17s ease,filter .17s ease,box-shadow .17s ease!important;
}
body.lunix-backstage-page .lunix-primary-action:hover,
body.lunix-backstage-page .lunix-primary-action:focus-visible{
  color:#fff!important;
  transform:translateY(-1px)!important;
  filter:brightness(1.06)!important;
  box-shadow:0 9px 22px rgba(var(--lunix-action-accent-rgb),.22)!important;
}
body.lunix-backstage-page .lunix-primary-action :is(span,strong,small,i,svg){color:inherit!important}