/* Отзывы (docs/design/admin/Adm_Reviews.dc.html): карточка .rv, чипы врача и методов, ответ врача. */
@layer pages {
  .admin-review-list { overflow: hidden; }
  .admin-review-list > turbo-frame + turbo-frame { display: block; border-top: 1px solid var(--line); }
  /* «Здесь пусто» — только когда в списке нет карточек (после действий они уходят из вкладки, на их месте — сообщение) */
  .admin-review-list:has(.admin-review) > .admin-empty { display: none; }

  /* .rv */
  .admin-review { display: flex; flex-direction: column; gap: 12px; padding: 22px 24px; }
  .admin-review--hidden { opacity: 0.75; }
  .admin-review__head { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; }
  .admin-review__title { font-size: 18px; overflow-wrap: anywhere; }
  .admin-review__meta { margin-left: auto; }
  .admin-review__form { display: flex; flex-direction: column; gap: 12px; }
  .admin-review__fields { display: flex; flex-direction: column; gap: 12px; }
  .admin-review__text { display: flex; flex-direction: column; gap: 10px; font-size: 17px; line-height: 1.6; overflow-wrap: anywhere; }
  .admin-review__text p { margin: 0; }
  .admin-review__reply { padding: 14px 16px; border-radius: var(--r-ctl); background: var(--soft-2); font-size: 16px; line-height: 1.5; white-space: pre-line; overflow-wrap: anywhere; }
  .admin-review__reply-title { color: var(--accent-ink); font-size: 14px; }
  .admin-review__comment { gap: 6px; }
  .admin-review__comment .field__label { font-size: 15px; }
  .admin-review__comment-input { min-height: 44px; font-size: 16px; padding: 10px 12px; border-radius: 10px; }

  /* Чипы: врач (список в виде чипа), методы (галочки), «+ тег» */
  .admin-review__chips { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
  .admin-review__chips > .chip-row { display: contents; }
  .admin-review__doctor {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 44px;
    padding: 0 6px 0 14px;
    border-radius: 999px;
    background: var(--soft);
    color: var(--accent-ink);
    font-size: 14px;
    font-weight: 600;
  }
  .admin-review__doctor-select {
    min-height: 40px;
    max-width: 200px;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: inherit;
    font: inherit;
    cursor: pointer;
  }
  .admin-review__chips .admin-chip-toggle { min-height: 44px; }
  .admin-review__chips .admin-suggest { flex: 0 1 180px; min-width: 130px; }
  .admin-review__chips .admin-suggest__input { min-height: 44px; font-size: 16px; padding: 0 14px; border-radius: 999px; }

  /* Кнопки: «Опубликовать», «Исправить опечатки», переключатель, «Скрыть» справа */
  .admin-review__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
  .admin-review__actions .admin-switch { font-size: 15px; align-items: center; }
  .admin-review__switches { display: flex; }

  /* Правка: без data-editing поля правки скрыты, с ним — скрыт текст и кнопки просмотра */
  .admin-review:not([data-editing]) .admin-review__edit-only { display: none; }
  .admin-review[data-editing] .admin-review__view-only { display: none; }

  /* Сообщение на месте карточки, которая ушла из вкладки */
  .admin-review-list > turbo-frame:has(.admin-review-gone) { border-top: 0; }
  .admin-review-gone { margin: 0; padding: 14px 24px; background: var(--soft-2); color: var(--ink-2); font-size: 15px; }

  /* Форма «+ Добавить отзыв» */
  .admin-review-new { scroll-margin-top: 16px; }

  @media (max-width: 820px) {
    .admin-review { padding: 18px 16px; }
    .admin-review__meta { margin-left: 0; width: 100%; }
    .admin-review__actions { flex-direction: column; align-items: stretch; }
    .admin-review__actions .btn { width: 100%; }
    .admin-review__actions .admin-actions__end { margin-left: 0; }
    .admin-review__actions .admin-switch { min-height: 44px; }
    .admin-review__chips .admin-suggest { flex-basis: 100%; }
    .admin-review-gone { padding: 14px 16px; }
  }
}