/* feedback.css — звёзды/темы/текст отзыва (общее .field/.submit-btn — в base.css). */

.feedback-stars{
  display:flex;
  justify-content:center;
  gap:6px;
}
.feedback-star{
  background:transparent;
  border:none;
  font-size:26px;
  line-height:1;
  color:var(--muted-2);
  cursor:pointer;
  padding:2px;
  transition:color 0.15s ease, transform 0.15s ease;
}
.feedback-star:hover{
  transform:scale(1.1);
}
.feedback-star.active{
  color:var(--text);
  transform:scale(1.1);
}
.feedback-topics{
  margin:0;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:8px;
}
.feedback-topic-chip{
  border:1px solid var(--border-strong);
  background:transparent;
  cursor:pointer;
  color:var(--text);
  font-family:var(--font-body);
  transition:border-color 0.2s ease, background 0.2s ease, transform 0.15s cubic-bezier(0.4,0,0.2,1);
}
.feedback-topic-chip:active{
  transform:scale(0.95);
}
.feedback-topic-chip.selected{
  border-color:var(--text);
  color:var(--text);
  background:var(--accent-dim);
}
#feedback-text{
  width:100%;
  background:transparent;
  border:1px solid var(--border-strong);
  border-radius:var(--radius-sm);
  padding:10px 12px;
  color:var(--text);
  font-family:var(--font-body);
  font-size:14px;
  line-height:1.5;
  resize:vertical;
  outline:none;
  transition:border-color 0.2s ease;
}
#feedback-text::placeholder{color:var(--muted-2);}
#feedback-text:focus{
  border-color:var(--text);
}
@media (max-width: 768px){
  #feedback-text{
    resize:none;
    min-height:120px;
  }
}
.feedback-status{
  font-family:var(--font-body);
  font-size:12px;
  color:var(--muted);
  min-height:14px;
  margin-bottom:14px;
}
.feedback-status.feedback-status-error{
  color:var(--ban-c);
}