.obs-app-navbar__account {
  display: grid;
  flex: 0 1 26rem;
  gap: 6px;
  justify-items: end;
  margin-left: auto;
  max-width: 100%;
  min-width: 0;
  padding-block: 8px;
}
.obs-workspace-selector { max-width: 100%; min-width: 0; position: relative; width: 100%; }
.obs-workspace-selector[hidden] { display: none; }
.obs-workspace-selector__trigger {
  align-items: center;
  border-radius: var(--obs-radius-sm);
  color: var(--obs-text-secondary);
  cursor: pointer;
  display: flex;
  font-size: 12px;
  gap: 6px;
  justify-content: flex-end;
  list-style: none;
  min-width: 0;
  text-align: right;
}
.obs-workspace-selector__trigger::-webkit-details-marker { display: none; }
.obs-workspace-selector__trigger > span:first-child,
.obs-workspace-selector__trigger > span:last-child,
.obs-workspace-selector__heart { flex: 0 0 auto; }
.obs-workspace-selector [data-workspace-current-label] { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.obs-workspace-selector__trigger:focus-visible { outline: 2px solid var(--obs-accent); outline-offset: 3px; }
.obs-workspace-selector__panel {
  background: var(--obs-bg-card);
  border: 1px solid var(--obs-border-1);
  border-radius: var(--obs-radius-lg);
  box-shadow: var(--obs-shadow-md);
  max-height: min(60dvh, 32rem);
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 8px;
  position: absolute;
  right: 0;
  top: calc(100% + 8px);
  width: min(400px, 100%);
  z-index: 220;
}
.obs-workspace-selector .obs-user-menu__workspace-name { overflow-wrap: anywhere; text-overflow: clip; white-space: normal; }
.obs-workspace-selector__heart { color: var(--obs-text-secondary); opacity: .32; }
.obs-workspace-selector__heart.is-favorite,
.obs-workspace-selector .obs-user-menu__workspace-heart.is-favorite,
.obs-workspace-selector .obs-user-menu__workspace-heart:hover,
.obs-workspace-selector .obs-user-menu__workspace-heart:focus-visible { color: var(--obs-error); opacity: 1; }
.obs-workspace-selector .obs-user-menu__workspace-heart:disabled { cursor: wait; }
.obs-workspace-selector .obs-user-menu__workspace-heart.is-favorite:disabled { color: var(--obs-error); opacity: .55; }
@media (max-width: 991px) {
  .obs-app-navbar__account { flex: 0 1 auto; width: 100%; }
  .obs-app-navbar__account .obs-app-navbar__meta { align-items: center; }
}