/* TKT-4773 AC2: keep the footer in view; only navigation scrolls. */
#sideNav {
  height: 100vh;
  height: 100dvh;
}
#sideNav > nav {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
}
#sideNav > div:last-child {
  flex-shrink: 0;
  flex-wrap: wrap;
}
#orgAdminBackStillOpen {
  flex-basis: 100%;
  order: 1;
  font-size: 0.75rem;
}
@media (min-width: 1024px) {
  #sideNav {
    position: sticky;
    top: 0;
    align-self: flex-start;
  }
}
.is-electron #sideNav {
  top: 36px;
  height: calc(100vh - 36px);
  height: calc(100dvh - 36px);
}

/* TKT-5782: one content measure across the eight Org Admin surfaces. */
.org-admin-column { width: 100%; max-width: 64rem; margin-left: auto; margin-right: auto; }
.org-admin-subpage { margin-left: 1.25rem; padding-left: 0.75rem; }
.org-admin-wide { max-width: 80rem; margin-left: max(0px, calc((100% - 64rem) / 2)); }
#adminMain:has(#wizard-root > *) .tab-pane { display: none; }
@media (max-width: 1023px) {
  .org-admin-wide { margin-left: 0; }
}

/* TKT-5783: themed thin scrollbars for all Org Admin surfaces (light + dark). */
html, body, * {
  scrollbar-width: thin;
  scrollbar-color: rgba(148, 163, 184, 0.5) transparent;
}
html.dark, html.dark body, html.dark * {
  scrollbar-color: rgba(100, 116, 139, 0.7) transparent;
}
html::-webkit-scrollbar, body::-webkit-scrollbar, *::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
html::-webkit-scrollbar-track, body::-webkit-scrollbar-track, *::-webkit-scrollbar-track {
  background: transparent;
}
html::-webkit-scrollbar-thumb, body::-webkit-scrollbar-thumb, *::-webkit-scrollbar-thumb {
  background: rgba(148, 163, 184, 0.35);
  border-radius: 4px;
}
html::-webkit-scrollbar-thumb:hover, body::-webkit-scrollbar-thumb:hover, *::-webkit-scrollbar-thumb:hover {
  background: rgba(148, 163, 184, 0.55);
}
html.dark::-webkit-scrollbar-thumb, html.dark body::-webkit-scrollbar-thumb, html.dark *::-webkit-scrollbar-thumb {
  background: rgba(71, 85, 105, 0.6);
}
html.dark::-webkit-scrollbar-thumb:hover, html.dark body::-webkit-scrollbar-thumb:hover, html.dark *::-webkit-scrollbar-thumb:hover {
  background: rgba(100, 116, 139, 0.85);
}