/* Unified member/staff header (.unified-header).
   Inherits the base .site-header / .nav / .brand / .nav-links treatment from voiceiq-ui.css.
   This sheet only guarantees the workspace layout: sticky, links in one non-wrapping row
   (these headers ship no hamburger), and a horizontally scrollable link row on small screens. */
.unified-header { position: sticky; top: 0; z-index: 50; width: 100%; }
.unified-header .nav { display: flex; flex-direction: row; align-items: center; flex-wrap: nowrap; gap: 28px; }
.unified-header .brand { flex-shrink: 0; margin: 0; }
.unified-header .nav-links {
  position: static; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; gap: 26px;
  width: auto; margin: 0 0 0 auto; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none;
  opacity: 1; pointer-events: auto; transform: none;
}
.unified-header .nav-links a { flex-shrink: 0; margin: 0; padding: 0; border-radius: 0; font-size: 14px; white-space: nowrap; }
.unified-header .nav-links a:hover { background: transparent; }
.unified-header .nav-links a.active::after { display: block; }
.unified-header .voiceiq-theme-toggle { position: static; order: 3; margin: 0; }

@media (max-width: 1000px) {
  .unified-header .nav { flex-wrap: wrap; height: auto; min-height: 64px; padding: 14px 0 0; gap: 12px 16px; }
  .unified-header .brand { margin-right: auto; }
  .unified-header .voiceiq-theme-toggle { order: 2; }
  .unified-header .nav-links {
    order: 4; flex-basis: 100%; width: 100%; gap: 22px; padding: 6px 0 14px;
    overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch;
  }
  .unified-header .nav-links::-webkit-scrollbar { display: none; }
  .unified-header .nav-links a { font-size: 13px; }
  .unified-header .nav-links a.active::after { bottom: -6px; }
}