/* ── SIDEBAR ───────────────────────────── */
.sidebar {
  width: var(--sidebar-w);
  min-width: var(--sidebar-w);
  height: 100%;
  background: var(--bg-dark);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 12px;
  gap: 8px;
  overflow-y: auto;
  overflow-x: hidden;
  flex-shrink: 0;
  border-right: 1px solid #26292F;
}
.sidebar-home {
  position: relative;
  width: 48px; height: 48px;
  background: #282C34;
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  cursor: pointer;
  transition: border-radius 0.22s cubic-bezier(0.34, 1.56, 0.64, 1), background 0.18s ease;
  flex-shrink: 0;
}
.sidebar-home::before {
  content: '';
  position: absolute;
  left: -12px; top: 50%;
  transform: translateY(-50%);
  width: 4px; height: 0;
  background: #fff;
  border-radius: 0 4px 4px 0;
}
.sidebar-home:hover::before,
.sidebar-home.active-home::before { height: 20px; }
.sidebar-home:hover,
.sidebar-home.active-home { border-radius: 30%; }
.sidebar-home:hover,
.sidebar-home.active-home { background: #5865F2; }
.sidebar-home img   { width: 28px; }

.sidebar-separator {
  width: 32px; height: 2px;
  background: #35373c;
  border-radius: 2px;
  flex-shrink: 0;
}

/* Separación entre iconos de servidor */
#serverList {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  width: 100%;
}