.mr-wrap { max-width: 600px; margin: 0 auto; }
.mr-title { text-align: center; margin-bottom: 20px; }

/* кнопки выбора типа клиента */
.mr-client-type-buttons {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-bottom: 16px;
}
.mr-client-btn {
  padding: 10px 18px;
  border: 2px solid #1E3D39;   /* рамка в цвет кнопки */
  border-radius: 8px;
  background: #1E3D39;         /* сам цвет */
  color: #fff;                 /* белый текст */
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
}
.mr-client-btn.active {
  background: #16302d;         /* чуть темнее для активной */
  border-color: #16302d;
}
.mr-client-btn:hover {
  background: #2c5550;         /* чуть светлее при наведении */
  border-color: #2c5550;
}

/* Звёзды */
/* --- Фикс: звезды в одну строку --- */

/* Общая оценка (верхние звезды) */
.mr-stars-row {
  display: flex !important;
  justify-content: center;     /* по центру */
  align-items: center;
  gap: 8px;
  flex-wrap: nowrap;
  pointer-events: none;
  white-space: nowrap;
}
.mr-stars-row .mr-star { display: inline-flex !important; }
.mr-stars-row .mr-star input { display: none; }
.mr-stars-row .mr-star span {
  display: inline-block;
  font-size: 34px;
  padding: 6px;
  border: 2px solid #1E3D39;     /* квадратная рамка как просили */
  border-radius: 6px;
  color: #ccc;
  cursor: pointer;
  transition: color .2s, border-color .2s, background .2s;
}
.mr-stars-row .mr-star input:checked + span {
  color: #f59e0b;
  border-color: #f59e0b;
}
.mr-stars-row .mr-star span:hover {
  color: #fbbf24;
  border-color: #fbbf24;
}

/* Пер-пунктовые оценки (для 1–3★) */
.mr-item-stars {
  display: flex !important;
  align-items: center;
  gap: 6px;
  flex-wrap: nowrap;            /* не переносить */
  white-space: nowrap;
}
.mr-item-stars .mr-substar { display: inline-flex !important; }
.mr-item-stars .mr-substar input { display: none; }
.mr-item-stars .mr-substar span {
  display: inline-block;
  font-size: 22px;
  padding: 4px 6px;
  border: 1.8px solid #1E3D39;
  border-radius: 6px;
  color: #ccc;
  cursor: pointer;
  transition: color .2s, border-color .2s, background .2s;
}
.mr-item-stars .mr-substar input:checked + span {
  color: #f59e0b;
  border-color: #f59e0b;
}
.mr-item-stars .mr-substar span:hover {
  color: #fbbf24;
  border-color: #fbbf24;
}

/* На очень узких экранах можно разрешить перенос (если нужно) */
/*
@media (max-width: 400px){
  .mr-item-stars { flex-wrap: wrap; row-gap: 6px; }
}
*/

/* Подписи под общими звездами (порядок 5..1) */
.mr-stars-row .mr-star {
  display: inline-flex !important;
  flex-direction: column;
  align-items: center;
}
.mr-stars-row .mr-star::after {
  content: "";
  font-size: 12px;
  line-height: 1;
  margin-top: 4px;
  color: #333;
}
.mr-stars-row .mr-star:nth-child(1)::after { content: "5"; }
.mr-stars-row .mr-star:nth-child(2)::after { content: "4"; }
.mr-stars-row .mr-star:nth-child(3)::after { content: "3"; }
.mr-stars-row .mr-star:nth-child(4)::after { content: "2"; }
.mr-stars-row .mr-star:nth-child(5)::after { content: "1"; }

/* Подписи под по-пунктовыми звездами (порядок 1..5) */
.mr-item-stars .mr-substar {
  display: inline-flex !important;
  flex-direction: column;
  align-items: center;
}
.mr-item-stars .mr-substar::after {
  content: "";
  font-size: 11px;
  line-height: 1;
  margin-top: 3px;
  color: #333;
}
.mr-item-stars .mr-substar:nth-child(1)::after { content: "1"; }
.mr-item-stars .mr-substar:nth-child(2)::after { content: "2"; }
.mr-item-stars .mr-substar:nth-child(3)::after { content: "3"; }
.mr-item-stars .mr-substar:nth-child(4)::after { content: "4"; }
.mr-item-stars .mr-substar:nth-child(5)::after { content: "5"; }


.mr-help { font-size: 13px; color: #666; margin-bottom: 15px; }

/* чек-лист */
.mr-checklist { display: block; }
.mr-check-row { margin-bottom: 10px; }
.mr-check-cell label { font-weight: 500; display: block; }
.mr-problem-comment { margin-top: 6px; display: none; }
.mr-problem-comment textarea { width: 100%; resize: vertical; }

/* контакты */
.mr-two { display: flex; gap: 15px; }
.mr-two div { flex: 1; }

/* кнопка отправки */
.mr-actions { margin-top: 20px; text-align: center; }
.mr-btn {
  padding: 10px 18px;
  background: #1E3D39;    /* основной цвет */
  color: #fff;            /* белый текст */
  border: 2px solid #1E3D39;
  border-radius: 6px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
}

.mr-btn:hover {
  background: #2c5550;    /* светлее при наведении */
  border-color: #2c5550;
}

.mr-btn:active {
  background: #16302d;    /* темнее при клике */
  border-color: #16302d;
}

.mr-status { margin-top: 10px; font-weight: bold; }

.mr-lang-switch {
  display: flex;
  justify-content: flex-end;
  gap: 6px;
  margin-bottom: 8px;
}

.mr-lang-btn {
  border: 1px solid #1E3D39;
  background: #fff;
  color: #1E3D39;
  padding: 4px 10px;
  border-radius: 16px;
  font-size: 12px;
  cursor: pointer;
}

.mr-lang-btn.active {
  background: #1E3D39;
  color: #fff;
}