.feedback-panel { max-width: 640px; margin: 0 auto; color: #67494a; }
.feedback-panel h3 { margin: 4px 0; color: #593c40; font-size: 18px; }
.feedback-panel > p { margin: 4px 0 10px; font-size: 12px; line-height: 1.45; }
.feedback-reactions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.workshop-notebook .feedback-reaction {
  min-height: 48px; border: 1px solid #d5b479; border-radius: 14px;
  background: linear-gradient(#fffdf5, #fff0c9); color: #644747; font-weight: 800;
  box-shadow: 0 2px 0 #b78a58;
}
.workshop-notebook .feedback-reaction[aria-pressed="true"] { border-color: #268e7c; background: #dff7ec; box-shadow: 0 2px 0 #267865; }
.feedback-detail { margin-top: 11px; border: 1px solid #d8b98b; border-radius: 12px; background: #fffaf0; }
.feedback-detail summary { min-height: 40px; padding: 0 11px; align-content: center; font-weight: 800; cursor: pointer; }
.feedback-detail textarea { display: block; width: calc(100% - 20px); min-height: 58px; margin: 0 10px 6px; resize: vertical; border: 1px solid #cdbca1; border-radius: 9px; padding: 8px; font: inherit; }
.feedback-detail-actions { display: flex; align-items: center; justify-content: flex-end; gap: 8px; padding: 0 10px 10px; font-size: 10px; }
.feedback-detail-actions button { min-height: 40px; border-radius: 10px; border: 1px solid #3a927e; background: #d8f4e9; color: #2d675b; font-weight: 800; }
.feedback-status { min-height: 18px; margin: 7px 0; font-size: 11px; font-weight: 800; color: #317b6c; }
.feedback-status[data-state="failed"], .feedback-status[data-state="notConfigured"] { color: #9a5548; }
.measurement-choice { display: grid; grid-template-columns: 20px minmax(0,1fr); gap: 4px 8px; align-items: start; margin-top: 7px; padding: 8px 10px; border-radius: 12px; background: #edf7f1; font-size: 11px; }
.measurement-choice input { width: 20px; height: 20px; grid-column: 1; grid-row: 1 / 4; }
.measurement-choice strong { grid-column: 2; color: #3d625a; }
.measurement-choice small { grid-column: 2; color: #53655d; line-height: 1.5; font-size:12px; }
@media (max-height: 370px) and (min-width: 680px) {
  .feedback-panel > p { margin-bottom: 6px; }
  .workshop-notebook .feedback-reaction { min-height: 42px; }
  .feedback-detail { margin-top: 7px; }
}