/* Report a problem page styles (shared EN/ES). Reuses the .legal-page
   layout from terms.css and the field-group/save-btn patterns from
   edit-profile.css, just adds a plain text input style since those
   don't define one. */
.report-form {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
  margin-top: var(--space-8);
}

.report-input {
  background: var(--bg-elevated);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  color: var(--text);
  font-family: var(--font-body);
  font-size: var(--text-sm);
  padding: var(--space-3) var(--space-4);
  width: 100%;
  box-sizing: border-box;
  transition: border-color var(--transition-fast);
}
.report-input:focus { outline: none; border-color: var(--accent); box-shadow: 0 0 0 2px var(--accent); }

.report-submit { align-self: flex-start; }