/* Lunix Agency — ajustes de contraste, Dashboard e Retrospectiva (14/10/2026)
   Última camada do Backstage, apenas apresentação. */

/* DASHBOARD: ocultação real de todo o detalhamento após as métricas principais. */
body.lunix-backstage-page .lunix-dashboard-extra-metrics[hidden]{display:none!important;}
body.lunix-backstage-page .lunix-dashboard-extra-metrics:not([hidden]){
  display:grid;grid-template-columns:minmax(0,1fr);gap:18px;width:100%;min-width:0;grid-column:1/-1;
}
body.lunix-backstage-page .lunix-dashboard-extra-metrics > *{min-width:0;}
body.lunix-backstage-page .lunix-dashboard-metrics-expand-wrap{
  display:flex;justify-content:center;align-items:center;width:100%;grid-column:1/-1;margin:4px 0 2px;
}
body.lunix-backstage-page .lunix-dashboard-metrics-expand{
  min-width:min(280px,100%);min-height:44px;padding:0 22px;
  border:1px solid rgba(var(--lunix-portal-accent-rgb,230,0,115),.38);
  border-radius:11px;background:linear-gradient(145deg,rgba(20,20,24,.98),rgba(12,12,15,.98));
  color:#f2f2f5;display:inline-flex;align-items:center;justify-content:center;
  gap:9px;font-size:.75rem;font-weight:900;cursor:pointer;
  box-shadow:0 12px 26px rgba(0,0,0,.14);transition:.18s ease;
}
body.lunix-backstage-page .lunix-dashboard-metrics-expand:hover{border-color:var(--lunix-portal-accent,#E60074);color:var(--lunix-portal-accent,#E60074);transform:translateY(-1px);}
body.lunix-backstage-page .lunix-dashboard-metrics-expand svg{width:17px;height:17px;transition:transform .18s ease;}
body.lunix-backstage-page .lunix-dashboard-metrics-expand.is-expanded svg{transform:rotate(180deg);}
html[data-lunix-theme="light"] body.lunix-backstage-page .lunix-dashboard-metrics-expand{
  color:#202026!important;background:#fff!important;border-color:rgba(var(--lunix-portal-accent-rgb,230,0,115),.38)!important;
  box-shadow:0 10px 24px rgba(28,28,38,.05)!important;
}
html[data-lunix-theme="light"] body.lunix-backstage-page .lunix-dashboard-metrics-expand:hover{
  color:var(--lunix-portal-accent,#E60074)!important;
}

/* RETROSPECTIVA: único card externo, sem caixas individuais nem fundo dos indicadores. */
html body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__viewport{
  width:100%!important;min-width:0!important;overflow:hidden!important;
}
html body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__track{
  display:flex!important;flex-wrap:nowrap!important;width:100%!important;min-width:0!important;
}
html body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__slide{
  flex:0 0 100%!important;min-width:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;
}
html body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__grid{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
  width:100%!important;min-width:0!important;gap:clamp(4px,1.25vw,16px)!important;
  align-items:stretch!important;
}
html body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__grid[data-count="3"]{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
html body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__item{
  display:flex!important;flex-direction:column!important;justify-content:flex-start!important;
  align-items:center!important;min-width:0!important;width:100%!important;max-width:none!important;
  box-sizing:border-box!important;margin:0!important;padding:8px 3px 6px!important;
  gap:9px!important;background:transparent!important;background-image:none!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;
  text-align:center!important;
}
html[data-lunix-theme="light"] body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__item{
  background:transparent!important;border:0!important;box-shadow:none!important;
}
/* Todos os desenhos ocupam a mesma área, mesmo com transparências internas do PNG. */
html body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__artwork{
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:100%!important;min-width:0!important;height:118px!important;min-height:118px!important;
  max-height:118px!important;margin:0!important;padding:0!important;
  background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;
}
html body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__artwork img{
  display:block!important;width:110px!important;height:110px!important;
  max-width:100%!important;max-height:100%!important;
  object-fit:contain!important;object-position:center!important;margin:auto!important;
}
/* Dias Válidos ainda não possui PNG: o calendário oficial fica na mesma célula 110px. */
html body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__artwork.is-valid-days{
  display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;
  gap:4px!important;padding:0!important;background:transparent!important;background-image:none!important;
  border:0!important;box-shadow:none!important;border-radius:0!important;
}
html body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__days-icon{
  display:grid!important;place-items:center!important;width:64px!important;height:64px!important;
  flex:0 0 64px!important;color:var(--lunix-portal-accent,#E60074)!important;
}
html body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__days-icon .lunix-rankings-v2__icon,
html body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__days-icon svg{
  width:58px!important;height:58px!important;
}
html body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__days-label{
  color:var(--lunix-portal-accent,#E60074)!important;
  text-align:center!important;font-size:clamp(.63rem,1.2vw,.88rem)!important;
  line-height:1.05!important;letter-spacing:.02em!important;font-weight:900!important;
}
html body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__position{
  margin-top:0!important;line-height:1.15!important;
}
html body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__value{
  min-width:0!important;max-width:100%!important;justify-content:center!important;
  flex-wrap:wrap!important;gap:4px!important;white-space:normal!important;
}
html body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__missing{
  max-width:100%!important;overflow-wrap:anywhere!important;text-align:center!important;
}

/* Modo claro: apenas controles com preenchimento forte do portal usam branco.
   Não afeta botões fantasma, links, inputs nem opções não selecionadas. */
html[data-lunix-theme="light"] body.lunix-backstage-page :is(
  .lunix-btn--primary,.lunix-btn--gold,.lunix-btn.is-primary,
  .lunix-unified-submit,.lunix-ranking-filter__submit,
  .lunix-ranking-mode-switch__item.is-active,
  .lunix-ranking-metric-switch__item.is-active,
  .lunix-coliseu-v2-tab.is-active,
  .lunix-torneio-v2-new,.lunix-torneio-v2-mode a.is-active,
  .lunix-torneio-status-tab.is-active,.lunix-torneio-filter-icon.is-apply,
  .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,
  .lunix-backstage-mobile-bottom__item.is-luna-featured,
  .lunix-period-filter .lunix-month-checklist__item.is-selected>span,
  .lunix-period-filter .lunix-month-checklist__item>input:checked+span,
  button.button-primary,input.button-primary,input[type="submit"].button-primary
){color:#fff!important;}
html[data-lunix-theme="light"] body.lunix-backstage-page :is(
  .lunix-btn--primary,.lunix-btn--gold,.lunix-btn.is-primary,
  .lunix-unified-submit,.lunix-ranking-filter__submit,
  .lunix-ranking-mode-switch__item.is-active,
  .lunix-ranking-metric-switch__item.is-active,
  .lunix-coliseu-v2-tab.is-active,
  .lunix-torneio-v2-new,.lunix-torneio-v2-mode a.is-active,
  .lunix-torneio-status-tab.is-active,.lunix-torneio-filter-icon.is-apply,
  .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,
  .lunix-backstage-mobile-bottom__item.is-luna-featured,
  .lunix-period-filter .lunix-month-checklist__item.is-selected>span,
  .lunix-period-filter .lunix-month-checklist__item>input:checked+span,
  button.button-primary,input.button-primary,input[type="submit"].button-primary
) :is(span,strong,small,em,i,svg,.lunix-rankings-v2__icon){color:inherit!important;}

/* BIGO tinha uma regra de contraste escuro mais específica para meses selecionados. */
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,
html[data-lunix-theme="light"] body.lunix-backstage-page .lunix-ranking-metric-switch__item.is-active,
html[data-lunix-theme="light"] body.lunix-backstage-page .lunix-ranking-metric-switch__item.is-active :is(span,strong,svg){
  color:#fff!important;
}

@media(max-width:700px){
  html body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__grid{
    gap:4px!important;
  }
  html body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__item{
    padding:6px 0 4px!important;gap:6px!important;
  }
  html body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__artwork{
    height:clamp(59px,17vw,86px)!important;
    min-height:clamp(59px,17vw,86px)!important;
    max-height:clamp(59px,17vw,86px)!important;
  }
  html body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__artwork img{
    width:clamp(59px,17vw,86px)!important;
    height:clamp(59px,17vw,86px)!important;
  }
  html body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__days-icon{
    width:clamp(36px,10vw,52px)!important;height:clamp(36px,10vw,52px)!important;
    flex-basis:clamp(36px,10vw,52px)!important;
  }
  html body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__days-icon .lunix-rankings-v2__icon,
  html body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__days-icon svg{
    width:clamp(34px,9.5vw,48px)!important;height:clamp(34px,9.5vw,48px)!important;
  }
  html body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__days-label{
    font-size:clamp(.43rem,1.85vw,.65rem)!important;
  }
  html body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__position{
    font-size:clamp(1.07rem,4.7vw,1.55rem)!important;
  }
  html body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__value{
    flex-direction:column!important;font-size:clamp(.56rem,2.1vw,.76rem)!important;
  }
  html body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__missing{
    font-size:clamp(.48rem,1.95vw,.69rem)!important;line-height:1.25!important;
  }
}
@media(prefers-reduced-motion:reduce){
  html body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__track{transition:none!important;}
}


/* ============================================================
 * LUNIX PATCH 2026-10-14 22:29 — CONTRASTE REAL DOS CONTROLES
 * Backstage completo: ambos os portais, perfis e breakpoints.
 * A cor branca se aplica APENAS a ações preenchidas e selecionadas.
 * Controles de contorno e superfícies claras conservam texto na cor do portal.
 * As regras específicas usam um opt-out por ID para superar seletores
 * antigos de altíssima especificidade, sem alterar módulos sem fundo.
 * ============================================================ */
html[data-lunix-theme="light"] body.lunix-backstage-page{
  --lunix-filled-action-bg:#E60074;
  --lunix-filled-action-fg:#fff;
}
/* O ciano claro da BIGO não admite branco com contraste suficiente:
   usar a versão azul-petróleo da própria paleta nas ações sólidas. */
html[data-lunix-theme="light"] body.lunix-backstage-page.lunix-portal-bigo{
  --lunix-filled-action-bg:#087986;
  --lunix-filled-action-fg:#fff;
}
/* Ações com preenchimento inequívoco. Não inclui inputs, selects nem
   controles ghost, cards pastel, botões de ícone de borda ou badges de estado. */
html[data-lunix-theme="light"] body.lunix-backstage-page:not(#lunix-contrast-exempt) :is(
  .lunix-info-tabs a.is-active,
  .lunix-info-btn.is-primary,
  .lx-admin-tab.is-active,
  .lx-student-tabs a.is-active,
  .lx-btn--primary,
  .lunix-btn--gold,
  .lunix-btn--primary,
  .lunix-btn.is-primary,
  .lunix-primary-action,
  .lunix-unified-submit,
  .lunix-ranking-filter__submit,
  .lunix-ranking-mode-switch__item.is-active,
  .lunix-ranking-metric-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-toolbar__actions .lunix-support-v2-icon-btn.is-dark,
  .lunix-support-v2-text-btn.is-dark,
  .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,
  button.button-primary,
  input.button-primary,
  input[type="submit"].button-primary
){
  background:var(--lunix-filled-action-bg)!important;
  background-image:none!important;
  border-color:var(--lunix-filled-action-bg)!important;
  color:var(--lunix-filled-action-fg)!important;
  -webkit-text-fill-color:var(--lunix-filled-action-fg)!important;
  text-shadow:none!important;
}
/* Seletores preenchidos sem mudar o aspecto dos demais meses. */
html[data-lunix-theme="light"] body.lunix-backstage-page:not(#lunix-contrast-exempt) .lunix-period-filter .lunix-month-checklist > .lunix-month-checklist__item:is(.is-selected,:has(input:checked)) > span{
  background:var(--lunix-filled-action-bg)!important;
  border-color:var(--lunix-filled-action-bg)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
/* Ícones e rótulos dentro de superfícies com cor sólida herdam branco,
   mesmo quando CSS antigo impõe rosa/preto no SVG e em seus filhos. */
html[data-lunix-theme="light"] body.lunix-backstage-page:not(#lunix-contrast-exempt) :is(
  .lunix-info-tabs a.is-active,
  .lunix-info-btn.is-primary,
  .lx-admin-tab.is-active,
  .lx-student-tabs a.is-active,
  .lx-btn--primary,
  .lunix-btn--gold,
  .lunix-btn--primary,
  .lunix-btn.is-primary,
  .lunix-primary-action,
  .lunix-unified-submit,
  .lunix-ranking-filter__submit,
  .lunix-ranking-mode-switch__item.is-active,
  .lunix-ranking-metric-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-toolbar__actions .lunix-support-v2-icon-btn.is-dark,
  .lunix-support-v2-text-btn.is-dark,
  .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,em,b,svg,.dashicons,.lunix-rankings-v2__icon,.lunix-support-v2-icon,.lunix-torneio-v2-icon){
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
html[data-lunix-theme="light"] body.lunix-backstage-page:not(#lunix-contrast-exempt) :is(
  .lunix-info-btn.is-primary,
  .lx-btn--primary,
  .lunix-primary-action,
  .lunix-unified-submit,
  .lunix-battle-v2-filter-submit,
  .lunix-battle-v2-primary-action,
  .lunix-battle-v2-secondary-action,
  .lunix-support-v2-primary,
  .lunix-support-v2-toolbar__actions .lunix-support-v2-icon-btn.is-dark,
  .lunix-support-v2-text-btn.is-dark,
  .lunix-luna-chat-send,
  .lunix-luna-image-send,
  .button-primary
) svg [stroke]:not([stroke="none"]){stroke:#fff!important}
html[data-lunix-theme="light"] body.lunix-backstage-page:not(#lunix-contrast-exempt) :is(
  .lunix-info-btn.is-primary,
  .lx-btn--primary,
  .lunix-primary-action,
  .lunix-unified-submit,
  .lunix-battle-v2-filter-submit,
  .lunix-battle-v2-primary-action,
  .lunix-battle-v2-secondary-action,
  .lunix-support-v2-primary,
  .lunix-support-v2-toolbar__actions .lunix-support-v2-icon-btn.is-dark,
  .lunix-support-v2-text-btn.is-dark,
  .lunix-luna-chat-send,
  .lunix-luna-image-send,
  .button-primary
) svg [fill]:not([fill="none"]){fill:#fff!important}
/* Ações redondas de excluir/fixar: branco SOMENTE se seu fundo for sólido.
   Os botões ghost e os de semântica 'perigo' continuam distintos. */
html[data-lunix-theme="light"] body.lunix-backstage-page:not(#lunix-contrast-exempt) :is(
  .lunix-battle-v2-filter-submit,
  .lunix-support-v2-toolbar__actions .lunix-support-v2-icon-btn.is-dark
):is(:hover,:focus-visible){
  background:var(--lunix-filled-action-bg)!important;
  color:#fff!important;
}

/* BIGO: garantir azul-petróleo também nos ícones de filtro/limpeza do Suporte,
   inclusive quando o módulo define a própria paleta após a regra compartilhada. */
html[data-lunix-theme="light"] body.lunix-backstage-page.lunix-portal-bigo:not(#lunix-contrast-exempt) .lunix-support-v2-toolbar__actions .lunix-support-v2-icon-btn.is-dark{
  background:#087986!important;
  background-color:#087986!important;
  background-image:none!important;
  border-color:#087986!important;
  color:#fff!important;
}


/* Correção específica de interação por toque no Dashboard mobile.
   O acionador fica acima das camadas decorativas, sem alterar a bottombar. */
@media (max-width:1023px) {
  body.lunix-backstage-page .lunix-dashboard-metrics-expand-wrap {
    position:relative!important;
    z-index:3!important;
    pointer-events:auto!important;
  }
  body.lunix-backstage-page .lunix-dashboard-metrics-expand {
    position:relative!important;
    z-index:1!important;
    pointer-events:auto!important;
    touch-action:manipulation;
    -webkit-tap-highlight-color:transparent;
  }
}


/* =========================================================
   LUNIX — expansão nativa das métricas (desktop + mobile)
   O resumo é semanticamente o primeiro filho do <details>, mas
   fica visualmente depois das métricas quando a seção está aberta.
   Sem listeners, jQuery ou captura de eventos no mobile.
   ========================================================= */
html body.lunix-backstage-page .lunix-dashboard-metrics-disclosure {
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;
  align-items:stretch!important;
  width:100%!important;
  min-width:0!important;
  grid-column:1/-1!important;
  margin:0!important;
}
html body.lunix-backstage-page .lunix-dashboard-metrics-disclosure > .lunix-dashboard-metrics-expand {
  display:flex!important;
  flex:0 0 auto!important;
  order:2!important;
  align-self:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  margin:12px auto 2px!important;
  min-height:48px!important;
  width:min(320px,100%)!important;
  max-width:100%!important;
  list-style:none!important;
  pointer-events:auto!important;
  position:relative!important;
  z-index:2!important;
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
  user-select:none;
  -webkit-user-select:none;
}
html body.lunix-backstage-page .lunix-dashboard-metrics-disclosure > summary::-webkit-details-marker { display:none!important; }
html body.lunix-backstage-page .lunix-dashboard-metrics-disclosure > summary::marker { content:""; }
html body.lunix-backstage-page .lunix-dashboard-metrics-disclosure > .lunix-dashboard-extra-metrics {
  order:1!important;
  min-width:0!important;
  width:100%!important;
  grid-column:1/-1!important;
}
html body.lunix-backstage-page .lunix-dashboard-metrics-disclosure:not([open]) > .lunix-dashboard-extra-metrics {
  display:none!important;
}
html body.lunix-backstage-page .lunix-dashboard-metrics-disclosure[open] > .lunix-dashboard-extra-metrics {
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:18px!important;
}
html body.lunix-backstage-page .lunix-dashboard-metrics-expand__open {display:none!important;}
html body.lunix-backstage-page .lunix-dashboard-metrics-disclosure[open] .lunix-dashboard-metrics-expand__open {display:inline!important;}
html body.lunix-backstage-page .lunix-dashboard-metrics-disclosure[open] .lunix-dashboard-metrics-expand__closed {display:none!important;}
html body.lunix-backstage-page .lunix-dashboard-metrics-disclosure[open] .lunix-dashboard-metrics-expand svg {
  transform:rotate(180deg)!important;
}
html body.lunix-backstage-page .lunix-dashboard-metrics-disclosure > summary:hover,
html body.lunix-backstage-page .lunix-dashboard-metrics-disclosure > summary:active {
  transform:none!important;
}
html body.lunix-backstage-page .lunix-dashboard-metrics-disclosure > summary {
  scroll-margin-block:16px!important;
}
html body.lunix-backstage-page .lunix-dashboard-metrics-disclosure > summary:focus-visible {
  outline:2px solid var(--lunix-portal-accent,#E60074)!important;
  outline-offset:3px!important;
}
@media (max-width:1023px) {
  html body.lunix-backstage-page .lunix-dashboard-metrics-disclosure {
    isolation:isolate!important;
  }
  html body.lunix-backstage-page .lunix-dashboard-metrics-disclosure > summary {
    min-height:52px!important;
    margin-top:14px!important;
  }
}

/* Pacote 15/10 — Seu mês/ano: artes encostadas em ambas as plataformas */
html body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__grid,
html body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__grid[data-count="3"]{
  width:min(100%,780px)!important;margin-inline:auto!important;
  column-gap:0!important;row-gap:0!important;justify-content:center!important;
  align-items:start!important;
}
html body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__grid[data-count="3"]{width:min(100%,600px)!important;}
html body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__item{padding:0!important;gap:5px!important;}
html body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__artwork{
  aspect-ratio:1/1!important;width:100%!important;height:auto!important;min-height:0!important;
  max-height:none!important;padding:0!important;margin:0!important;
}
html body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__artwork img{
  display:block!important;width:100%!important;height:100%!important;max-width:100%!important;
  max-height:none!important;object-fit:contain!important;margin:0!important;
}
@media(max-width:700px){
 html body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__grid,
 html body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__grid[data-count="3"]{width:100%!important;column-gap:0!important;}
 html body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__item{padding:0!important;gap:4px!important;}
 html body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__artwork{min-height:0!important;max-height:none!important;}
 html body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__artwork img{width:100%!important;max-height:none!important;}
}

/* 15/10 - retrospectiva: eliminar espaçamento de células e manter exatamente a
   mesma caixa visual para cada PNG original (1024x1024), TikTok e BIGO. */
html body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__grid,
html body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__grid[data-count="3"]{
  column-gap:0!important;row-gap:0!important;justify-content:center!important;
}
html body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__artwork,
html body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__artwork img{
  aspect-ratio:1/1!important;box-sizing:border-box!important;
}
html body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__artwork img{
  width:100%!important;height:100%!important;object-fit:contain!important;
}
html body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__item{gap:5px!important;padding-inline:0!important;}
/* Não reservar altura para navegação manual removida. */
html body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__dots{display:none!important;}

/* 16/10 — Revisão final restrita: artes, bottombar, senha e perfil mobile. */
/* Molduras das artes compartilham a MESMA caixa quadrada, inclusive no mobile. */
html body.lunix-backstage-page .lunix-monthly-retrospective__grid,
html body.lunix-backstage-page .lunix-monthly-retrospective__grid[data-count="3"]{
  display:grid!important;grid-auto-flow:row!important;gap:0!important;align-items:start!important;
}
html body.lunix-backstage-page .lunix-monthly-retrospective__grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
html body.lunix-backstage-page .lunix-monthly-retrospective__grid[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
html body.lunix-backstage-page .lunix-monthly-retrospective__item{
  display:flex!important;flex-direction:column!important;align-items:center!important;min-width:0!important;
  padding:0!important;gap:5px!important;
}
html body.lunix-backstage-page .lunix-monthly-retrospective__artwork{
  display:block!important;width:100%!important;aspect-ratio:1/1!important;height:auto!important;
  min-height:0!important;max-height:none!important;padding:0!important;margin:0!important;overflow:hidden!important;
}
html body.lunix-backstage-page .lunix-monthly-retrospective__artwork img{
  display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;
  aspect-ratio:1/1!important;object-fit:contain!important;object-position:center!important;margin:0!important;padding:0!important;
}
/* Dias recebe o mesmo enquadramento das demais molduras, sem aumentar o canvas. */
@media(max-width:1023px){
  html body.lunix-backstage-page .lunix-monthly-retrospective__grid,
  html body.lunix-backstage-page .lunix-monthly-retrospective__grid[data-count="3"]{width:100%!important;gap:0!important;}
  html body.lunix-backstage-page .lunix-monthly-retrospective__item{gap:4px!important;}
}

/* Tema claro: botão Mais possui a mesma cor e hierarquia que Suporte. */
@media(max-width:1023px){
  html[data-lunix-theme="light"] body.lunix-backstage-page .lunix-backstage-mobile-bottom__more,
  html[data-lunix-theme="light"] body.lunix-backstage-page .lunix-backstage-mobile-bottom__more > span:last-child,
  html[data-lunix-theme="light"] body.lunix-backstage-page .lunix-backstage-mobile-bottom__more-icon,
  html[data-lunix-theme="light"] body.lunix-backstage-page .lunix-backstage-mobile-bottom__more-icon svg{
    color:var(--lunix-portal-accent,#E60074)!important;fill:currentColor!important;
  }
}

/* Modal de senha: botão preenchido deve exibir texto branco; sem mancha preta. */
html[data-lunix-theme="light"] body.lunix-backstage-page .lunix-password-recommendation-modal__dialog{
  background:#fff!important;color:#20161c!important;box-shadow:none!important;
  filter:none!important;
}
html[data-lunix-theme="light"] body.lunix-backstage-page .lunix-password-recommendation-modal__dialog::before,
html[data-lunix-theme="light"] body.lunix-backstage-page .lunix-password-recommendation-modal__dialog::after{display:none!important;content:none!important;box-shadow:none!important;}
html[data-lunix-theme="light"] body.lunix-backstage-page .lunix-password-recommendation-modal__actions .lunix-btn--dark{
  background:var(--lunix-portal-accent,#E60074)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
  box-shadow:none!important;text-shadow:none!important;border-color:transparent!important;
}

/* Popover do avatar destacado para body por JS, evitando blocos de posicionamento do header. */
@media(max-width:1023px){
  html body.lunix-backstage-page .lunix-topbar-profile-menu__dropdown.lunix-mobile-profile-portal{
    position:fixed!important;inset:auto!important;bottom:auto!important;right:auto!important;
    z-index:101000!important;box-sizing:border-box!important;width:min(310px,calc(100vw - 24px))!important;
    max-width:calc(100vw - 24px)!important;max-height:min(65dvh,560px)!important;
    height:auto!important;min-height:0!important;overflow-y:auto!important;margin:0!important;padding:10px!important;
    border-radius:16px!important;border:1px solid rgba(var(--lunix-portal-accent-rgb,230,0,115),.25)!important;
    background:#121014!important;box-shadow:0 18px 40px rgba(0,0,0,.24)!important;
    opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;
  }
  html[data-lunix-theme="light"] body.lunix-backstage-page .lunix-topbar-profile-menu__dropdown.lunix-mobile-profile-portal{
    background:#fff!important;color:#251421!important;box-shadow:0 14px 32px rgba(30,18,28,.13)!important;
  }
  html body.lunix-backstage-page .lunix-topbar-profile-menu__dropdown.lunix-mobile-profile-portal .lunix-topbar-profile-menu__mobile-handle{display:none!important;}
}

/* =========================================================
   16/10 — correção final da retrospectiva e do Resumo do Período
   - artes de Diamantes/Batalhas/Dias/Horas/Beans na mesma altura real
   - ícones do Resumo do Período sem visual preto fora do padrão
   ========================================================= */
html body.lunix-backstage-page .lunix-monthly-retrospective__artwork{
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
}
html body.lunix-backstage-page .lunix-monthly-retrospective__artwork-image,
html body.lunix-backstage-page .lunix-monthly-retrospective__artwork img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform-origin:center center!important;
}
/* Novas artes oficiais 1080 × 1080 com enquadramento e bordas coincidentes.
   Nenhum ajuste isolado por tipo: Diamantes/Batalhas/Dias/Horas e Beans/Dias/Horas
   recebem rigorosamente as mesmas dimensões e não são recortados ou esticados. */
html body.lunix-backstage-page .lunix-monthly-retrospective__artwork,
html body.lunix-backstage-page .lunix-monthly-retrospective__artwork img{
  aspect-ratio:1/1!important;
}
html body.lunix-backstage-page .lunix-monthly-retrospective__artwork img{
  transform:none!important;
  max-width:100%!important;
  max-height:100%!important;
}

html body.lunix-backstage-page .lunix-period-summary__list{
  gap:11px!important;
}
html body.lunix-backstage-page .lunix-period-summary__item{
  border-radius:16px!important;
}
html body.lunix-backstage-page .lunix-period-summary__trend{
  width:34px!important;
  height:34px!important;
  border-radius:999px!important;
  font-size:1rem!important;
  line-height:1!important;
  font-weight:900!important;
  box-shadow:none!important;
  text-shadow:none!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:rgba(255,255,255,.08)!important;
  color:#ffffff!important;
}
html body.lunix-backstage-page .lunix-period-summary__item.is-neutral .lunix-period-summary__trend{
  background:var(--lunix-portal-accent,#E60074)!important;
  color:#fff!important;
  border-color:transparent!important;
}
html body.lunix-backstage-page .lunix-period-summary__item.is-up .lunix-period-summary__trend{
  background:rgba(57,217,138,.16)!important;
  color:#39d98a!important;
  border-color:rgba(57,217,138,.22)!important;
}
html body.lunix-backstage-page .lunix-period-summary__item.is-down .lunix-period-summary__trend{
  background:rgba(255,91,112,.16)!important;
  color:#ff5b70!important;
  border-color:rgba(255,91,112,.22)!important;
}
html body.lunix-backstage-page .lunix-period-summary__item strong{
  opacity:1!important;
}
html body.lunix-backstage-page .lunix-period-summary__item p{
  opacity:1!important;
}
html[data-lunix-theme="light"] body.lunix-backstage-page .lunix-period-summary__trend{
  background:#f2f3f8!important;
  color:#4e5060!important;
  border-color:rgba(22,24,35,.08)!important;
}
html[data-lunix-theme="light"] body.lunix-backstage-page .lunix-period-summary__item.is-neutral .lunix-period-summary__trend{
  background:var(--lunix-portal-accent,#E60074)!important;
  color:#fff!important;
  border-color:transparent!important;
}
html[data-lunix-theme="light"] body.lunix-backstage-page .lunix-period-summary__item strong{
  color:#17171f!important;
}
html[data-lunix-theme="light"] body.lunix-backstage-page .lunix-period-summary__item p,
html[data-lunix-theme="light"] body.lunix-backstage-page .lunix-period-summary__comparison,
html[data-lunix-theme="light"] body.lunix-backstage-page .lunix-period-summary__current{
  color:#575867!important;
}