/* Office switcher — positioned in cr-header flex row */
.cr-office-switcher {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 5px 10px;
  border: 1px solid var(--cr-border);
  border-radius: 14px;
  background: var(--cr-surface);
  box-shadow: var(--cr-shadow-subtle);
  z-index: 10;
  order: -1;
  margin-right: auto;
}
/* When inside cr-header (flex column, align-items:center), override to row */
.cr-header .cr-office-switcher {
  position: absolute;
  left: max(16px, calc(50% - 570px));
  top: 14px;
}
.cr-office-switcher__label {
  font: 600 10px/1 var(--cr-font-family);
  letter-spacing: .05em;
  color: var(--cr-subtle);
  text-transform: uppercase;
}
.cr-office-switcher__select {
  min-width: 126px;
  height: 28px;
  border-radius: 9px;
  border: 1px solid var(--cr-detail-line);
  background: var(--cr-surface);
  color: var(--cr-detail-text);
  font: 600 11px/1 var(--cr-font-family);
  padding: 0 7px;
  cursor: pointer;
}
.cr-office-switcher__select:focus { outline: 2px solid var(--cr-accent-border); outline-offset: 1px; }
@media (max-width: 760px), ((max-height:480px) and (orientation:landscape)) {
  .cr-header .cr-office-switcher {
    left: 10px;
    top: 8px;
    min-height: 44px;
    padding: 0;
  }
  .cr-office-switcher__label { display: none; }
  .cr-office-switcher__select {
    min-width: 96px;
    height: 44px;
    min-height: 44px;
    padding: 0 10px;
  }
}