/* Страница «Отзывы и вопросы» (макет Feedback.dc.html). */
.alert-burn { padding: 20px; display: flex; gap: 14px; align-items: flex-start; background: #fef2f2; border-color: #ffc9c9; }
.alert-burn span:last-child { font-size: 15px; color: #5c1a1f; }
.q-tabs { padding: 12px 18px; border-bottom: 1px solid var(--s-line-soft); display: flex; gap: 6px; flex-wrap: wrap; font-size: 12px; }
.q-tabs span { padding: 4px 10px; border-radius: 8px; background: #f1f0fa; }
.q-tabs .on { background: var(--s-primary); color: #fff; font-weight: 600; }
.q-tabs .burn { background: #fef2f2; color: #9f0712; font-weight: 600; }
.q { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 12px; align-items: start; padding: 12px 18px; border-bottom: 1px solid var(--s-row); }
.q:last-child { border-bottom: 0; }
.q .pf { width: 18px; height: 18px; }
.q-meta { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.q-text { margin-top: 4px; overflow-wrap: anywhere; }
.q-sub { font-size: 12px; }
.q-act { font-weight: 600; font-size: 12px; color: var(--s-primary); }
.stars { color: #fe9a00; letter-spacing: 1px; font-size: 13px; white-space: nowrap; }
.reply { padding: 16px 18px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); gap: 16px; }
.reply-edit { display: flex; flex-direction: column; gap: 10px; }
.reply-text { border: 1px solid #82819a; border-radius: 8px; background: #f7f6fd; padding: 10px; min-height: 96px; }
.reply-btns { display: flex; gap: 8px; flex-wrap: wrap; }
.reply-btns span { padding: 6px 12px; border: 1px solid #d9d6ee; border-radius: 8px; font-weight: 500; }
.reply-btns .go { background: var(--s-primary); color: #fff; border-color: var(--s-primary); font-weight: 600; }
.reply-old { display: flex; flex-direction: column; gap: 8px; font-size: 12px; }
.reply-old b { font-size: 13px; }
.reply-old div { padding: 8px 10px; border-radius: 8px; background: #faf9ff; }
.undo { margin: 0 18px 16px; display: flex; align-items: center; gap: 10px; padding: 8px 12px; border-radius: 10px; background: #eff6ff; border: 1px solid #bedbff; color: #193cb8; flex-wrap: wrap; }
.undo span { text-decoration: underline; }