/* Статический скелет блока бренда — резервирует место в топбаре ДО первого paint,
   чтобы при инициализации JS-брендинга другие элементы не прыгали.

   glass-стиль 1 в 1 с ФИО капсулой. До этого
   тут был heavy-glass (bg .16 + border .30 + 3-layer inset highlight
   .55/.18 + drop-shadow 4/12), такой же как у ФИО до .
   Юзер: «сделай такой же стиль 1 в 1 у стекла где выводится компания
   слева в топбаре».

   !important на всех визуальных свойствах. Юзер сообщает,
   что после хард-релоада возвращается старое стекло — это значит
   браузер взял из cache старый system-branding.js, который инжектит
   heavy-glass <style> в head ПОСЛЕ <link href="topbar-brand.css">.
   При равной специфичности (0,1,0 на #ID) injected wins по порядку.
   !important перебивает любой стиль без !important, поэтому даже
   с закешированным старым JS мой стиль выиграет. */
#systemTopbarBrand,
#systemTopbarBrand:hover {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-right: 16px !important;
  padding: 8px 16px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.14) 0%, rgba(255,255,255,.06) 100%) !important;
  -webkit-backdrop-filter: blur(10px) saturate(150%) !important;
          backdrop-filter: blur(10px) saturate(150%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.28),
    0 2px 4px rgba(2,8,23,.12) !important;
  color: #fff !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  flex: 0 0 auto !important;
  min-width: 180px !important;
  min-height: 40px !important;
  box-sizing: border-box !important;
  transition: background .22s ease, border-color .22s ease !important;
}

#systemTopbarBrand img {
  width: 24px;
  height: 24px;
  border-radius: 6px;
  object-fit: cover;
  background: rgba(255, 255, 255, 0.2);
}

#systemTopbarBrand .brand-name {
  font-size: 14px;
  pointer-events: none;
}

/* брэнд-капсула — статичная, не интерактивная.
   добавлены transform:none + pointer-events:none — иначе
   на /schedule наследуемые правила .topbar > span:hover из
   ui-effects.css давали визуальный сдвиг (lift). */
#systemTopbarBrand,
#systemTopbarBrand:hover {
  cursor: default !important;
  opacity: 1 !important;
  transform: none !important;
  pointer-events: none !important;
}