/* ══════════════════════════════════════════════════════════════
   SIDEBAR PREMIUM SAFE — DESKTOP (min-width: 1024px)
   Apenas estilos VISUAIS. Zero propriedades de layout.
   Escopo: .sidebar e descendentes com classes especificas existentes.
   ══════════════════════════════════════════════════════════════ */

@media (min-width: 1024px) {

  /* Background + borda sutil */
  .sidebar {
    background: linear-gradient(180deg,
      #05070d 0%,
      #0a0a18 50%,
      #0a0718 100%);
    border-right: 1px solid rgba(139, 92, 246, 0.1);
    box-shadow: 1px 0 20px rgba(59, 130, 246, 0.04);
  }

  /* Nav item — transicao suave, hover translateX leve */
  .sidebar .nav-item {
    transition:
      transform 0.18s ease-out,
      background 0.18s ease-out,
      color 0.18s ease-out,
      box-shadow 0.2s ease-out;
  }

  /* Hover (nao-ativo): translateX leve + gradiente azul-violeta */
  .sidebar .nav-item:hover:not(.active) {
    transform: translateX(2px);
    background: linear-gradient(90deg,
      rgba(59, 130, 246, 0.06),
      rgba(139, 92, 246, 0.04));
    color: #e2e8f0;
  }

  /* Ativo: gradiente + borda esquerda violeta + glow */
  .sidebar .nav-item.active {
    background: linear-gradient(90deg,
      rgba(59, 130, 246, 0.14),
      rgba(139, 92, 246, 0.1));
    color: #c4b5fd;
    box-shadow:
      inset 2px 0 0 #8b5cf6,
      0 0 14px rgba(139, 92, 246, 0.15);
  }

  /* Icones — brilho sutil, mais vivos no hover/active */
  .sidebar .nav-icon {
    transition: filter 0.2s ease-out, color 0.2s ease-out;
    filter: drop-shadow(0 0 3px rgba(139, 92, 246, 0.2));
  }
  .sidebar .nav-item:hover .nav-icon {
    filter: drop-shadow(0 0 5px rgba(96, 165, 250, 0.4));
  }
  .sidebar .nav-item.active .nav-icon {
    color: #c4b5fd;
    filter: drop-shadow(0 0 6px rgba(167, 139, 250, 0.55));
  }

  /* Headers de secao — mais discretos, respiracao */
  .sidebar .nav-section-label {
    opacity: 0.6;
    letter-spacing: 2px;
    transition: opacity 0.2s ease-out;
  }
  .sidebar .nav-section-label:hover {
    opacity: 0.85;
  }

  /* Footer — separador premium azul-violeta */
  .sidebar .sidebar-footer {
    border-top: 1px solid rgba(139, 92, 246, 0.08);
    background: linear-gradient(180deg,
      transparent,
      rgba(59, 130, 246, 0.03));
  }

  /* Badge (PRO/ELITE) — brilho sutil */
  .sidebar .nav-badge {
    transition: box-shadow 0.2s ease-out;
  }
  .sidebar .nav-item:hover .nav-badge,
  .sidebar .nav-item.active .nav-badge {
    box-shadow: 0 0 8px rgba(139, 92, 246, 0.35);
  }
}