/**
 * Fluid Header UI Shell – global bar layout
 * Positions the theme toggle, realm directory, and auth/profile icons so their
 * vertical center sits on the bottom border of the global bar.
 * Mirrors fluid-header-ui-shell (React) styles.css lines 421-431.
 * Include this after your main fluid-shell / header styles.
 */

.sr-header__bar--global .sr-header__stack--global {
  position: relative;
  z-index: 6;
  transform: translateY(50%);
}

/* Align theme toggle with directory/auth icons: pull up by half icon height */
.sr-header__bar--global .sr-header__theme-toggle {
  position: relative;
  z-index: 6;
}

.sr-header__bar--global .sr-global-icon {
  box-shadow: var(--sr-header-icon-shadow);
}