/* Переключатель арендатора в шапке (только super_admin).
   Цвета — только из токенов темы (arkan-ds.css / variables.css): раньше фон меню брался из несуществующего --surface (белый), а текст наследовался светлым
   из тёмной темы — пункты сливались (контраст 1.0–1.2:1). Нужно ≥ 4.5:1 для текста в обеих темах (проверка — tests/header-contrast.test.js). */
.ss {
  position: relative;
  --ss-bg: var(--surface-elevated, #FFFFFF);
  --ss-fg: var(--text-primary, #111816);
  --ss-muted: var(--text-muted, #4F5A55);
  --ss-line: var(--border-default, rgba(18, 34, 29, .16));
  --ss-hover: color-mix(in srgb, var(--ss-fg) 12%, transparent);
  --ss-on: color-mix(in srgb, var(--accent-primary, #2E4EA8) 20%, transparent);
  --ss-focus: var(--border-focus, #2E4EA8);
  --ss-warn: #8A4B00;                                 /* светлая тема: тёмно-янтарный, 6.4:1 на белом */
}
[data-theme="dark"] .ss { --ss-warn: #F5B14C; }        /* тёмная: светлый янтарный, ≥ 7:1 на #162A57 */
@media (prefers-color-scheme: dark) { [data-theme="system"] .ss { --ss-warn: #F5B14C; } }

.ss__btn { display: inline-flex; align-items: baseline; gap: 6px; max-width: 260px; padding: 5px 10px; border: 1px solid var(--ss-line); border-radius: 8px; background: transparent; color: var(--ss-fg); font: inherit; font-size: 13px; cursor: pointer; }
.ss__btn:hover { background: var(--ss-hover); }
.ss__btn:focus-visible, .ss__item:focus-visible, .ss__toggle:focus-visible { outline: 2px solid var(--ss-focus); outline-offset: 2px; }
.ss__btn--away { border-color: var(--ss-warn); background: color-mix(in srgb, var(--ss-warn) 14%, transparent); }
.ss__k { font-size: 11px; color: var(--ss-muted); text-transform: uppercase; letter-spacing: .04em; }
.ss__v { font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ss__c { color: var(--ss-muted); font-size: 11px; }
.ss__menu { position: absolute; right: 0; top: calc(100% + 6px); z-index: 1200; min-width: 260px; max-height: 60vh; overflow: auto; padding: 4px; border: 1px solid var(--border-strong, var(--ss-line)); border-radius: 10px; background: var(--ss-bg); color: var(--ss-fg); box-shadow: var(--shadow, 0 8px 28px rgba(0, 0, 0, .28)); }
.ss__item { display: flex; width: 100%; align-items: baseline; justify-content: space-between; gap: 12px; padding: 8px 10px; border: 0; border-radius: 6px; background: transparent; color: var(--ss-fg); font: inherit; font-size: 13px; text-align: left; cursor: pointer; }
.ss__item:hover:not(:disabled) { background: var(--ss-hover); }
.ss__item:disabled { opacity: .6; cursor: progress; }
.ss__item--on { font-weight: 600; background: var(--ss-on); box-shadow: inset 0 0 0 1px var(--ss-focus); }       /* текущий арендатор: светлый текст, рамка-outline */
.ss__item--home { font-weight: 700; color: var(--ss-warn); }                                                      /* «Вернуться в свою компанию»: акцент, жирнее */
.ss__n { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ss__s { color: var(--ss-muted); font-size: 11px; }
.ss__hint { padding: 10px; font-size: 13px; color: var(--ss-muted); }
.ss__toggle { display: block; width: 100%; margin-top: 4px; padding: 8px 10px; border: 0; border-top: 1px solid var(--ss-line); border-radius: 0 0 6px 6px; background: transparent; color: var(--ss-muted); font: inherit; font-size: 12px; text-align: left; cursor: pointer; }
.ss__toggle:hover { color: var(--ss-fg); background: var(--ss-hover); }
.ss__test-mark { display: inline-block; margin-left: 6px; padding: 1px 5px; border-radius: 3px; background: color-mix(in srgb, var(--ss-warn) 18%, transparent); color: var(--ss-warn); font-size: 10px; font-weight: 600; letter-spacing: .04em; vertical-align: middle; }
@media (max-width: 760px) { .ss__k { display: none; } .ss__btn { max-width: 90px; padding: 5px 7px; gap: 4px; } .ss__menu { position: fixed; left: 8px; right: 8px; top: 56px; min-width: 0; } }