/* Переключатель компаний в шапке портала — задача 755 блок 2030.
   Отдельный файл по соглашению проекта: монолитный team.css не пополняем. */

.cs-wrap { position: relative; }

.cs-btn {
  display: flex; align-items: center; gap: 5px;
  background: none; border: 0; padding: 0; margin: 0;
  font: inherit; color: inherit; cursor: pointer; text-align: left;
  max-width: 100%;
}
.cs-btn span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cs-btn svg { flex: none; opacity: .55; transition: transform .15s; }
.cs-btn[aria-expanded="true"] svg { transform: rotate(180deg); }

.cs-menu {
  position: absolute; left: 0; top: calc(100% + 8px); z-index: 40;
  min-width: 240px; max-width: 300px; max-height: 340px; overflow-y: auto;
  background: var(--surface, #141F33);
  border: 1px solid var(--border, rgba(255,255,255,.10));
  border-radius: 14px; padding: 6px;
  box-shadow: 0 12px 32px rgba(0,0,0,.45);
}
.cs-menu[hidden] { display: none; }

.cs-item {
  display: flex; align-items: center; gap: 9px; width: 100%;
  background: none; border: 0; border-radius: 10px; padding: 9px 11px;
  font: inherit; color: inherit; cursor: pointer; text-align: left;
}
.cs-item:hover { background: rgba(255,255,255,.06); }
.cs-item.cs-current { background: rgba(58,167,226,.12); }
.cs-item b { display: block; font-size: 13px; font-weight: 600;
             overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cs-item em { display: block; font-style: normal; font-size: 11px; opacity: .6; }
.cs-item .cs-tx { flex: 1; min-width: 0; }
.cs-item .cs-star { flex: none; opacity: .8; }

.cs-all {
  display: block; padding: 9px 11px; margin-top: 4px;
  border-top: 1px solid var(--border, rgba(255,255,255,.10));
  font-size: 12px; opacity: .7; text-decoration: none; color: inherit;
}
.cs-all:hover { opacity: 1; }

/* Вход в портал через платформу — задача 755 блок 2032. */
.t-login-hint { margin: 10px 0 0; font-size: 12px; color: var(--muted, #7A8CAA); text-align: center; }


.t-legacy-toggle {
  display: block; margin: 18px auto 0; background: none; border: 0; padding: 4px;
  font: inherit; font-size: 12.5px; color: var(--muted, #7A8CAA);
  cursor: pointer; text-decoration: underline;
}
.t-legacy-toggle:hover { color: var(--text, #DCE4F0); }

/* Правило display по классу или идентификатору сильнее браузерного
   [hidden] { display: none } — за сессию это ломало скрытие трижды.
   Защита ставится рядом с каждым таким правилом, а не «где-нибудь». */
.t-legacy-toggle[hidden] { display: none; }
.cs-btn[hidden] { display: none; }

/* Карточка входа — колонка с промежутком 14px, и её дети получали этот промежуток
   автоматически. Три поля уехали внутрь обычного div и промежуток потеряли: поля
   слиплись друг с другом и с кнопкой. Возвращаем ту же колонку внутрь (755/2032). */
#legacyForm { display: flex; flex-direction: column; gap: 14px; }
/* Правило по идентификатору сильнее браузерного [hidden] { display: none } —
   без этой строки свёрнутая форма раскрыта всегда. Замерено в браузере: у блока
   была высота 262px при выставленном hidden. */
#legacyForm[hidden] { display: none; }

/* Подпись жмётся к кнопке, а не висит на полном промежутке карточки. */
.t-login-hint { margin: -5px 0 0; }
.t-legacy-toggle { margin: 2px auto 0; }