/* 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) {
  .cr-header .cr-office-switcher { left: 10px; padding: 4px 7px; }
  .cr-office-switcher__label { display: none; }
  .cr-office-switcher__select { min-width: 80px; height: 26px; }
}