/* ===== Sidebar Parceiro ===== */
#partnerSidebar {
  background: #fff;
  border-right: 1px solid #e5e7eb;
}

#partnerSidebar.collapsed {
  width: 68px;
}

#partnerSidebar .sidebar-logo {
  display: flex;
  align-items: center;
  justify-content: center;
}

#partnerSidebar .logo-btn {
  background: none;
  border: 0;
  padding: 0;
  cursor: pointer;
}


#partnerSidebar .nav {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

#partnerSidebar .nav .js-link {
  border: 1px solid orangered;
  display: flex;
  align-items: center;
  gap: 10px;
  color: orangered;
  padding: 10px 12px;
  border-radius: 10px;
  text-decoration: none;
  transition: background .15s ease, color .15s ease;
}

#partnerSidebar .nav .js-link:hover {
  background: #f3f4f6;
}

#partnerSidebar .nav .js-link.is-active {
  background: #111827;
  color: #fff;
}

/* Ícones (Font Awesome) harmonizados com svg antigo */
#partnerSidebar .js-icon {
  width: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  line-height: 1;
  flex: 0 0 22px;
}

/* Label do item */
#partnerSidebar .js-label {
  white-space: nowrap;
}

/* Modo colapsado: esconde label e centraliza ícones */
#partnerSidebar.collapsed .js-label {
  display: none;
}

#partnerSidebar.collapsed .nav .js-link {
  justify-content: center;
  padding: 10px;
}

/* Sair em destaque sutil */
#partnerSidebar .nav a[aria-label="Sair"] {
  margin-top: 6px;
}

/* Área da logo */
#partnerSidebar .sidebar-logo {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Botão da logo ocupa a largura disponível */
#partnerSidebar .logo-btn {
  background: none;
  border: 0;
  padding: 6px 8px;
  cursor: pointer;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Evita distorções: sempre “contain” */
#partnerSidebar .logo-img {
  display: block;
  object-fit: contain;
  image-rendering: auto;
  -webkit-user-drag: none;
}

/* Logo para sidebar ABERTA: pode ser mais larga */
#partnerSidebar .js-logo-open {
  max-width: 160px;
  /* ajuste fino aqui */
  width: 100%;
  height: 44px;
  /* altura fixa para alinhar */
}

/* Logo para sidebar FECHADA: quadrada e central */
#partnerSidebar .js-logo-closed {
  width: 38px;
  /* cabe na sidebar colapsada (68px) */
  height: 38px;
  display: none;
  /* por padrão escondida */
}

/* Quando colapsa, inverte a exibição */
#partnerSidebar.collapsed .js-logo-open {
  display: none;
}

#partnerSidebar.collapsed .js-logo-closed {
  display: block;
}