/* =========================================================
   BACKSTAGE V2.2 — refinamento final do shell e Dashboard
   - sidebar compacta
   - portal troca somente pelas setas
   - ícone/texto com a mesma cor
   - TikTok rosa / Bigo azul
   - cards do Dashboard sem estouro
   ========================================================= */

body.lunix-backstage-page.lunix-portal-tiktok{
  --lunix-portal-accent:#E60073;
  --lunix-portal-accent-2:#B8005C;
  --lunix-portal-accent-rgb:230,0,115;
  --lunix-portal-accent-2-rgb:184,0,92;
}
body.lunix-backstage-page.lunix-portal-bigo{
  --lunix-portal-accent:#20F1E8;
  --lunix-portal-accent-2:#10BEB8;
  --lunix-portal-accent-rgb:32,241,232;
  --lunix-portal-accent-2-rgb:16,190,184;
}

/* Compatibilidade com os módulos antigos que já trabalham por variáveis. */
body.lunix-backstage-page{
  --lunix-pink:var(--lunix-portal-accent,#E60073);
  --lunix-pink-2:var(--lunix-portal-accent-2,#B8005C);
  --lunix-gold:var(--lunix-portal-accent,#E60073);
  --lunix-gold-2:var(--lunix-portal-accent,#E60073);
  --lunix-gold-soft:rgba(var(--lunix-portal-accent-rgb,230,0,115),.10);
  --lunix-border:rgba(var(--lunix-portal-accent-rgb,230,0,115),.16);
  --lunix-border-strong:rgba(var(--lunix-portal-accent-rgb,230,0,115),.34);
}

@media (min-width:1024px){
  /* ---------------- Shell mais compacto ---------------- */
  body.lunix-backstage-page .lunix-backstage-shell.lunix-backstage-shell--v2{
    grid-template-columns:210px minmax(0,1fr)!important;
  }
  body.lunix-backstage-page .lunix-backstage-sidebar-v2{
    padding:18px 11px 14px!important;
    border-right-color:rgba(var(--lunix-portal-accent-rgb),.24)!important;
    background:
      radial-gradient(circle at 50% 104%,rgba(var(--lunix-portal-accent-rgb),.14),transparent 31%),
      linear-gradient(180deg,#09090a 0%,#0b0b0d 100%)!important;
  }
  .lunix-backstage-sidebar-v2__brand{padding:0 6px 15px!important;}
  .lunix-backstage-sidebar-v2__brand img{width:48px!important;height:48px!important;flex-basis:48px!important;}
  .lunix-backstage-sidebar-v2__brand strong{font-size:1.02rem!important;}
  .lunix-backstage-sidebar-v2__brand strong::first-letter{color:var(--lunix-portal-accent)!important;}
  .lunix-backstage-sidebar-v2__brand small{font-size:.52rem!important;letter-spacing:.37em!important;}

  /* Portal: área informativa; somente as setas são clicáveis. */
  body.lunix-backstage-page .lunix-backstage-sidebar-v2__portal{
    display:grid!important;
    grid-template-columns:20px minmax(0,1fr) 24px!important;
    align-items:center!important;
    gap:8px!important;
    min-height:42px!important;
    margin:13px 0 15px!important;
    padding:0 8px 0 10px!important;
    border:1px solid rgba(var(--lunix-portal-accent-rgb),.24)!important;
    border-radius:11px!important;
    background:rgba(var(--lunix-portal-accent-rgb),.045)!important;
    color:var(--lunix-portal-accent)!important;
    cursor:default!important;
  }
  .lunix-backstage-sidebar-v2__portal-icon{
    width:20px;
    height:20px;
    display:block;
    background:currentColor;
    -webkit-mask-image:var(--lunix-platform-mask);
    mask-image:var(--lunix-platform-mask);
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
    -webkit-mask-position:center;
    mask-position:center;
    -webkit-mask-size:contain;
    mask-size:contain;
  }
  .lunix-backstage-sidebar-v2__portal-label{
    min-width:0!important;
    color:inherit!important;
    font-size:.78rem!important;
    line-height:1.1!important;
    font-weight:850!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body.lunix-backstage-page .lunix-backstage-sidebar-v2__portal-switch{
    width:24px!important;
    height:24px!important;
    min-width:24px!important;
    flex:0 0 24px!important;
    display:grid!important;
    place-items:center!important;
    padding:0!important;
    border:1px solid rgba(var(--lunix-portal-accent-rgb),.28)!important;
    border-radius:7px!important;
    background:rgba(var(--lunix-portal-accent-rgb),.08)!important;
    color:var(--lunix-portal-accent)!important;
    text-decoration:none!important;
    cursor:pointer!important;
  }
  body.lunix-backstage-page .lunix-backstage-sidebar-v2__portal-switch:hover{
    border-color:rgba(var(--lunix-portal-accent-rgb),.58)!important;
    background:rgba(var(--lunix-portal-accent-rgb),.16)!important;
    transform:none!important;
  }
  .lunix-backstage-sidebar-v2__portal-switch svg{width:14px!important;height:14px!important;}

  /* ---------------- Navegação: texto e ícone sempre juntos ---------------- */
  html:not([data-lunix-theme="light"]) body.lunix-backstage-page .lunix-backstage-sidebar-v2__nav .lunix-backstage-nav a{
    --lunix-backstage-menu-icon-color:#F3F3F5!important;
    color:#F3F3F5!important;
  }
  html:not([data-lunix-theme="light"]) body.lunix-backstage-page .lunix-backstage-sidebar-v2__nav .lunix-backstage-nav a:hover,
  html:not([data-lunix-theme="light"]) body.lunix-backstage-page .lunix-backstage-sidebar-v2__nav .lunix-backstage-nav a.is-active,
  html:not([data-lunix-theme="light"]) body.lunix-backstage-page .lunix-backstage-sidebar-v2__nav .lunix-backstage-nav .current-menu-item>a,
  html:not([data-lunix-theme="light"]) body.lunix-backstage-page .lunix-backstage-sidebar-v2__nav .lunix-backstage-nav .current_page_item>a{
    --lunix-backstage-menu-icon-color:var(--lunix-portal-accent)!important;
    color:var(--lunix-portal-accent)!important;
    background:rgba(var(--lunix-portal-accent-rgb),.10)!important;
    border-color:rgba(var(--lunix-portal-accent-rgb),.24)!important;
    box-shadow:none!important;
  }
  html[data-lunix-theme="light"] body.lunix-backstage-page .lunix-backstage-sidebar-v2__nav .lunix-backstage-nav a{
    --lunix-backstage-menu-icon-color:var(--lunix-portal-accent)!important;
    color:var(--lunix-portal-accent)!important;
  }
  html[data-lunix-theme="light"] body.lunix-backstage-page .lunix-backstage-sidebar-v2__nav .lunix-backstage-nav a:hover,
  html[data-lunix-theme="light"] body.lunix-backstage-page .lunix-backstage-sidebar-v2__nav .lunix-backstage-nav a.is-active,
  html[data-lunix-theme="light"] body.lunix-backstage-page .lunix-backstage-sidebar-v2__nav .lunix-backstage-nav .current-menu-item>a,
  html[data-lunix-theme="light"] body.lunix-backstage-page .lunix-backstage-sidebar-v2__nav .lunix-backstage-nav .current_page_item>a{
    --lunix-backstage-menu-icon-color:#111!important;
    color:#111!important;
    background:rgba(var(--lunix-portal-accent-rgb),.08)!important;
    border-color:rgba(var(--lunix-portal-accent-rgb),.22)!important;
    box-shadow:none!important;
  }
  body.lunix-backstage-page .lunix-backstage-sidebar-v2__nav .lunix-backstage-nav a{
    min-height:43px!important;
    padding:0 11px!important;
    gap:10px!important;
  }
  body.lunix-backstage-page .lunix-backstage-sidebar-v2__nav .lunix-backstage-menu-icon{
    width:19px!important;height:19px!important;flex-basis:19px!important;
  }

  /* Luna acompanha a mesma regra cromática do menu. */
  html:not([data-lunix-theme="light"]) body.lunix-backstage-page .lunix-backstage-sidebar-v2__luna-link{
    --lunix-backstage-menu-icon-color:#F3F3F5!important;
    color:#F3F3F5!important;
    border-color:rgba(var(--lunix-portal-accent-rgb),.18)!important;
    background:rgba(var(--lunix-portal-accent-rgb),.045)!important;
  }
  html:not([data-lunix-theme="light"]) body.lunix-backstage-page .lunix-backstage-sidebar-v2__luna-link:hover,
  html:not([data-lunix-theme="light"]) body.lunix-backstage-page .lunix-backstage-sidebar-v2__luna-link.is-active{
    --lunix-backstage-menu-icon-color:var(--lunix-portal-accent)!important;
    color:var(--lunix-portal-accent)!important;
  }
  html[data-lunix-theme="light"] body.lunix-backstage-page .lunix-backstage-sidebar-v2__luna-link{
    --lunix-backstage-menu-icon-color:var(--lunix-portal-accent)!important;
    color:var(--lunix-portal-accent)!important;
    border-color:rgba(var(--lunix-portal-accent-rgb),.18)!important;
  }
  html[data-lunix-theme="light"] body.lunix-backstage-page .lunix-backstage-sidebar-v2__luna-link:hover,
  html[data-lunix-theme="light"] body.lunix-backstage-page .lunix-backstage-sidebar-v2__luna-link.is-active{
    --lunix-backstage-menu-icon-color:#111!important;
    color:#111!important;
  }
  .lunix-backstage-sidebar-v2__luna-link strong{color:inherit!important;}

  /* ---------------- Acento do shell por portal ---------------- */
  body.lunix-backstage-page .lunix-backstage-topbar{
    border-bottom-color:rgba(var(--lunix-portal-accent-rgb),.18)!important;
  }
  body.lunix-backstage-page .lunix-backstage-topbar__date,
  body.lunix-backstage-page .lunix-backstage-theme-toggle{
    border-color:rgba(var(--lunix-portal-accent-rgb),.18)!important;
  }
  body.lunix-backstage-page .lunix-backstage-topbar__date svg{color:var(--lunix-portal-accent)!important;}
  body.lunix-backstage-page .lunix-backstage-theme-toggle:hover{
    border-color:rgba(var(--lunix-portal-accent-rgb),.48)!important;
    background:rgba(var(--lunix-portal-accent-rgb),.09)!important;
  }
  body.lunix-backstage-page .lunix-topbar-profile-menu__trigger:hover,
  body.lunix-backstage-page .lunix-topbar-profile-menu.is-open .lunix-topbar-profile-menu__trigger{
    border-color:rgba(var(--lunix-portal-accent-rgb),.28)!important;
    background:rgba(var(--lunix-portal-accent-rgb),.055)!important;
  }
  body.lunix-backstage-page .lunix-topbar-profile-menu__dropdown{border-color:rgba(var(--lunix-portal-accent-rgb),.22)!important;}
  body.lunix-backstage-page .lunix-topbar-profile-menu__portal-badge,
  body.lunix-backstage-page .lunix-topbar-profile-menu__action-icon{
    color:var(--lunix-portal-accent)!important;
    border-color:rgba(var(--lunix-portal-accent-rgb),.20)!important;
    background:rgba(var(--lunix-portal-accent-rgb),.08)!important;
  }
  body.lunix-backstage-page .lunix-topbar-profile-menu__actions a:hover{background:rgba(var(--lunix-portal-accent-rgb),.09)!important;}

  body.lunix-backstage-page .lunix-backstage-content{
    background:radial-gradient(circle at 88% -10%,rgba(var(--lunix-portal-accent-rgb),.075),transparent 29%),var(--lunix-v2-bg)!important;
  }

  /* ---------------- Dashboard: acento por portal ---------------- */
  body.lunix-backstage-dashboard-page .lunix-card,
  body.lunix-backstage-admin-dashboard-page .lunix-card,
  body.lunix-backstage-dashboard-page .lunix-streamer-summary,
  body.lunix-backstage-admin-dashboard-page .lunix-streamer-summary,
  body.lunix-backstage-dashboard-page .lunix-report-section,
  body.lunix-backstage-admin-dashboard-page .lunix-report-section{
    border-color:rgba(var(--lunix-portal-accent-rgb),.20)!important;
  }
  body.lunix-backstage-dashboard-page .lunix-streamer-summary,
  body.lunix-backstage-admin-dashboard-page .lunix-streamer-summary{
    background:
      radial-gradient(circle at 90% 50%,rgba(var(--lunix-portal-accent-rgb),.18),transparent 28%),
      linear-gradient(110deg,#111114 0%,#121015 58%,rgba(var(--lunix-portal-accent-rgb),.13) 100%)!important;
  }
  body.lunix-backstage-dashboard-page .lunix-streamer-avatar.is-xl,
  body.lunix-backstage-admin-dashboard-page .lunix-streamer-avatar.is-xl{
    border-color:rgba(var(--lunix-portal-accent-rgb),.48)!important;
    box-shadow:0 10px 30px rgba(var(--lunix-portal-accent-rgb),.14)!important;
  }
  body.lunix-backstage-dashboard-page .lunix-streamer-summary__username,
  body.lunix-backstage-admin-dashboard-page .lunix-streamer-summary__username,
  body.lunix-backstage-dashboard-page .lunix-streamer-summary__username a,
  body.lunix-backstage-admin-dashboard-page .lunix-streamer-summary__username a{
    color:var(--lunix-portal-accent)!important;
  }
  body.lunix-backstage-dashboard-page .lunix-dashboard-metric-icon,
  body.lunix-backstage-admin-dashboard-page .lunix-dashboard-metric-icon,
  body.lunix-backstage-dashboard-page .lunix-dashboard-card-icon,
  body.lunix-backstage-admin-dashboard-page .lunix-dashboard-card-icon,
  body.lunix-backstage-dashboard-page .lunix-dashboard-section-icon,
  body.lunix-backstage-admin-dashboard-page .lunix-dashboard-section-icon{
    color:#fff!important;
    background:linear-gradient(145deg,var(--lunix-portal-accent),var(--lunix-portal-accent-2))!important;
    border-color:rgba(var(--lunix-portal-accent-rgb),.24)!important;
    box-shadow:0 7px 18px rgba(var(--lunix-portal-accent-rgb),.16)!important;
  }
  body.lunix-backstage-dashboard-page .lunix-data-point,
  body.lunix-backstage-admin-dashboard-page .lunix-data-point,
  body.lunix-backstage-dashboard-page .lunix-metric-card,
  body.lunix-backstage-admin-dashboard-page .lunix-metric-card{
    border-color:rgba(var(--lunix-portal-accent-rgb),.15)!important;
    background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(var(--lunix-portal-accent-rgb),.045))!important;
  }

  /* ---------------- Dashboard: estrutura solicitada ---------------- */
  body.lunix-backstage-dashboard-page .lunix-dashboard-overview>.lunix-report-section--percent,
  body.lunix-backstage-dashboard-page .lunix-dashboard-overview>.lunix-report-section--fans,
  body.lunix-backstage-dashboard-page .lunix-dashboard-overview>.lunix-report-section--battle-guests,
  body.lunix-backstage-admin-dashboard-page .lunix-dashboard-overview>.lunix-report-section--percent,
  body.lunix-backstage-admin-dashboard-page .lunix-dashboard-overview>.lunix-report-section--fans,
  body.lunix-backstage-admin-dashboard-page .lunix-dashboard-overview>.lunix-report-section--battle-guests{
    grid-column:1 / -1!important;
  }
  body.lunix-backstage-dashboard-page .lunix-report-section--percent,
  body.lunix-backstage-admin-dashboard-page .lunix-report-section--percent{order:10;}
  body.lunix-backstage-dashboard-page .lunix-report-section--fans,
  body.lunix-backstage-admin-dashboard-page .lunix-report-section--fans{order:20;}
  body.lunix-backstage-dashboard-page .lunix-report-section--battle-guests,
  body.lunix-backstage-admin-dashboard-page .lunix-report-section--battle-guests{order:100;}

  body.lunix-backstage-dashboard-page .lunix-report-section--percent .lunix-metrics-grid,
  body.lunix-backstage-dashboard-page .lunix-report-section--fans .lunix-metrics-grid,
  body.lunix-backstage-admin-dashboard-page .lunix-report-section--percent .lunix-metrics-grid,
  body.lunix-backstage-admin-dashboard-page .lunix-report-section--fans .lunix-metrics-grid{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:10px!important;
  }
  body.lunix-backstage-dashboard-page .lunix-report-section--battle-guests .lunix-metrics-grid,
  body.lunix-backstage-admin-dashboard-page .lunix-report-section--battle-guests .lunix-metrics-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:10px!important;
  }

  /* Todos os cards respeitam sua própria caixa. */
  body.lunix-backstage-dashboard-page .lunix-metric-card,
  body.lunix-backstage-admin-dashboard-page .lunix-metric-card,
  body.lunix-backstage-dashboard-page .lunix-data-point,
  body.lunix-backstage-admin-dashboard-page .lunix-data-point{
    min-width:0!important;
    width:auto!important;
    max-width:100%!important;
    overflow:hidden!important;
  }
  body.lunix-backstage-dashboard-page .lunix-metric-card__top,
  body.lunix-backstage-admin-dashboard-page .lunix-metric-card__top{
    min-width:0!important;
    align-items:flex-start!important;
  }
  body.lunix-backstage-dashboard-page .lunix-metric-card__label,
  body.lunix-backstage-admin-dashboard-page .lunix-metric-card__label,
  body.lunix-backstage-dashboard-page .lunix-data-point__label,
  body.lunix-backstage-admin-dashboard-page .lunix-data-point__label{
    min-width:0!important;
    max-width:100%!important;
    white-space:normal!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
    line-height:1.22!important;
  }
  body.lunix-backstage-dashboard-page .lunix-metric-card__value-row,
  body.lunix-backstage-admin-dashboard-page .lunix-metric-card__value-row{
    min-width:0!important;
    max-width:100%!important;
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:baseline!important;
    gap:4px 7px!important;
  }
  body.lunix-backstage-dashboard-page .lunix-metric-card__value,
  body.lunix-backstage-admin-dashboard-page .lunix-metric-card__value,
  body.lunix-backstage-dashboard-page .lunix-data-point__value,
  body.lunix-backstage-admin-dashboard-page .lunix-data-point__value{
    min-width:0!important;
    max-width:100%!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  body.lunix-backstage-dashboard-page .lunix-metric-card__comparison,
  body.lunix-backstage-admin-dashboard-page .lunix-metric-card__comparison{
    min-width:0!important;
    max-width:100%!important;
    white-space:normal!important;
    flex-wrap:wrap!important;
  }

  /* Tema claro mantém o mesmo acento do portal nos detalhes; ativo do menu é preto. */
  html[data-lunix-theme="light"] body.lunix-backstage-page .lunix-backstage-sidebar-v2{
    border-right-color:rgba(var(--lunix-portal-accent-rgb),.18)!important;
    background:linear-gradient(180deg,#fff,#fafafd)!important;
  }
  html[data-lunix-theme="light"] body.lunix-backstage-page .lunix-backstage-sidebar-v2__portal{
    color:var(--lunix-portal-accent)!important;
    border-color:rgba(var(--lunix-portal-accent-rgb),.22)!important;
    background:rgba(var(--lunix-portal-accent-rgb),.045)!important;
  }
  html[data-lunix-theme="light"] body.lunix-backstage-page .lunix-backstage-content{
    background:radial-gradient(circle at 88% -10%,rgba(var(--lunix-portal-accent-rgb),.05),transparent 29%),#f4f4f7!important;
  }
  html[data-lunix-theme="light"] body.lunix-backstage-dashboard-page .lunix-dashboard-metric-icon,
  html[data-lunix-theme="light"] body.lunix-backstage-admin-dashboard-page .lunix-dashboard-metric-icon,
  html[data-lunix-theme="light"] body.lunix-backstage-dashboard-page .lunix-dashboard-card-icon,
  html[data-lunix-theme="light"] body.lunix-backstage-admin-dashboard-page .lunix-dashboard-card-icon,
  html[data-lunix-theme="light"] body.lunix-backstage-dashboard-page .lunix-dashboard-section-icon,
  html[data-lunix-theme="light"] body.lunix-backstage-admin-dashboard-page .lunix-dashboard-section-icon{
    color:#fff!important;
    background:linear-gradient(145deg,var(--lunix-portal-accent),var(--lunix-portal-accent-2))!important;
  }
}

@media (min-width:1024px) and (max-width:1279px){
  body.lunix-backstage-page .lunix-backstage-shell.lunix-backstage-shell--v2{
    grid-template-columns:188px minmax(0,1fr)!important;
  }
  .lunix-backstage-sidebar-v2__brand span{display:none!important;}
  .lunix-backstage-sidebar-v2__brand a{justify-content:center!important;}
  body.lunix-backstage-page .lunix-backstage-sidebar-v2__nav .lunix-backstage-nav a{font-size:.78rem!important;}
  body.lunix-backstage-dashboard-page .lunix-report-section--percent .lunix-metrics-grid,
  body.lunix-backstage-dashboard-page .lunix-report-section--fans .lunix-metrics-grid,
  body.lunix-backstage-admin-dashboard-page .lunix-report-section--percent .lunix-metrics-grid,
  body.lunix-backstage-admin-dashboard-page .lunix-report-section--fans .lunix-metrics-grid{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
  }
  body.lunix-backstage-dashboard-page .lunix-report-section--percent .lunix-metric-card,
  body.lunix-backstage-dashboard-page .lunix-report-section--fans .lunix-metric-card,
  body.lunix-backstage-admin-dashboard-page .lunix-report-section--percent .lunix-metric-card,
  body.lunix-backstage-admin-dashboard-page .lunix-report-section--fans .lunix-metric-card{
    padding:10px!important;
  }
}

/* =========================================================
   BACKSTAGE V2.3 — interação do shell + acabamento Dashboard
   - notificações na topbar
   - perfil abre/fecha somente por clique
   - sidebar recolhível persistente
   - comparações em linha própria
   - ícones de títulos de seção
   - batalhas 3x2 + resumo do período lateral
   ========================================================= */
@media (min-width:1024px){
  /* ---------- Perfil: dropdown controlado por clique ---------- */
  body.lunix-backstage-page .lunix-topbar-profile-menu__dropdown,
  body.lunix-backstage-page .lunix-topbar-profile-menu:hover .lunix-topbar-profile-menu__dropdown,
  body.lunix-backstage-page .lunix-topbar-profile-menu:focus-within .lunix-topbar-profile-menu__dropdown{
    opacity:0!important;
    pointer-events:none!important;
    transform:translateY(8px)!important;
    visibility:hidden!important;
  }
  body.lunix-backstage-page .lunix-topbar-profile-menu.is-open .lunix-topbar-profile-menu__dropdown{
    opacity:1!important;
    pointer-events:auto!important;
    transform:translateY(0)!important;
    visibility:visible!important;
  }

  /* ---------- Central de notificações ---------- */
  body.lunix-backstage-page .lunix-backstage-notifications{position:relative;display:block;}
  body.lunix-backstage-page .lunix-backstage-notifications__trigger{
    position:relative;
    width:40px;height:40px;min-width:40px;
    display:grid;place-items:center;
    padding:0;border:1px solid rgba(var(--lunix-portal-accent-rgb),.18);
    border-radius:10px;background:#101012;color:#eee;cursor:pointer;
    transition:border-color .18s ease,background .18s ease,color .18s ease;
  }
  body.lunix-backstage-page .lunix-backstage-notifications__trigger svg{width:19px;height:19px;display:block;}
  body.lunix-backstage-page .lunix-backstage-notifications__trigger:hover,
  body.lunix-backstage-page .lunix-backstage-notifications.is-open .lunix-backstage-notifications__trigger{
    border-color:rgba(var(--lunix-portal-accent-rgb),.48);
    background:rgba(var(--lunix-portal-accent-rgb),.09);
    color:var(--lunix-portal-accent);
  }
  body.lunix-backstage-page .lunix-backstage-notifications__dot{display:none;position:absolute;right:8px;top:7px;width:7px;height:7px;border-radius:50%;background:var(--lunix-portal-accent);box-shadow:0 0 0 2px #101012;}
  body.lunix-backstage-page .lunix-backstage-notifications.has-unread .lunix-backstage-notifications__dot{display:block;}
  body.lunix-backstage-page .lunix-backstage-notifications__panel{
    position:absolute;right:0;top:calc(100% + 9px);z-index:120;
    width:320px;padding:12px;border:1px solid rgba(var(--lunix-portal-accent-rgb),.22);border-radius:15px;
    background:rgba(12,12,14,.985);box-shadow:0 24px 60px rgba(0,0,0,.38);backdrop-filter:blur(18px);
    opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px);transition:.18s ease;
  }
  body.lunix-backstage-page .lunix-backstage-notifications.is-open .lunix-backstage-notifications__panel{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);}
  .lunix-backstage-notifications__head{padding:3px 4px 10px;border-bottom:1px solid rgba(255,255,255,.07);}
  .lunix-backstage-notifications__head>div{display:grid;gap:2px;}
  .lunix-backstage-notifications__head strong{font-size:.82rem;color:#f6f6f7;}
  .lunix-backstage-notifications__head span{font-size:.63rem;color:#85858f;}
  .lunix-backstage-notifications__empty{min-height:164px;display:grid;align-content:center;justify-items:center;gap:7px;padding:18px 12px;text-align:center;}
  .lunix-backstage-notifications__empty>span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:rgba(var(--lunix-portal-accent-rgb),.09);color:var(--lunix-portal-accent);}
  .lunix-backstage-notifications__empty svg{width:21px;height:21px;}
  .lunix-backstage-notifications__empty strong{font-size:.76rem;color:#efeff1;}
  .lunix-backstage-notifications__empty p{max-width:245px;margin:0;color:#898993;font-size:.66rem;line-height:1.5;}

  html[data-lunix-theme="light"] body.lunix-backstage-page .lunix-backstage-notifications__trigger{background:#fff;color:#222;border-color:rgba(var(--lunix-portal-accent-rgb),.16);}
  html[data-lunix-theme="light"] body.lunix-backstage-page .lunix-backstage-notifications__panel{background:rgba(255,255,255,.985);border-color:rgba(var(--lunix-portal-accent-rgb),.18);box-shadow:0 24px 60px rgba(30,24,30,.14);}
  html[data-lunix-theme="light"] .lunix-backstage-notifications__head{border-bottom-color:rgba(20,20,25,.07);}
  html[data-lunix-theme="light"] .lunix-backstage-notifications__head strong,
  html[data-lunix-theme="light"] .lunix-backstage-notifications__empty strong{color:#17171b;}
  html[data-lunix-theme="light"] .lunix-backstage-notifications__head span,
  html[data-lunix-theme="light"] .lunix-backstage-notifications__empty p{color:#707079;}

  /* ---------- Sidebar recolhível ---------- */
  body.lunix-backstage-page .lunix-backstage-shell.lunix-backstage-shell--v2{transition:grid-template-columns .2s ease;}
  body.lunix-backstage-page .lunix-backstage-sidebar-v2{overflow:visible!important;transition:padding .2s ease;}
  body.lunix-backstage-page .lunix-backstage-sidebar-v2__nav{overflow-y:auto!important;overflow-x:hidden!important;}
  .lunix-backstage-sidebar-v2__collapse{
    position:absolute;right:-17px;bottom:88px;z-index:8;
    width:34px;height:34px;display:grid;place-items:center;padding:0;
    border:1px solid rgba(var(--lunix-portal-accent-rgb),.38);border-radius:50%;
    background:#111114;color:var(--lunix-portal-accent);box-shadow:0 8px 22px rgba(0,0,0,.28);cursor:pointer;
    transition:background .18s ease,border-color .18s ease,transform .2s ease;
  }
  .lunix-backstage-sidebar-v2__collapse:hover{background:rgba(var(--lunix-portal-accent-rgb),.12);border-color:rgba(var(--lunix-portal-accent-rgb),.66);}
  .lunix-backstage-sidebar-v2__collapse svg{width:18px;height:18px;display:block;transition:transform .2s ease;}
  html[data-lunix-theme="light"] .lunix-backstage-sidebar-v2__collapse{background:#fff;box-shadow:0 8px 22px rgba(25,25,35,.12);}

  body.lunix-backstage-page .lunix-backstage-shell.lunix-backstage-shell--v2.is-sidebar-collapsed{grid-template-columns:82px minmax(0,1fr)!important;}
  body.lunix-backstage-page .lunix-backstage-shell.is-sidebar-collapsed .lunix-backstage-sidebar-v2{padding-left:10px!important;padding-right:10px!important;}
  body.lunix-backstage-page .lunix-backstage-shell.is-sidebar-collapsed .lunix-backstage-sidebar-v2__brand{padding-left:0!important;padding-right:0!important;}
  body.lunix-backstage-page .lunix-backstage-shell.is-sidebar-collapsed .lunix-backstage-sidebar-v2__brand a{justify-content:center!important;}
  body.lunix-backstage-page .lunix-backstage-shell.is-sidebar-collapsed .lunix-backstage-sidebar-v2__brand span{display:none!important;}
  body.lunix-backstage-page .lunix-backstage-shell.is-sidebar-collapsed .lunix-backstage-sidebar-v2__brand img{width:46px!important;height:46px!important;flex-basis:46px!important;}
  body.lunix-backstage-page .lunix-backstage-shell.is-sidebar-collapsed .lunix-backstage-sidebar-v2__portal{
    grid-template-columns:20px 24px!important;justify-content:center!important;gap:6px!important;padding:0 5px!important;
  }
  body.lunix-backstage-page .lunix-backstage-shell.is-sidebar-collapsed .lunix-backstage-sidebar-v2__portal-label{display:none!important;}
  body.lunix-backstage-page .lunix-backstage-shell.is-sidebar-collapsed .lunix-backstage-sidebar-v2__nav .lunix-backstage-nav a{
    justify-content:center!important;gap:0!important;padding:0!important;
  }
  body.lunix-backstage-page .lunix-backstage-shell.is-sidebar-collapsed .lunix-backstage-sidebar-v2__nav .lunix-backstage-menu-label{display:none!important;}
  body.lunix-backstage-page .lunix-backstage-shell.is-sidebar-collapsed .lunix-backstage-sidebar-v2__nav .lunix-backstage-menu-icon{width:21px!important;height:21px!important;flex-basis:21px!important;}
  body.lunix-backstage-page .lunix-backstage-shell.is-sidebar-collapsed .lunix-backstage-sidebar-v2__luna-card{padding-left:0!important;padding-right:0!important;}
  body.lunix-backstage-page .lunix-backstage-shell.is-sidebar-collapsed .lunix-backstage-sidebar-v2__luna-link{justify-content:center!important;gap:0!important;padding:9px!important;min-height:52px!important;}
  body.lunix-backstage-page .lunix-backstage-shell.is-sidebar-collapsed .lunix-backstage-sidebar-v2__luna-link>span:last-child{display:none!important;}
  body.lunix-backstage-page .lunix-backstage-shell.is-sidebar-collapsed .lunix-backstage-sidebar-v2__collapse svg{transform:rotate(180deg);}

  /* ---------- Títulos de seção com ícone ---------- */
  body.lunix-backstage-dashboard-page .lunix-card__head,
  body.lunix-backstage-admin-dashboard-page .lunix-card__head{display:flex!important;align-items:center!important;gap:10px!important;}
  body.lunix-backstage-dashboard-page .lunix-card__head--with-icon>div,
  body.lunix-backstage-admin-dashboard-page .lunix-card__head--with-icon>div{display:grid;gap:2px;}
  body.lunix-backstage-dashboard-page .lunix-card__head p,
  body.lunix-backstage-admin-dashboard-page .lunix-card__head p{margin:0;color:#8f8f99;font-size:.65rem;line-height:1.35;}
  .lunix-dashboard-section-icon{width:31px;height:31px;flex:0 0 31px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(145deg,var(--lunix-portal-accent),var(--lunix-portal-accent-2));color:#fff;box-shadow:0 7px 18px rgba(var(--lunix-portal-accent-rgb),.16);}
  .lunix-dashboard-section-icon svg{width:17px;height:17px;display:block;}

  /* ---------- Métricas principais: comparação sempre abaixo ---------- */
  html body.lunix-backstage-page .lunix-backstage-content .lunix-main-metrics .lunix-metric-card{min-height:126px!important;}
  html body.lunix-backstage-page .lunix-backstage-content .lunix-main-metrics .lunix-metric-card__top{align-items:center!important;min-height:36px!important;}
  html body.lunix-backstage-page .lunix-backstage-content .lunix-main-metrics .lunix-metric-card__label-wrap{display:flex!important;align-items:center!important;gap:5px!important;min-height:28px!important;}
  html body.lunix-backstage-page .lunix-backstage-content .lunix-main-metrics .lunix-metric-card__value-row{
    display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:5px!important;flex-wrap:nowrap!important;
  }
  html body.lunix-backstage-page .lunix-backstage-content .lunix-main-metrics .lunix-metric-card__value-row>.lunix-metric-card__value{width:100%!important;}
  html body.lunix-backstage-page .lunix-backstage-content .lunix-main-metrics .lunix-metric-card__value-row>.lunix-metric-card__comparison{
    width:100%!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:5px!important;flex-wrap:wrap!important;white-space:normal!important;line-height:1.25!important;
  }

  /* Título simples e ícone visualmente alinhados. */
  body.lunix-backstage-dashboard-page .lunix-report-section .lunix-metric-card__top,
  body.lunix-backstage-admin-dashboard-page .lunix-report-section .lunix-metric-card__top{align-items:center!important;min-height:34px!important;}
  body.lunix-backstage-dashboard-page .lunix-report-section .lunix-metric-card__label,
  body.lunix-backstage-admin-dashboard-page .lunix-report-section .lunix-metric-card__label{display:flex;align-items:center;min-height:28px;}

  /* ---------- Batalhas + resumo do período ---------- */
  body.lunix-backstage-dashboard-page .lunix-dashboard-overview>.lunix-dashboard-battle-summary-row,
  body.lunix-backstage-admin-dashboard-page .lunix-dashboard-overview>.lunix-dashboard-battle-summary-row{
    grid-column:1 / -1!important;order:100!important;display:grid!important;grid-template-columns:minmax(0,1.65fr) minmax(260px,.75fr)!important;gap:16px!important;align-items:stretch!important;min-width:0!important;
  }
  body.lunix-backstage-dashboard-page .lunix-dashboard-battle-summary-row>.lunix-report-section,
  body.lunix-backstage-admin-dashboard-page .lunix-dashboard-battle-summary-row>.lunix-report-section,
  body.lunix-backstage-dashboard-page .lunix-dashboard-battle-summary-row>.lunix-period-summary,
  body.lunix-backstage-admin-dashboard-page .lunix-dashboard-battle-summary-row>.lunix-period-summary{min-width:0!important;height:100%!important;}
  body.lunix-backstage-dashboard-page .lunix-report-section--battle-guests .lunix-metrics-grid,
  body.lunix-backstage-admin-dashboard-page .lunix-report-section--battle-guests .lunix-metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;}
  body.lunix-backstage-dashboard-page .lunix-report-section--battle-guests .lunix-metric-card,
  body.lunix-backstage-admin-dashboard-page .lunix-report-section--battle-guests .lunix-metric-card{min-height:96px!important;}

  .lunix-period-summary{padding:15px!important;}
  .lunix-period-summary__list{display:grid;gap:9px;}
  .lunix-period-summary__item{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:9px;min-height:58px;padding:9px 10px;border:1px solid rgba(255,255,255,.07);border-radius:11px;background:rgba(255,255,255,.025);}
  .lunix-period-summary__trend{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;font-size:1rem;font-weight:900;background:#24242a;color:#fff;}
  .lunix-period-summary__item.is-up .lunix-period-summary__trend{background:rgba(57,217,138,.14);color:#39d98a;}
  .lunix-period-summary__item.is-down .lunix-period-summary__trend{background:rgba(255,91,112,.14);color:#ff5b70;}
  .lunix-period-summary__item>div{min-width:0;display:grid;gap:2px;}
  .lunix-period-summary__item strong{font-size:.7rem;color:#f2f2f4;line-height:1.25;}
  .lunix-period-summary__item p{margin:0!important;font-size:.62rem!important;line-height:1.35!important;color:#85858f!important;}
  .lunix-period-summary__current{color:#d7d7dc;font-weight:760;}
  .lunix-period-summary__comparison{color:#92929c;}
  .lunix-period-summary__empty{min-height:150px;display:grid;place-items:center;text-align:center;color:#85858f;font-size:.72rem;}

  html[data-lunix-theme="light"] .lunix-period-summary__item{border-color:rgba(20,20,25,.07);background:#fafafd;}
  html[data-lunix-theme="light"] .lunix-period-summary__item strong{color:#17171b;}
  html[data-lunix-theme="light"] .lunix-period-summary__current{color:#35353c;}
}

@media (min-width:1024px) and (max-width:1199px){
  body.lunix-backstage-dashboard-page .lunix-dashboard-overview>.lunix-dashboard-battle-summary-row,
  body.lunix-backstage-admin-dashboard-page .lunix-dashboard-overview>.lunix-dashboard-battle-summary-row{grid-template-columns:1fr!important;}
}

/* Esta rodada é desktop: não introduz novos controles no layout mobile atual. */
@media (max-width:1023px){
  body.lunix-backstage-page .lunix-backstage-notifications,
  body.lunix-backstage-page .lunix-backstage-sidebar-v2__collapse{display:none!important;}
}


/* =========================================================
   LUNIX 1.23.5 — Dashboard polish + BIGO 4/3
   ========================================================= */
@media (min-width:1024px){
  /* Valor principal sempre em uma linha; comparação em uma segunda linha própria. */
  html body.lunix-backstage-page .lunix-backstage-content .lunix-main-metrics .lunix-metric-card{
    min-height:136px!important;
  }
  html body.lunix-backstage-page .lunix-backstage-content .lunix-main-metrics .lunix-metric-card .lunix-metric-card__value-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    align-content:end!important;
    align-items:start!important;
    gap:6px!important;
    width:100%!important;
    min-width:0!important;
  }
  html body.lunix-backstage-page .lunix-backstage-content .lunix-main-metrics .lunix-metric-card .lunix-metric-card__value-row>.lunix-metric-card__value{
    display:block!important;width:100%!important;max-width:100%!important;margin:0!important;white-space:normal!important;overflow-wrap:anywhere!important;
  }
  html body.lunix-backstage-page .lunix-backstage-content .lunix-main-metrics .lunix-metric-card .lunix-metric-card__value-row>.lunix-metric-card__comparison{
    display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:5px!important;
    width:100%!important;max-width:100%!important;margin:0!important;white-space:normal!important;flex-wrap:wrap!important;line-height:1.25!important;
  }

  /* Bigo: 7 métricas = 4 na primeira linha, 3 igualmente distribuídas na segunda. */
  body.lunix-portal-bigo.lunix-backstage-dashboard-page .lunix-main-metrics.is-bigo-seven .lunix-metrics-grid,
  body.lunix-portal-bigo.lunix-backstage-admin-dashboard-page .lunix-main-metrics.is-bigo-seven .lunix-metrics-grid{
    display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:10px!important;
  }
  body.lunix-portal-bigo.lunix-backstage-dashboard-page .lunix-main-metrics.is-bigo-seven .lunix-metric-card,
  body.lunix-portal-bigo.lunix-backstage-admin-dashboard-page .lunix-main-metrics.is-bigo-seven .lunix-metric-card{grid-column:span 3!important;}
  body.lunix-portal-bigo.lunix-backstage-dashboard-page .lunix-main-metrics.is-bigo-seven .lunix-metric-card:nth-child(n+5),
  body.lunix-portal-bigo.lunix-backstage-admin-dashboard-page .lunix-main-metrics.is-bigo-seven .lunix-metric-card:nth-child(n+5){grid-column:span 4!important;}

  /* Posição definitiva: Batalhas à esquerda; Resumo à direita. */
  body.lunix-backstage-dashboard-page .lunix-dashboard-overview>.lunix-dashboard-battle-summary-row,
  body.lunix-backstage-admin-dashboard-page .lunix-dashboard-overview>.lunix-dashboard-battle-summary-row{
    grid-template-areas:"battle summary"!important;
    grid-template-columns:minmax(0,1.65fr) minmax(290px,.75fr)!important;
    direction:ltr!important;
  }
  body.lunix-backstage-dashboard-page .lunix-dashboard-battle-summary-row>.lunix-report-section--battle-summary-main,
  body.lunix-backstage-admin-dashboard-page .lunix-dashboard-battle-summary-row>.lunix-report-section--battle-summary-main{grid-area:battle!important;order:1!important;}
  body.lunix-backstage-dashboard-page .lunix-dashboard-battle-summary-row>.lunix-period-summary,
  body.lunix-backstage-admin-dashboard-page .lunix-dashboard-battle-summary-row>.lunix-period-summary{grid-area:summary!important;order:2!important;}

  .lunix-period-summary__item strong{font-size:.73rem!important;line-height:1.28!important;}
  .lunix-period-summary__item p{margin:2px 0 0!important;font-size:.64rem!important;line-height:1.4!important;color:#92929c!important;}
}

@media (min-width:1024px) and (max-width:1199px){
  body.lunix-backstage-dashboard-page .lunix-dashboard-overview>.lunix-dashboard-battle-summary-row,
  body.lunix-backstage-admin-dashboard-page .lunix-dashboard-overview>.lunix-dashboard-battle-summary-row{grid-template-areas:"battle" "summary"!important;grid-template-columns:1fr!important;}
}


/* =========================================================
 * Dashboard 1.23.11 — comparação em linha própria / 4+3 batalhas
 * ========================================================= */
@media (min-width:1024px){
  html body.lunix-backstage-dashboard-page .lunix-backstage-content .lunix-main-metrics .lunix-metric-card__value-row,
  html body.lunix-backstage-admin-dashboard-page .lunix-backstage-content .lunix-main-metrics .lunix-metric-card__value-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    align-content:end!important;
    align-items:start!important;
    gap:5px!important;
    width:100%!important;
  }
  html body.lunix-backstage-dashboard-page .lunix-backstage-content .lunix-main-metrics .lunix-metric-card__comparison,
  html body.lunix-backstage-admin-dashboard-page .lunix-backstage-content .lunix-main-metrics .lunix-metric-card__comparison{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:5px!important;
    width:100%!important;
    min-height:15px!important;
    margin:0!important;
    white-space:normal!important;
    line-height:1.15!important;
  }
  html body.lunix-backstage-dashboard-page .lunix-backstage-content .lunix-main-metrics .lunix-metric-card__comparison.is-unavailable,
  html body.lunix-backstage-admin-dashboard-page .lunix-backstage-content .lunix-main-metrics .lunix-metric-card__comparison.is-unavailable{
    color:#8f8f98!important;
  }
  html body.lunix-backstage-dashboard-page .lunix-backstage-content .lunix-main-metrics .lunix-metric-card__comparison.is-unavailable .lunix-metric-card__comparison-value,
  html body.lunix-backstage-admin-dashboard-page .lunix-backstage-content .lunix-main-metrics .lunix-metric-card__comparison.is-unavailable .lunix-metric-card__comparison-value{
    color:inherit!important;
  }

  /* Batalhas e convidados: Admin e agenciados usam sempre 3 cards por linha. */
  html body.lunix-backstage-admin-dashboard-page .lunix-backstage-content .lunix-report-section--battle-guests .lunix-metrics-grid,
  html body.lunix-backstage-dashboard-page:not(.lunix-backstage-admin-dashboard-page) .lunix-backstage-content .lunix-report-section--battle-guests .lunix-metrics-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

/* =========================================================
   DASHBOARD V2.4 — período anual, destaques e composição final
   ========================================================= */
@media (min-width:1024px){
  /* Batalhas e convidados: 6 cards, 3 por linha. */
  body.lunix-backstage-dashboard-page .lunix-report-section--battle-guests .lunix-metrics-grid,
  body.lunix-backstage-admin-dashboard-page .lunix-report-section--battle-guests .lunix-metrics-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }

  /* Batalhas volta a ocupar sua própria faixa completa. */
  body.lunix-backstage-dashboard-page .lunix-report-section--battle-guests,
  body.lunix-backstage-admin-dashboard-page .lunix-report-section--battle-guests{
    grid-column:1 / -1!important;
    width:100%!important;
  }

  /* Destaques 65% + Resumo 35%. */
  body.lunix-backstage-dashboard-page .lunix-dashboard-highlights-summary-row,
  body.lunix-backstage-admin-dashboard-page .lunix-dashboard-highlights-summary-row{
    display:grid!important;
    grid-template-columns:minmax(0,1.86fr) minmax(300px,1fr)!important;
    gap:14px!important;
    grid-column:1 / -1!important;
    width:100%!important;
    align-items:stretch!important;
  }
  body.lunix-backstage-dashboard-page .lunix-dashboard-highlights-summary-row>.lunix-card,
  body.lunix-backstage-admin-dashboard-page .lunix-dashboard-highlights-summary-row>.lunix-card{
    margin:0!important;
    min-width:0!important;
    height:100%!important;
  }
}

body.lunix-backstage-page .lunix-dashboard-highlights{
  position:relative;
  overflow:hidden;
  min-width:0;
}
body.lunix-backstage-page .lunix-dashboard-highlights__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:12px;
}
body.lunix-backstage-page .lunix-dashboard-highlights__head .lunix-card__head{
  margin:0!important;
}
body.lunix-backstage-page .lunix-dashboard-highlights__all{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:var(--lunix-portal-accent)!important;
  font-weight:800;
  text-decoration:none!important;
  white-space:nowrap;
}
body.lunix-backstage-page .lunix-dashboard-highlights__all span{
  font-size:1.35em;
  line-height:1;
}
body.lunix-backstage-page .lunix-dashboard-highlights__viewport{
  overflow:hidden;
  width:100%;
  min-width:0;
}
body.lunix-backstage-page .lunix-dashboard-highlights__track{
  display:flex;
  width:100%;
  transform:translate3d(0,0,0);
  transition:transform .55s cubic-bezier(.22,.61,.36,1);
  will-change:transform;
}
body.lunix-backstage-page .lunix-dashboard-highlights__slide{
  flex:0 0 100%;
  width:100%;
  min-width:0;
}
body.lunix-backstage-page .lunix-dashboard-highlights__slide-title{
  margin:0 0 12px;
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--lunix-portal-accent);
}
body.lunix-backstage-page .lunix-dashboard-highlights__people{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
body.lunix-backstage-page .lunix-dashboard-highlight-person{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:5px;
  padding:10px 8px 12px;
  border:1px solid rgba(var(--lunix-portal-accent-rgb),.15);
  border-radius:15px;
  background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(var(--lunix-portal-accent-rgb),.045));
}
body.lunix-backstage-page .lunix-dashboard-highlight-person__visual{
  position:relative;
  width:72px;
  height:72px;
  margin-bottom:2px;
}
body.lunix-backstage-page .lunix-dashboard-highlight-person__avatar{
  width:72px;
  height:72px;
  display:block;
  border-radius:50%;
  overflow:hidden;
  border:2px solid var(--lunix-portal-accent);
  background:#0e0e11;
  box-shadow:0 0 0 3px rgba(var(--lunix-portal-accent-rgb),.08);
}
body.lunix-backstage-page .lunix-dashboard-highlight-person__avatar img{
  width:100%;height:100%;object-fit:cover;display:block;
}
body.lunix-backstage-page .lunix-dashboard-highlight-person__avatar.is-placeholder{
  background:radial-gradient(circle at 50% 36%,rgba(255,255,255,.12) 0 18%,transparent 19%),#111116;
}
body.lunix-backstage-page .lunix-dashboard-highlight-person__medal{
  position:absolute;
  z-index:2;
  left:-8px;
  bottom:-2px;
  font-size:1.42rem;
  filter:drop-shadow(0 3px 6px rgba(0,0,0,.35));
}
body.lunix-backstage-page .lunix-dashboard-highlight-person>strong{
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:.84rem;
}
body.lunix-backstage-page .lunix-dashboard-highlight-person>small{
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  opacity:.72;
  font-size:.7rem;
}
body.lunix-backstage-page .lunix-dashboard-highlight-person__value{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  color:var(--lunix-portal-accent);
  font-size:.76rem;
  margin-top:2px;
}
body.lunix-backstage-page .lunix-dashboard-highlight-person__value .lunix-dashboard-metric-icon{
  width:18px!important;height:18px!important;min-width:18px!important;
  padding:3px!important;border-radius:6px!important;
}
body.lunix-backstage-page .lunix-dashboard-highlight-person__value b{
  color:inherit;
}
body.lunix-backstage-page .lunix-dashboard-highlights__dots{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:5px;
  margin-top:10px;
}
body.lunix-backstage-page .lunix-dashboard-highlights__dots span{
  width:6px;height:6px;border-radius:99px;
  background:rgba(255,255,255,.2);
  transition:width .2s ease,background .2s ease;
}
body.lunix-backstage-page .lunix-dashboard-highlights__dots span.is-active{
  width:18px;
  background:var(--lunix-portal-accent);
}
body.lunix-backstage-page .lunix-dashboard-highlights__empty{
  padding:18px;
  border:1px dashed rgba(var(--lunix-portal-accent-rgb),.2);
  border-radius:12px;
  text-align:center;
  opacity:.7;
}

html[data-lunix-theme="light"] body.lunix-backstage-page .lunix-dashboard-highlight-person{
  background:linear-gradient(145deg,#fff,rgba(var(--lunix-portal-accent-rgb),.045));
  border-color:rgba(var(--lunix-portal-accent-rgb),.16);
}
html[data-lunix-theme="light"] body.lunix-backstage-page .lunix-dashboard-highlight-person__avatar{
  background:#fff;
}
html[data-lunix-theme="light"] body.lunix-backstage-page .lunix-dashboard-highlights__dots span{
  background:rgba(0,0,0,.16);
}
html[data-lunix-theme="light"] body.lunix-backstage-page .lunix-dashboard-highlights__dots span.is-active{
  background:var(--lunix-portal-accent);
}

@media (max-width:1023px){
  body.lunix-backstage-page .lunix-dashboard-highlights-summary-row{
    display:grid;
    grid-template-columns:1fr;
    gap:12px;
  }
  body.lunix-backstage-page .lunix-dashboard-highlights__people{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media (max-width:560px){
  body.lunix-backstage-page .lunix-dashboard-highlights__people{gap:6px;}
  body.lunix-backstage-page .lunix-dashboard-highlight-person{padding:8px 4px 10px;}
  body.lunix-backstage-page .lunix-dashboard-highlight-person__visual,
  body.lunix-backstage-page .lunix-dashboard-highlight-person__avatar{width:58px;height:58px;}
  body.lunix-backstage-page .lunix-dashboard-highlight-person__medal{font-size:1.1rem;left:-4px;}
}

/* LX Academy 8/10 — central real de notificações */
body.lunix-backstage-page .lunix-backstage-notifications__count{position:absolute;right:-5px;top:-6px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;display:grid;place-items:center;background:var(--lunix-portal-accent);color:#fff;font-size:.56rem;font-weight:900;line-height:1;box-shadow:0 0 0 2px #101012}
body.lunix-portal-bigo .lunix-backstage-notifications__count{color:#061817}
.lunix-backstage-notifications__head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.lunix-backstage-notifications__head>a{font-size:.61rem;font-weight:800;color:var(--lunix-portal-accent)!important;text-decoration:none}
.lunix-backstage-notifications__list{display:grid;max-height:360px;overflow:auto;margin:4px -5px -4px;padding:4px 5px;scrollbar-width:thin}
.lunix-backstage-notifications__item{display:grid;grid-template-columns:7px 1fr;gap:9px;padding:10px 8px;border-radius:10px;color:#eee!important;text-decoration:none!important;border-bottom:1px solid rgba(255,255,255,.055)}
.lunix-backstage-notifications__item:hover{background:rgba(var(--lunix-portal-accent-rgb),.07)}
.lunix-backstage-notifications__item-dot{width:7px;height:7px;margin-top:5px;border-radius:50%;background:#555}
.lunix-backstage-notifications__item.is-unread .lunix-backstage-notifications__item-dot{background:var(--lunix-portal-accent);box-shadow:0 0 0 3px rgba(var(--lunix-portal-accent-rgb),.09)}
.lunix-backstage-notifications__item.is-high .lunix-backstage-notifications__item-dot{background:#ff725f}
.lunix-backstage-notifications__item-copy{min-width:0;display:grid;gap:3px}
.lunix-backstage-notifications__item-copy strong{font-size:.72rem;line-height:1.3;color:inherit}
.lunix-backstage-notifications__item-copy small{font-size:.62rem;line-height:1.42;color:#9999a3}
.lunix-backstage-notifications__item-copy time{font-size:.56rem;color:#686873}
html[data-lunix-theme="light"] .lunix-backstage-notifications__item{color:#242429!important;border-bottom-color:rgba(20,20,25,.06)}
html[data-lunix-theme="light"] .lunix-backstage-notifications__item-copy small{color:#74747d}
html[data-lunix-theme="light"] body.lunix-backstage-page .lunix-backstage-notifications__count{box-shadow:0 0 0 2px #fff}


/* =========================================================
   LUNIX v1.23.67 — contenção final das comparações no desktop
   Carregado após o desktop base para impedir que regras históricas
   voltem a soltar valor/comparação para fora dos cards.
   ========================================================= */
@media (min-width:1024px){
  html body.lunix-backstage-page .lunix-backstage-content .lunix-main-metrics .lunix-metric-card{
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
    min-width:0 !important;
  }
  html body.lunix-backstage-page .lunix-backstage-content .lunix-main-metrics .lunix-metric-card__top{
    display:flex !important;
    align-items:flex-start !important;
    width:100% !important;
    min-width:0 !important;
    min-height:38px !important;
  }
  html body.lunix-backstage-page .lunix-backstage-content .lunix-main-metrics .lunix-metric-card__label-wrap{
    display:flex !important;
    align-items:flex-start !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
  }
  html body.lunix-backstage-page .lunix-backstage-content .lunix-main-metrics .lunix-metric-card__value-row{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    grid-template-rows:auto auto !important;
    align-items:start !important;
    align-content:end !important;
    gap:7px !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    margin-top:auto !important;
    overflow:hidden !important;
  }
  html body.lunix-backstage-page .lunix-backstage-content .lunix-main-metrics .lunix-metric-card__value-row>.lunix-metric-card__value{
    grid-column:1 !important;
    grid-row:1 !important;
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    margin:0 !important;
    overflow:hidden !important;
    overflow-wrap:anywhere !important;
  }
  html body.lunix-backstage-page .lunix-backstage-content .lunix-main-metrics .lunix-metric-card__value-row>.lunix-metric-card__comparison{
    grid-column:1 !important;
    grid-row:2 !important;
    position:static !important;
    inset:auto !important;
    transform:none !important;
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-start !important;
    flex-wrap:wrap !important;
    gap:3px 5px !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    min-height:16px !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    white-space:normal !important;
    opacity:1 !important;
    visibility:visible !important;
  }
  html body.lunix-backstage-page .lunix-backstage-content .lunix-main-metrics .lunix-metric-card__comparison-value{
    display:inline-flex !important;
    align-items:center !important;
    flex:0 0 auto !important;
    min-width:0 !important;
    margin:0 !important;
    white-space:nowrap !important;
  }
  html body.lunix-backstage-page .lunix-backstage-content .lunix-main-metrics .lunix-metric-card__comparison-label{
    display:inline !important;
    flex:0 1 auto !important;
    min-width:0 !important;
    max-width:100% !important;
    margin:0 !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
  }
}

/* =========================================================
   LUNIX v1.23.76 — Destaques do Mês
   Horas compactas no mobile + avatar desktop no padrão mobile.
   ========================================================= */
@media (max-width:1023px){
  body.lunix-backstage-page .lunix-dashboard-highlights__slide.is-kind-hours .lunix-dashboard-highlight-person__value{
    width:100%;
    max-width:100%;
    gap:3px;
    white-space:nowrap;
    font-size:.54rem;
    line-height:1;
    letter-spacing:-.02em;
    font-variant-numeric:tabular-nums;
  }
  body.lunix-backstage-page .lunix-dashboard-highlights__slide.is-kind-hours .lunix-dashboard-highlight-person__value b{
    min-width:0;
    white-space:nowrap;
  }
  body.lunix-backstage-page .lunix-dashboard-highlights__slide.is-kind-hours .lunix-dashboard-highlight-person__value .lunix-dashboard-metric-icon{
    width:16px!important;
    height:16px!important;
    min-width:16px!important;
    flex-basis:16px!important;
    padding:2px!important;
  }
  body.lunix-backstage-page .lunix-dashboard-highlights__slide.is-kind-hours .lunix-dashboard-highlight-person__value .lunix-dashboard-metric-icon svg{
    width:11px!important;
    height:11px!important;
  }
}

@media (min-width:1024px){
  body.lunix-backstage-page .lunix-dashboard-highlight-person__visual,
  body.lunix-backstage-page .lunix-dashboard-highlight-person__avatar{
    width:92px;
    height:92px;
  }
  body.lunix-backstage-page .lunix-dashboard-highlight-person__avatar{
    display:grid;
    place-items:center;
    overflow:hidden;
    border:3px solid var(--lunix-portal-accent);
    border-radius:50%;
    background:#18181b;
    box-shadow:0 0 0 4px rgba(var(--lunix-portal-accent-rgb),.10),0 12px 28px rgba(0,0,0,.24);
  }
  body.lunix-backstage-page .lunix-dashboard-highlight-person__avatar img{
    width:100%;
    height:100%;
    max-width:none;
    display:block;
    object-fit:cover;
    object-position:center;
  }
  body.lunix-backstage-page .lunix-dashboard-highlight-person__avatar.is-placeholder{
    color:#fff;
    font-size:1rem;
    font-weight:900;
    background:linear-gradient(135deg,rgba(var(--lunix-portal-accent-rgb),.78),rgba(var(--lunix-portal-accent-rgb),.28));
  }
  body.lunix-backstage-page .lunix-dashboard-highlight-person__medal{
    left:-10px;
    bottom:-3px;
    font-size:1.62rem;
  }
}

/* LX Agency — Retrospectiva Mensal, exclusiva do dashboard de agenciados. */
body.lunix-backstage-dashboard-page .lunix-monthly-retrospective{display:flex;flex-direction:column;gap:12px;min-width:0;overflow:hidden}
body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__period{display:block;margin-top:3px;color:var(--lunix-text-muted,#ada7ad);font-size:.72rem;font-weight:500}
body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;flex:1}
body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__grid[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}
body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__item{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;gap:9px;padding:18px 8px 14px;border-radius:19px;background:linear-gradient(148deg,rgba(255,255,255,.035),rgba(230,0,116,.045));border:1px solid rgba(230,0,116,.14);text-align:center}
body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__icon{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;background:rgba(230,0,116,.13);border:2px solid #e60074;color:#e60074}
body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__icon .lunix-dashboard-metric-icon{display:inline-flex!important;position:static!important;transform:none!important;inset:auto!important;width:31px!important;height:31px!important;align-items:center;justify-content:center}
body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__label{font-size:.87rem;font-weight:800;color:inherit}
body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__position{font-size:clamp(1.6rem,2.6vw,2.15rem);line-height:1.05;font-weight:950;color:#e60074;font-variant-numeric:tabular-nums}
body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__value{display:flex;align-items:center;justify-content:center;gap:6px;min-height:23px;font-size:.94rem;font-variant-numeric:tabular-nums;white-space:nowrap;max-width:100%;color:inherit}
body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__value .lunix-dashboard-metric-icon{display:inline-flex!important;position:static!important;transform:none!important;inset:auto!important;align-items:center;justify-content:center;width:18px!important;height:18px!important;color:#e60074}
body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__value b{min-width:0;overflow-wrap:anywhere}
body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__missing{font-size:.68rem;color:#a9a4a8}
html[data-lunix-theme="light"] body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__item{background:linear-gradient(150deg,#fff,#fff5fa);border-color:rgba(230,0,116,.19)}
@media(max-width:700px){body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__grid{gap:7px}body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__item{padding:13px 4px;gap:7px;border-radius:12px}body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__icon{width:52px;height:52px}body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__label{font-size:.75rem}body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__position{font-size:1.6rem}body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__value{font-size:.74rem}}

/* 2026-10-13 — Retrospectiva Mensal: ícones livres, sem círculo nem quadrado. */
body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__icon {
  display:flex;
  width:100%;
  height:72px;
  flex:0 0 72px;
  align-items:center;
  justify-content:center;
  margin:0;
  padding:0;
  color:var(--lunix-portal-accent,#e60074);
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
}
body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__icon .lunix-dashboard-metric-icon {
  width:68px!important;
  height:68px!important;
  padding:0!important;
  color:var(--lunix-portal-accent,#e60074)!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
}
body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__icon .lunix-dashboard-metric-icon svg {
  display:block;
  width:100%!important;
  height:100%!important;
}
/* Batalha: o mesmo PNG de luvas que o menu usa, como máscara. */
.lunix-battle-glyph {
  display:inline-flex;
  position:relative;
  flex:0 0 auto;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
  color:inherit;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
}
.lunix-battle-glyph::before {
  content:"";
  display:block;
  width:100%;
  height:100%;
  background:currentColor!important;
  -webkit-mask-image:var(--lunix-battle-glyph-mask);
  mask-image:var(--lunix-battle-glyph-mask);
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  -webkit-mask-size:contain;
  mask-size:contain;
}
body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__icon.is-battle>.lunix-battle-glyph {
  width:min(138px,100%);
  height:72px;
  color:var(--lunix-portal-accent,#e60074);
}
/* Os símbolos menores ao lado dos valores continuam presentes. */
body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__value>.lunix-battle-glyph {
  width:26px;
  height:19px;
  color:var(--lunix-portal-accent,#e60074);
}
@media(max-width:700px) {
  body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__icon {height:52px;flex-basis:52px;}
  body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__icon .lunix-dashboard-metric-icon {width:50px!important;height:50px!important;}
  body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__icon.is-battle>.lunix-battle-glyph {width:min(100px,100%);height:52px;}
  body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__value>.lunix-battle-glyph {width:19px;height:15px;}
}

/* 2026-10-13 — Correção isolada: Diamantes/Horas/Beans grandes na Retrospectiva.
   Não reutilizar .lunix-dashboard-metric-icon: seu SVG é forçado a 15px no
   shell desktop/mobile e isso impedia o tamanho correto desses indicadores. */
body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__icon > .lunix-retrospective-main-symbol {
  display:flex!important;
  align-items:center;
  justify-content:center;
  width:106px!important;
  height:84px!important;
  min-width:0!important;
  flex:0 0 auto!important;
  margin:0!important;
  padding:0!important;
  color:var(--lunix-portal-accent,#e60074)!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__icon > .lunix-retrospective-main-symbol > svg {
  display:block!important;
  width:96px!important;
  height:84px!important;
  max-width:none!important;
  max-height:none!important;
  overflow:visible;
  stroke:currentColor;
}
@media(max-width:700px) {
  body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__icon > .lunix-retrospective-main-symbol {
    width:78px!important;
    height:60px!important;
  }
  body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__icon > .lunix-retrospective-main-symbol > svg {
    width:72px!important;
    height:60px!important;
  }
}


/* =========================================================
   LUNIX v1.23.67 — Retrospectiva mensal/anual com artes oficiais
   ========================================================= */
body.lunix-backstage-dashboard-page .lunix-monthly-retrospective{
  gap:14px;
}
body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__viewport{
  overflow:hidden;
  width:100%;
}
body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__track{
  display:flex;
  width:calc(100% * var(--lunix-retrospective-count,1));
  transition:transform .38s ease;
  will-change:transform;
}
body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__slide{
  flex:0 0 100%;
  width:100%;
}
body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  width:100%;
}
body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__grid[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr));}
body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__item{
  padding:18px 12px 14px;
  gap:11px;
}
body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__artwork{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:108px;
}
body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__artwork img{
  display:block;
  width:min(154px,100%);
  height:auto;
  max-height:104px;
  object-fit:contain;
  object-position:center;
  filter:drop-shadow(0 6px 18px rgba(230,0,116,.16));
}
body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__artwork.is-fallback{
  min-height:88px;
  border-radius:18px;
  padding:16px 10px;
  border:1px solid rgba(230,0,116,.18);
  background:rgba(230,0,116,.08);
  color:#fff;
  font-weight:800;
  text-align:center;
}
body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__position{
  color:#fff;
  font-size:clamp(1.65rem,2.7vw,2.25rem);
}
body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__value{
  font-size:1rem;
  gap:7px;
}
body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__value .lunix-dashboard-metric-icon,
body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__value .lunix-battle-glyph{
  color:#e60074;
}
body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__dots{
  display:flex;
  justify-content:center;
  gap:8px;
  margin-top:2px;
}
body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__dot{
  appearance:none;
  border:0;
  width:10px;
  height:10px;
  border-radius:999px;
  background:rgba(255,255,255,.2);
  cursor:pointer;
  transition:transform .22s ease, background-color .22s ease, box-shadow .22s ease;
  padding:0;
}
body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__dot.is-active{
  width:26px;
  background:#e60074;
  box-shadow:0 0 0 1px rgba(230,0,116,.3),0 6px 16px rgba(230,0,116,.28);
}
html[data-lunix-theme="light"] body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__position{color:#251421;}
html[data-lunix-theme="light"] body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__dot{background:rgba(37,20,33,.18);}
@media(max-width:700px){
  body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__grid{gap:8px;}
  body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__item{padding:14px 8px 13px;gap:8px;border-radius:14px;}
  body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__artwork{min-height:84px;}
  body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__artwork img{width:min(122px,100%);max-height:80px;}
  body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__position{font-size:1.72rem;}
  body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__value{font-size:.78rem;}
}


/* 2026-10-14 — Retrospectiva: exatamente um conjunto de cards por slide.
   A pista deve ter a largura do viewport, não a soma das larguras dos slides. */
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;max-width:100%!important;}
html body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__slide{display:block!important;flex:0 0 100%!important;width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important;}
html body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;width:100%!important;min-width:0!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{min-width:0!important;max-width:100%!important;box-sizing:border-box!important;padding-inline:7px!important;}
html body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__artwork{min-width:0!important;width:100%!important;min-height:80px!important;}
html body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__artwork img{display:block;width:min(130px,100%)!important;max-width:100%!important;height:auto!important;max-height:108px!important;object-fit:contain!important;}
html body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__value{min-width:0!important;max-width:100%!important;flex-wrap:wrap!important;white-space:normal!important;overflow-wrap:anywhere!important;}
html body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__value b{min-width:0!important;overflow-wrap:anywhere!important;}
html body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__missing{max-width:100%!important;overflow-wrap:anywhere!important;text-align:center!important;}
html body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__artwork.is-valid-days{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;padding:6px 4px!important;border-radius:13px!important;background:linear-gradient(145deg,#22101c,#100d13 65%,#370c27)!important;border:1px solid rgba(230,0,116,.42)!important;box-shadow:inset 0 0 15px rgba(230,0,116,.1),0 0 10px rgba(230,0,116,.15)!important;}
html body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__days-icon{display:grid;place-items:center;color:#e60074;width:40px;height:40px;}
html body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__days-icon .lunix-rankings-v2__icon{display:grid;place-items:center;width:36px;height:36px;}
html body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__days-icon svg{width:34px;height:34px;}
html body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__days-label{font-weight:950;line-height:1.05;letter-spacing:.015em;font-size:clamp(.58rem,.8vw,.82rem);text-transform:uppercase;color:#fff;text-align:center;}
@media(max-width:700px){
  html body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__grid{gap:5px!important;}
  html body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__item{padding:9px 2px!important;gap:7px!important;border-radius:11px!important;}
  html body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__artwork{min-height:56px!important;}
  html body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__artwork img{width:100%!important;max-height:60px!important;}
  html body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__position{font-size:clamp(1.15rem,4.7vw,1.65rem)!important;}
  html body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__value{gap:2px!important;flex-direction:column!important;font-size:clamp(.55rem,2.2vw,.8rem)!important;line-height:1.1!important;}
  html body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__value .lunix-dashboard-metric-icon{width:16px!important;height:16px!important;}
  html body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__missing{font-size:clamp(.53rem,2vw,.69rem)!important;line-height:1.18!important;}
  html body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__artwork.is-valid-days{padding:4px 2px!important;gap:2px!important;}
  html body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__days-icon{width:26px;height:26px;}
  html body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__days-icon svg{width:24px;height:24px;}
  html body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__days-label{font-size:clamp(.48rem,1.8vw,.65rem)!important;}
}

/* =========================================================
   2026-10-14 — Seu mês / Seu ano: artes sem margens excedentes.
   Proporções preservadas, colunas quase encostadas, alturas iguais.
   Restrito à retrospectiva das agenciadas (TikTok/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:2px!important;
  row-gap:0!important;
  align-items:start!important;
}
html body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__item{
  padding:0 1px 7px!important;
  gap:9px!important;
  min-width:0!important;
  justify-content:flex-start!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__artwork{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  width:100%!important;
  aspect-ratio:1 / 1!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!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;
  object-position:center!important;
}
/* Dias Válidos continua com arte vetorial até existir PNG oficial. */
html body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__artwork.is-valid-days{
  width:100%!important;
  aspect-ratio:1 / 1!important;
  height:auto!important;
  min-height:0!important;
  padding:8%!important;
  gap:3%!important;
  justify-content:center!important;
  align-items:center!important;
  box-sizing:border-box!important;
}
html body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__days-icon,
html body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__days-icon .lunix-rankings-v2__icon{
  display:grid!important;
  place-items:center!important;
  width:54%!important;
  height:54%!important;
  max-width:none!important;
}
html body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__days-icon svg{
  width:82%!important;
  height:82%!important;
}
html body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__days-label{
  font-size:clamp(.5rem,1vw,.91rem)!important;
  line-height:1.05!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"]{
    column-gap:1px!important;
  }
  html body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__item{
    padding:0 1px 4px!important;
    gap:5px!important;
  }
  html body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__artwork{
    aspect-ratio:1 / 1!important;
    min-height:0!important;
    max-height:none!important;
  }
  html body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__artwork img{
    width:100%!important;
    height:100%!important;
    max-height:none!important;
  }
  html body.lunix-backstage-dashboard-page .lunix-monthly-retrospective__days-label{
    font-size:clamp(.43rem,1.65vw,.7rem)!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;}
}