/* v0.10.3: Applied LAST on every page in both account states.
   The navigation follows the viewport on desktop without an inner scrollbar.
   Smaller screens retain normal document scrolling. */
@media (min-width: 891px) {
  body.od-home-member .shell > aside.sidebar,
  body.od-inner-page .shell > aside.sidebar,
  body.od-home-public .shell > aside.sidebar {
    position: sticky !important;
    top: 86px !important;
    align-self: start !important;
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
    overflow-y: visible !important;
    overscroll-behavior: auto !important;
    scrollbar-width: none !important;
  }
}
@media (max-width: 890px) {
  body .shell > aside.sidebar {
    position: static !important;
    top: auto !important;
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
  }
}
body .shell > aside.sidebar .side-menu,
body .shell > aside.sidebar .side-panel {
  max-height: none !important;
  overflow-y: visible !important;
}
/* One circular-avatar rule shared by homepage, profiles, topics, friends,
   notifications, invitations, welcome tutorial and message pages. */
body .user-avatar, body .large-avatar, body .member-avatar,
body .person-avatar, body .person-avatar-img, body .post-avatar,
body .gb-avatar, body .friend-avatar, body .mini-avatar,
body .profile-photo, body .staff-avatar, body .message-avatar,
body .author-avatar, body img[class*="avatar"],
body img[src^="assets/uploads/"], body .friend-tile img,
body .post-person img, body .friends-track img {
  border-radius: 50% !important;
  object-fit: cover !important;
  object-position: center !important;
}
/* Preserve circular clipping even where an older stylesheet forces square images. */
body .user-avatar img, body .large-avatar img,
body .person-avatar img, body .friend-avatar img,
body .member-avatar img, body .post-avatar img {
  border-radius: 50% !important;
  object-fit: cover !important;
}
body .profile-hero .cover-label { max-width: calc(100% - 130px); }
/* Keep the profile role and date legible below the username. */
body.od-inner-page .profile-hero .person-badges { margin-top: 9px !important; }
body.od-inner-page .profile-hero .person-badges .profile-role { display: inline-flex; }
/* Administrator delete controls are only visible after opening details. */
.admin-member-delete { min-width: 140px; }
.admin-member-delete summary { cursor: pointer; color:#ffc4c4; font-size: 12px; }
.admin-member-delete form { padding: 11px 0 5px; max-width: 285px; }
.admin-member-delete label { display: block; margin: 8px 0 5px; font-size: 12px; }
.admin-member-delete input { width: 100%; min-width: 155px; box-sizing: border-box; }
.admin-member-delete button { margin-top: 10px; background:#703442; border-color:#ad5962; }
.admin-member-delete small { display: block; font-size: 11px; color:var(--od-theme-muted, #c4aab0); line-height: 1.5; }

/* v0.10.8: local-time preference, within existing Privacy settings pane. */
.od-time-zone-settings{margin-top:24px;padding-top:18px;border-top:1px solid var(--line,var(--od-theme-border, #344054))}
.od-time-zone-settings .settings-help{max-width:740px}
.od-time-zone-settings input.field{width:min(100%,510px)}