.user-info {
      display: flex;
      align-items: center;
      gap: 0.5rem;
    }
    .user-details {
      display: flex;
      flex-direction: column;
      line-height: 1.1;
    }
    .user-details .name {
      font-weight: 600;
      color: #fff;
    }
    .user-details .role {
      font-size: 0.8rem;
      color: #aaa;
    }
    .avatar {
      border-radius: 50%;
      width: 36px;
      height: 36px;
    }