/* =========================================================
   💬 «Отзывы и обратная связь» — страница /feedback/
   ---------------------------------------------------------
   Сетка, фильтры, карточки и паспорт — общие классы разделов
   (catalog bundle, sources.css, page_hero.css), как у «Свидетельств».
   Здесь — только своё: кнопки формы в шапке, список фильтров,
   текст отзыва в паспорте, пустой паспорт.
   ========================================================= */

/* --- Кнопки формы под лидом шапки ----------------------- */

.feedback-hero-actions{
    display:flex;
    flex-wrap:wrap;
    gap:.45rem;
    margin-top:1rem;
}

.feedback-hero-actions__btn{
    padding:.5rem .95rem;
    border:1px solid var(--color-border);
    border-radius:999px;
    background:var(--color-surface);
    color:var(--color-fg);
    font:inherit;
    font-size:.8rem;
    font-weight:700;
    cursor:pointer;
    transition:border-color .14s ease, color .14s ease;
}

.feedback-hero-actions__btn:hover{
    border-color:var(--color-primary);
    color:var(--color-primary);
}

.feedback-hero-actions__btn--primary{
    background:var(--color-primary);
    border-color:var(--color-primary);
    color:var(--color-on-primary);
}

.feedback-hero-actions__btn--primary:hover{
    color:var(--color-on-primary);
    filter:brightness(1.06);
}

.feedback-hero-actions__btn:focus-visible{
    outline:2px solid var(--color-primary);
    outline-offset:2px;
}

/* --- Фильтры: столбик строк «подпись — число» ----------- */

.feedback-filter-list{
    display:flex;
    flex-direction:column;
    gap:.3rem;
}

/* --- Карточка: одна строка «подпись · дата · категория» --
   Текст и оценка удобства — только в паспорте справа. */

/* Сетка и min-height карточки — под многострочные карточки разделов
   (обложка, строки описания); у отзыва строка одна, иначе под ней
   оставалось пустое поле. Селектор сильнее .catalog-v2/.source-catalog
   .geo-result-layout из card.css и desktop_density.css. */
.feedback-catalog .feedback-review-card .geo-result-layout{
    display:block;
    min-height:0;
    padding:.75rem 1rem;
}

.feedback-review-card__row{
    /* Колонки одной ширины во всех карточках — даты и категории стоят
       ровно друг под другом, а не сразу за именем разной длины. */
    display:grid;
    grid-template-columns:minmax(0, 1fr) 8rem 12rem;
    align-items:center;
    column-gap:.9rem;
    width:100%;
    min-width:0;
}

.feedback-review-card__author{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.feedback-review-card__date{
    color:var(--color-muted);
    font-size:.8rem;
    white-space:nowrap;
}

/* Чип — по левому краю своей колонки; длинное название раздела
   («Журнал и летопись правок») сокращается многоточием. */
.feedback-catalog .feedback-review-card .feedback-review-card__section{
    display:block;
    min-height:0;
    padding-block:.22em;
    line-height:1.3;
    text-align:left;
    justify-self:start;
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

/* На телефоне трём колонкам тесно (имя сжималось до «Алек…»):
   имя — первой строкой на всю ширину, под ним дата и категория
   двумя ровными колонками. */
@media (max-width:560px){
    .feedback-review-card__row{
        grid-template-columns:7.4rem minmax(0, 1fr);
        row-gap:.3rem;
        column-gap:.6rem;
    }

    .feedback-review-card__author{ grid-column:1 / -1; }
}

/* --- Паспорт -------------------------------------------- */

.feedback-passport__text{
    /* У свидетельств здесь книжный шрифт скана — отзыв читателя набираем обычным. */
    font-family:inherit;
    font-size:.95rem;
    line-height:1.6;
    white-space:pre-line;
    overflow-wrap:anywhere;
}

/* Текст ещё не одобрен модератором. */
.feedback-passport__pending{
    margin:0;
    color:var(--color-muted);
    font-size:.88rem;
    font-style:italic;
}

/* «Закрыть» нужен только шторке на телефоне/планшете. */
.feedback-passport [data-feedback-sheet-close]{
    display:none;
}

@media (max-width:1100px){
    .feedback-passport [data-feedback-sheet-close]{
        display:inline-flex;
    }
}

.feedback-passport-empty{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:.8rem;
}

.feedback-passport-empty p{
    margin:0;
}