.client-review-action {
  display: flex;
  justify-content: center;
  margin-top: clamp(26px, 4vw, 42px);
}

.client-review-add,
.review-form-submit {
  min-height: 48px;
  padding: 11px 28px;
  border: 0;
  border-radius: 6px;
  background: #df0010;
  color: #fff;
  font: inherit;
  font-weight: 800;
  cursor: pointer;
  transition: background 160ms ease, transform 160ms ease;
}

.client-review-add:hover,
.review-form-submit:hover {
  background: #b9000d;
  transform: translateY(-2px);
}

.client-review-add:focus-visible,
.review-dialog button:focus-visible,
.review-dialog input:focus-visible,
.review-dialog select:focus-visible,
.review-dialog textarea:focus-visible {
  outline: 3px solid #111827;
  outline-offset: 3px;
}

.review-dialog {
  width: min(480px, calc(100vw - 32px));
  max-height: min(92vh, 700px);
  padding: clamp(22px, 4vw, 34px);
  border: 1px solid #e7e8eb;
  border-radius: 8px;
  background: #fff;
  color: #111827;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.22);
  overflow-y: auto;
}

.review-dialog::backdrop { background: rgba(8, 11, 17, 0.64); }
.review-form { display: grid; gap: 10px; }
.review-dialog-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 10px; }
.review-dialog-head h2 { margin: 0; font-size: 1.45rem; line-height: 1.3; }
.review-dialog-close { width: 38px; height: 38px; border: 0; background: #f1f2f4; color: #111827; font-size: 1.65rem; line-height: 1; cursor: pointer; }
.review-form label { margin-top: 6px; font-size: 0.96rem; font-weight: 750; }
.review-form label span { color: #6b7280; font-size: 0.85rem; font-weight: 500; }
.review-form input,
.review-form select,
.review-form textarea { width: 100%; min-width: 0; padding: 11px 12px; border: 1px solid #cbd0d8; border-radius: 5px; background: #fff; color: #111827; font: inherit; font-size: 1rem; }
.review-form textarea { resize: vertical; min-height: 120px; }
.review-form-note { margin: 4px 0 8px; color: #5b6470; font-size: 0.87rem; line-height: 1.6; overflow-wrap: anywhere; }
.review-form-submit { width: 100%; }
