/* Отзывы клиентов (ТЗ №90, п. 5.2): оценка клиента в карточке звонка, столбец «Клиенты» в «Рейтинге», строка «AI ↔ клиент» в «Точности AI» и карточка подключения в «Интеграциях».
   Только переменные из tokens.css: ни цвета, ни размера шрифта, ни радиуса числом здесь нет. Подключается после ds.css. */

/* Карточка звонка: метка «Оценка клиента 4/4» и комментарий клиента рядом с баллом AI. */
.client-review { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--sp-2) var(--sp-3); margin-top: var(--sp-3); padding-top: var(--sp-3); border-top: 1px solid var(--ds-line); }
.client-review-comment { min-width: 0; color: var(--ds-text); font-size: var(--fs-14); overflow-wrap: anywhere; }
.client-review-note { color: var(--ds-text-2); font-size: var(--fs-12); }

/* «Рейтинг»: средний балл клиентов — число с табличными цифрами. */
.client-avg { font-weight: var(--fw-strong); font-variant-numeric: tabular-nums; }

/* «Точность AI»: строка «AI ↔ клиент: совпадение N %». */
.client-agreement { margin: var(--sp-3) 0; font-size: var(--fs-14); }
.client-agreement[data-enough="1"] { font-weight: var(--fw-strong); }
.client-agreement .muted { font-weight: var(--fw-text); }

/* «Интеграции»: карточка подключения. */
.reviews-status { margin-bottom: var(--sp-3); }
.reviews-status th { width: 34%; color: var(--ds-text-2); font-weight: var(--fw-text); text-align: left; }
.reviews-status tbody tr:last-child th { border-bottom: 0; }
.reviews-input { min-width: 280px; max-width: 100%; }
.reviews-advanced { margin-top: var(--sp-3); }
.reviews-advanced summary { cursor: pointer; color: var(--ds-text-2); font-size: var(--fs-13); }
.reviews-actions { margin-top: var(--sp-3); }
.reviews-result { margin-top: var(--sp-3); }
.reviews-result:empty { display: none; }