/* Pluze Workspace Menu 2026 — somente a navegação autenticada do Chatwoot. */
#app aside.fixed.top-0.h-full.z-40 {
  border-color: #e5e9f2 !important;
  background: #ffffff !important;
  box-shadow: 8px 0 30px rgba(35,45,82,.055) !important;
  color: #59647b;
  scrollbar-color: #cfd5e2 transparent;
}

#app aside.fixed.top-0.h-full.z-40 > section:first-of-type {
  margin-top: 0 !important;
  margin-bottom: 10px !important;
  padding: 14px 6px 13px;
  border-bottom: 1px solid #e5e9f2;
}

#app aside.fixed.top-0.h-full.z-40 > nav {
  gap: 4px !important;
  padding-bottom: 16px !important;
}

#app aside.fixed.top-0.h-full.z-40 > nav a,
#app aside.fixed.top-0.h-full.z-40 > nav [role="button"] {
  min-height: 36px;
  border: 1px solid transparent;
  border-radius: 10px !important;
  color: #59647b;
  transition: background-color .16s ease, border-color .16s ease, color .16s ease;
}

#app aside.fixed.top-0.h-full.z-40 > nav a:hover,
#app aside.fixed.top-0.h-full.z-40 > nav [role="button"]:hover {
  border-color: #e4e2fb;
  background: #f8f7ff !important;
  color: #342aa8 !important;
}

#app aside.fixed.top-0.h-full.z-40 > nav a.active,
#app aside.fixed.top-0.h-full.z-40 > nav [role="button"].active,
#app aside.fixed.top-0.h-full.z-40 > nav .bg-n-alpha-2 {
  border-color: #dcd8ff;
  background: #f0efff !important;
  color: #3328ad !important;
  box-shadow: inset 3px 0 0 #5148e5;
}

#app aside.fixed.top-0.h-full.z-40 > nav [class*="i-lucide"],
#app aside.fixed.top-0.h-full.z-40 > nav svg {
  color: #6258e9;
  opacity: 1 !important;
}

#app aside.fixed.top-0.h-full.z-40 > section:last-of-type > div:last-child {
  border-color: #e5e9f2 !important;
  background: #f8f9fc;
}

@media (prefers-reduced-motion: reduce) {
  #app aside.fixed.top-0.h-full.z-40,
  #app aside.fixed.top-0.h-full.z-40 > nav a,
  #app aside.fixed.top-0.h-full.z-40 > nav [role="button"] { transition: none !important; }
}
