/* ------------------------------------------------------------------
   Интеграция лендинга с действующим сервисом (без изменений в app).
   Единственная точка входа сотрудников — отдельная кнопка/ссылка login.php.
   ------------------------------------------------------------------ */
.topbar__login {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border: 1px solid rgba(159, 216, 238, .32);
  border-radius: 100px;
  background: rgba(159, 216, 238, .06);
  color: #D6E6F2;
  font-size: 11.5px;
  font-weight: 600;
  line-height: 1.35;
  text-decoration: none;
  white-space: nowrap;
  transition: background .18s, border-color .18s, color .18s;
}
.topbar__login:hover {
  background: rgba(159, 216, 238, .14);
  border-color: rgba(79, 227, 200, .55);
  color: #fff;
}
.topbar__login svg { flex: none; opacity: .9; }

.hero__staff { margin-top: 20px; font-size: 13px; }
.hero__staff a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding-bottom: 2px;
  border-bottom: 1px solid rgba(159, 216, 238, .3);
  color: #9FD8EE;
  text-decoration: none;
  transition: color .18s, border-color .18s;
}
.hero__staff a:hover { color: #fff; border-color: #4FE3C8; }
.hero__staff svg { flex: none; transition: transform .18s; }
.hero__staff a:hover svg { transform: translateX(2px); }

.mobile-menu__login { margin-top: 2px; }
.mobile-menu__login svg { flex: none; }

/* В топбаре на узких экранах ссылка скрыта — вход доступен из меню и hero */
@media (max-width: 680px) {
  .topbar__login, .topbar__divider--login { display: none; }
}