body header.wbs-dock .wbs-dock-actions { flex-wrap: nowrap; }
body header.wbs-dock .wbs-dock-actions .wbs-dock-item { width: auto; flex: none; }
body header.wbs-dock .wbs-dock-actions .wbs-profile-chip { width: auto; gap: 8px; }
body header.wbs-dock .wbs-dock-desktop-role .wbs-role-tags { justify-content: flex-end; }
body header.wbs-dock .wbs-notification-count[hidden] { display: none; }

@media (min-width: 1101px) {
  body header.wbs-unified-header.wbs-dock {
    grid-template-columns: auto minmax(0, 1fr) auto;
    grid-template-rows: auto;
    gap: 10px;
  }
  body header.wbs-dock .wbs-dock-logo { grid-area: 1 / 1; width: clamp(128px, 12vw, 178px); }
  body header.wbs-dock .wbs-dock-nav {
    display: flex !important;
    grid-area: 1 / 2;
    width: max-content;
    max-width: 100%;
    justify-self: center;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 4px;
  }
  body header.wbs-dock .wbs-dock-nav > .wbs-dock-item { width: auto; }
  body header.wbs-dock .wbs-dock-nav > a,
  body header.wbs-dock .wbs-dock-nav > .wbs-dock-item > a {
    width: auto;
    min-height: 36px;
    padding: 7px 9px;
    white-space: nowrap;
  }
  body header.wbs-dock .wbs-dock-actions { grid-area: 1 / 3; }
  body header.wbs-dock .wbs-dock-nav > .wbs-dock-mobile-only,
  body header.wbs-dock .wbs-dock-mobile { display: none !important; }
}

@media (max-width: 1100px) {
  body header.wbs-dock .wbs-dock-desktop-role,
  body header.wbs-dock .wbs-profile-trigger,
  body header.wbs-dock .wbs-dock-actions .wbs-auth-actions,
  body header.wbs-dock .wbs-dock-mobile span { display: none !important; }
  body header.wbs-dock .wbs-dock-logo { width: min(100%, 154px); }
  body header.wbs-dock .wbs-dock-mobile {
    width: 42px;
    height: 42px;
    padding: 0;
  }
}