/* open-question-test: alleen EXTRA styles
   basis UI + slider komt uit /mc-generator/style.css */

textarea{
  width: 100%;
  min-height: 140px;
  padding: 12px;
  border-radius: 14px;
  border: 1px solid #ddd;
  font-size: 14px;
  outline: none;
  background: #fff;
  resize: vertical;
  margin-bottom: 12px;
}

textarea:focus{
  border-color: color-mix(in srgb, var(--lilac) 55%, #ddd);
  box-shadow: 0 0 0 4px rgba(179, 140, 255, 0.18);
}

.actions{
  display: flex;
  gap: 12px;
  margin-top: 12px;
}

.actions button{
  flex: 1;
  width: auto;
}

.feedback{
  margin-top: 12px;
  padding: 12px;
  border-radius: 14px;
  background: #fff7fb;
  border: 1px solid rgba(179, 140, 255, 0.25);
  color: #444;
  font-size: 13px;
  line-height: 1.45;
}

.feedback.good{
  background: var(--good);
  border-color: rgba(0,0,0,0.06);
}

.feedback.bad{
  background: var(--bad);
  border-color: rgba(0,0,0,0.06);
}

/* Zorg dat hidden altijd wint */
.hidden{
  display: none !important;
}