/* SZ task #328 — Dashboard em redesign: esmaecer + badge "Em breve" no
 * item da navbar, sem navegacao. Aplica global em todas as contas, em
 * dark e light com paridade. Restrito ao item RAIZ Dashboard — exclui
 * sub-items de Conversas/Canais/Etiquetas. */

/* Apenas links de NIVEL RAIZ da sidebar — exclui sub-items que estao
 * dentro de .sidebar-group-children, .child-item ou role=menuitem aninhado */
aside a:has(.i-lucide-chart-spline) {
  opacity: 0.45 !important;
  pointer-events: none !important;
  cursor: not-allowed !important;
  position: relative !important;
}
aside a:has(.i-lucide-chart-spline) * {
  pointer-events: none !important;
}

/* RESET: se o link tiver ancestor .sidebar-group-children ou .child-item,
 * NAO aplicar o estilo disabled. Isso protege sub-items do submenu
 * "Conversas" que possam herdar regras por proximidade. */
.sidebar-group-children a,
.child-item a,
.sidebar-group-children a:has(.i-lucide-chart-spline),
.child-item a:has(.i-lucide-chart-spline) {
  opacity: 1 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}
.sidebar-group-children a::after,
.child-item a::after,
.sidebar-group-children a:has(.i-lucide-chart-spline)::after,
.child-item a:has(.i-lucide-chart-spline)::after {
  content: none !important;
  display: none !important;
}

/* Badge "Em breve" — sidebar expandida (width 200/320) */
aside a:has(.i-lucide-chart-spline)::after {
  content: "Em breve";
  display: inline-flex;
  align-items: center;
  margin-left: auto;
  padding: 2px 6px;
  background: rgba(255,255,255,0.08);
  color: #B0B0B0;
  font-family: "Inter", sans-serif;
  font-size: 9px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  border-radius: 999px;
  flex-shrink: 0;
  pointer-events: none;
}

/* Light mode */
.light aside a:has(.i-lucide-chart-spline)::after,
[data-theme="light"] aside a:has(.i-lucide-chart-spline)::after {
  background: rgba(0,0,0,0.08);
  color: #525252;
}

/* Sidebar colapsada — substitui badge por dot no canto sup direito */
aside[class*="w-[64px]"] a:has(.i-lucide-chart-spline)::after,
aside[class*="w-[80px]"] a:has(.i-lucide-chart-spline)::after {
  content: "";
  position: absolute;
  top: 6px;
  right: 6px;
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: #B0B0B0;
  padding: 0;
  margin: 0;
  text-transform: none;
}