/* RU: Раздел «Отзывы» кабинета организации (Ф10.8). Отдельный файл, а не хвост biz.css: biz.css
       параллельно правят другие разделы, и дописывание в конец одного файла из двух веток даёт
       конфликт на каждом слиянии.
       Цвета — только токены `--k-*`: у кабинета есть тёмная тема, и литеральный светлый фон (как у
       `.biz-mini-list` в biz.css) дал бы в ней белую плашку с белым текстом.
   EN: The "Отзывы" section of the organisation cabinet (Ф10.8). A separate file rather than the tail of
       biz.css: other sections edit biz.css in parallel, and appending to the end of one file from two
       branches yields a conflict at every merge.
       Colours are `--k-*` tokens only: the cabinet has a dark theme, and a literal light background (like
       `.biz-mini-list` in biz.css) would give a white plate with white text there. */

.biz-reviews-list {
  list-style: none;
  margin: var(--k-s-3) 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--k-s-2);
}

.biz-review-item {
  display: flex;
  flex-direction: column;
  gap: var(--k-s-1);
  padding: var(--k-s-3);
  background: var(--k-surface);
  border: 1px solid var(--k-border-soft);
  border-radius: var(--k-r-2);
}

/* RU: Отзыв без ответа отмечен полосой слева — тем же приёмом, что новая заявка: полоса читается как
       «здесь ждут вашего действия» и не спорит с остальными карточками заливкой.
   EN: A review without a reply gets a stripe on the left — the same device as a new lead: the stripe reads
       as "your action is awaited here" and does not compete with the other cards through a fill. */
.biz-review-item.is-unanswered {
  border-left: 3px solid var(--k-brand);
}

.biz-review-head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--k-s-2);
}

.biz-review-stars {
  color: var(--k-warn);
  letter-spacing: 0.05em;
}

.biz-review-author {
  color: var(--k-text);
}

/* RU: Статус — словом на плашке; «на модерации» приглушён, потому что владелец с ним ничего не делает.
   EN: The status is a word on a tag; "на модерации" is muted because the owner does nothing with it. */
.biz-review-status {
  font-size: var(--k-fs-1);
  padding: 0.05rem 0.4rem;
  border-radius: var(--k-r-1);
  background: var(--k-brand-soft);
  color: var(--k-text);
}

.biz-review-status.is-pending {
  background: var(--k-surface-3);
  color: var(--k-text-muted);
}

.biz-review-when {
  font-size: var(--k-fs-1);
  color: var(--k-text-muted);
}

.biz-review-text {
  margin: 0;
  font-size: var(--k-fs-3);
  line-height: var(--k-lh-normal);
  color: var(--k-text);
  /* RU: Длинное слово без пробелов (ссылка, «ааааа…») не должно раздвигать карточку за край экрана.
     EN: A long word without spaces (a link, "аааа…") must not push the card past the screen edge. */
  overflow-wrap: anywhere;
}

.biz-review-reply {
  margin-top: var(--k-s-1);
  padding: var(--k-s-2) var(--k-s-3);
  background: var(--k-surface-2);
  border-left: 3px solid var(--k-border);
  border-radius: var(--k-r-1);
}

.biz-review-reply-label {
  font-size: var(--k-fs-1);
  color: var(--k-text-muted);
}

.biz-review-reply-text {
  margin: var(--k-s-1) 0 0;
  font-size: var(--k-fs-3);
  color: var(--k-text);
  overflow-wrap: anywhere;
}

.biz-review-form summary {
  cursor: pointer;
  min-height: var(--k-tap-min);
  display: inline-flex;
  align-items: center;
  color: var(--k-brand);
  font-weight: 600;
}

/* RU: Фокус на заголовке складной формы виден явно: без него пройти раздел с клавиатуры нельзя —
       непонятно, какая форма сейчас раскроется по Enter.
   EN: Focus on the folding form's heading is shown explicitly: without it the section cannot be walked
       from the keyboard — it is unclear which form Enter is about to open. */
.biz-review-form summary:focus-visible {
  outline: 2px solid var(--k-brand);
  outline-offset: 2px;
}

.biz-review-form textarea {
  width: 100%;
  box-sizing: border-box;
  resize: vertical;
}

.biz-review-empty {
  padding: var(--k-s-2) 0;
}