/* ==========================================================================
   report-review.css — client-facing review page (/reports/{id}/review)

   Loaded only by templates/report_review.html via the {% block head %} hook.
   Styles here are used nowhere else; if a style starts being shared, hoist
   it into static/style.css (mirrors scenes-v2 page-specific CSS pattern).
   ========================================================================== */

.review-header {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: 6px;
  padding: 1.25rem;
  margin-bottom: 1rem;
}
.review-progress {
  display: flex; gap: 0.5rem; flex-wrap: wrap; margin-top: 0.75rem;
}
.review-progress .status { font-size: 0.85rem; padding: 0.25rem 0.6rem; }

.review-form {
  margin-top: 0.75rem;
  padding-top: 0.75rem;
  border-top: 1px dashed var(--border);
}
.review-form textarea {
  width: 100%;
  padding: 0.5rem;
  border: 1px solid var(--border);
  border-radius: 4px;
  font: inherit;
  box-sizing: border-box;
}
.review-buttons {
  display: flex; gap: 0.5rem; margin-top: 0.5rem; flex-wrap: wrap;
}

@media (max-width: 600px) {
  .review-buttons { flex-direction: column; }
  .review-buttons button { width: 100%; }
}