.work-type-switcher { position: relative; max-width: 100%; }
.work-type-switcher summary {
  display: flex; align-items: center; gap: 7px; min-height: 44px;
  list-style: none; cursor: pointer; padding: 6px 8px;
  border: 1px solid #dce4ef; border-radius: 8px; overflow-wrap: anywhere;
}
.work-type-switcher summary::-webkit-details-marker { display: none; }
.work-type-switcher summary:hover,
.work-type-switcher[open] summary { background: #eef3ff; }
.work-type-chevron { font-size: 13px; }
.work-type-panel {
  position: absolute; top: calc(100% + 8px); width: 260px; padding: 8px; overflow-y: auto;
  overscroll-behavior: contain; background: white; border: 1px solid #d4dceb;
  border-radius: 10px; box-shadow: 0 8px 24px #1a305c20; z-index: 110;
}
.work-type-panel a {
  display: flex; flex-direction: column; gap: 4px; min-height: 44px;
  padding: 12px; border-radius: 6px; color: #263c58;
}
.work-type-panel a:hover,
.work-type-panel a.active { color: #2459cd; background: #eef3ff; }
.work-type-panel small { color: #65738b; font-size: 12px; }
@media (max-width: 599px) {
  .authenticated .work-type-switcher {
    grid-area: 1 / 1 / 2 / 3; justify-self: start; margin-left: 52px;
    max-width: calc(100% - 144px);
  }
  .authenticated .work-type-switcher .brand {
    margin-left: 0; font-size: 16px; gap: 5px; padding: 6px 4px;
  }
  .work-type-switcher [data-work-type-name] { min-width: 0; }
}