/* Профиль сотрудника (screens/business-staff-profile.js).

   Шапка — крупное лицо и имя, тем же рисунком, что у карточки клиента
   (pages/business-client-who.css: .whois) и у места (place-profile.css:
   .place-head), но свой класс (RULES-VIEW.md: свои классы, не
   соседские) — здесь нет ни даты, ни реквизитов, только «⋮» с краю. */
.staff-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--sp-3);
  padding: var(--sp-4);
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--r-lg);
}

.staff-head__who {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: var(--sp-3);
}

.staff-head__name {
  margin: 0;
  min-width: 0;
  font-size: var(--fs-lg);
  font-weight: 650;
  letter-spacing: -.01em;
}

/* Карточка со своим заголовком внутри («Где работает») — тот же
   рисунок, что у «В филиалах» на профиле услуги (components/service.css:
   .service-panel, решение №238): заголовок и строки в одной карточке,
   а не подписью отдельной строкой над группой. */
.staff-panel {
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--r-lg);
  overflow: hidden;
}

.staff-panel__title {
  padding: var(--sp-4);
  font-size: var(--fs-sm);
  font-weight: 650;
}