/* v0.36.0 · avatares proporcionados y rango visible en menú colapsado */
#sgl-desktop-app .sgl-sidebar-user .sgl-rank-avatar-image,
#sgl-desktop-app .sgl-settings-profile > .sgl-rank-avatar-image,
#sglm-app .sgl-rank-avatar-image {
  aspect-ratio: 1 / 1 !important;
  object-fit: cover !important;
  object-position: 50% 42% !important;
}

#sgl-desktop-app.is-sidebar-collapsed .sgl-sidebar {
  position: sticky !important;
  z-index: 20 !important;
  overflow: visible !important;
}

#sgl-desktop-app.is-sidebar-collapsed .sgl-sidebar-user {
  box-sizing: border-box !important;
  position: relative !important;
  z-index: 22 !important;
  width: 72px !important;
  min-width: 72px !important;
  max-width: 72px !important;
  min-height: 76px !important;
  margin: 12px auto 16px !important;
  padding: 11px 9px 10px !important;
  justify-content: center !important;
  overflow: visible !important;
}

#sgl-desktop-app.is-sidebar-collapsed .sgl-sidebar-user .sgl-rank-avatar-image {
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  flex: 0 0 48px !important;
}

#sgl-desktop-app.is-sidebar-collapsed .sgl-sidebar-user::after {
  left: auto !important;
  right: -7px !important;
  top: 4px !important;
  z-index: 30 !important;
}

.sgl-rank-current-avatar,
.sgl-rank-card-avatar {
  background-size: cover !important;
  background-position: center !important;
}

/* v0.57.0 · el mapa completo pertenece al panel; el modal exterior desplaza la vista */
.sgl-rank-modal {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
}

.sgl-rank-dialog {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

.sgl-rank-map,
.sgl-rank-dialog > footer {
  position: relative;
  z-index: 1;
}