
/* PesaLabs — Palantir Topbar Enhancement */

/* User bar — integrate into topbar, not floating */
.pesalabs-topbar-user {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  height: 48px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 0 16px !important;
  background: transparent !important;
  border: none !important;
  z-index: 1001 !important;
  font-size: .72rem !important;
}
.pesalabs-topbar-user .user-avatar {
  width: 26px !important;
  height: 26px !important;
  border-radius: 6px !important;
  background: #21262D !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: .55rem !important;
  font-weight: 600 !important;
  color: #A5B4FC !important;
}
.pesalabs-topbar-user .user-name {
  color: rgba(255,255,255,.65) !important;
  font-size: .70rem !important;
  font-weight: 500 !important;
}
.pesalabs-topbar-user .user-role {
  font-size: .55rem !important;
  padding: 2px 7px !important;
  border-radius: 3px !important;
  background: rgba(99,102,241,.12) !important;
  color: #A5B4FC !important;
  font-weight: 600 !important;
  letter-spacing: .5px !important;
  text-transform: uppercase !important;
}
.pesalabs-topbar-user .user-divider {
  width: 1px !important;
  height: 14px !important;
  background: rgba(255,255,255,.08) !important;
}
.pesalabs-topbar-user .logout-btn {
  font-size: .62rem !important;
  padding: 4px 10px !important;
  border-radius: 4px !important;
  background: rgba(220,38,38,.10) !important;
  color: #F87171 !important;
  border: 1px solid rgba(220,38,38,.20) !important;
  cursor: pointer !important;
  font-weight: 600 !important;
  letter-spacing: .3px !important;
  transition: all .15s ease !important;
}
.pesalabs-topbar-user .logout-btn:hover {
  background: rgba(220,38,38,.20) !important;
}

/* Hide the user bar border/background that makes it float */
.pesalabs-topbar-user::before,
.pesalabs-topbar-user::after { display: none !important; }

