/* client-note — пометка оператора о клиенте (под галочками «Заблокирован» / «Скамер»).
   Рамка-«коробка» вокруг textarea, в правом верхнем углу — (i) с журналом отметок.
   Сохраняется вместе с анкетой, своей кнопки у поля нет. Ширина ограничена шириной
   надписей над полем. Цвета — из переменных активной темы (вид одинаков в classic/modern). */
:root { --client-note-width: 360px; }

.client-note {
  position: relative;
  max-width: var(--client-note-width);
  margin-top: .35rem;
  padding: .55rem .6rem;
  background: var(--surface);
  border: 1px solid var(--border-color);
  border-radius: 8px;
}
.client-note:focus-within { border-color: var(--info); }

.client-note__info {
  position: absolute;
  top: .35rem;
  right: .5rem;
  margin: 0;
}

.client-note__area {
  display: block;
  width: 100%;
  padding: 0 1.4rem 0 0; /* справа — просвет под иконку (i) */
  border: 0;
  background: transparent;
  color: var(--text-primary);
  font-size: .85rem;
  line-height: 1.4;
  resize: vertical;
  outline: none;
}
.client-note__area::placeholder { color: var(--text-secondary); opacity: .75; }

/* Пояснение под полем: почему «Сохранить» недоступна / ошибка с сервера */
.client-note__note {
  max-width: var(--client-note-width);
  margin-top: .3rem;
  font-size: .75rem;
  line-height: 1.35;
}