/* Профиль вида карты — нижняя часть: факты, комментарии и список
   клиентов банковской плотности (решение №131). Отдельно от
   card-kind-detail.css (обложка и форма правки) по длине. */

/* Факты — чипы в ряд, не строки в столбик: на этом экране их всего
   два, а строка со своей разделительной линией и подписью слева —
   вес полноценной формы, который двум числам не нужен. Только на
   этом экране: `QL.ui.facts()` в других местах (card-detail.js)
   читает текстовые значения, не числа, — там ряд не подойдёт, менять
   общий компонент незачем. */
.screen--businessCardKind .facts {
  margin-top: var(--sp-3);
  display: flex;
  gap: var(--sp-2);
  border: none;
  border-radius: 0;
  overflow: visible;
}

.screen--businessCardKind .fact {
  flex: 1;
  flex-direction: column-reverse;
  align-items: flex-start;
  gap: var(--sp-1);
  padding: var(--sp-3);
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--r-md);
}

.screen--businessCardKind .fact + .fact { border-top: none; }

.screen--businessCardKind .fact__label {
  font-size: var(--fs-2xs);
  text-transform: uppercase;
  letter-spacing: .03em;
  color: var(--text-faint);
}

.screen--businessCardKind .fact__value {
  font-size: var(--fs-lg);
  font-weight: 700;
  text-align: left;
}

/* Комментарии — с тем же воздухом, что и факты рядом с ними, не
   с воздухом отдельно стоящей карточки (card-message.css держит
   общий, больший размер — его читает и правка одного вида, и своя
   карта клиента, а той просторность годится). */
.screen--businessCardKind .msgbox {
  padding: var(--sp-3) var(--sp-4);
  gap: var(--sp-2);
}

/* Список клиентов вида — единая карточка, строки в ней разделены
   линией (`.clients--plain`, ui/client-row.js), не собственной рамкой
   на каждую: тот же приём, что у карт клиента в его профиле
   (client-kind.css: .clientcards). «Показать все» — последняя строка
   того же вида, что и там (ui/client-view.js: .clientcards__more). */
.kindclients {
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--r-lg);
  overflow: hidden;
}

.kindclients__more {
  display: block;
  padding: var(--sp-3);
  border-top: 1px solid var(--line-soft);
  color: var(--accent-text);
  text-align: center;
  text-decoration: none;
  font-size: var(--fs-sm);
  font-weight: 650;
}