.problem-panel { max-width: 620px; }
#problem-form label { display: block; color: var(--ink); font-weight: 600; margin-bottom: 10px; }
#problem-form input, #problem-form textarea { box-sizing: border-box; width: 100%; border: 1px solid var(--line); border-radius: 10px; padding: 14px; background: var(--surface); color: var(--ink); font: inherit; line-height: 1.5; }
#problem-form textarea { min-height: 160px; resize: vertical; }
#problem-form input:focus-visible, #problem-form textarea:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
#problem-form [readonly] { opacity: .75; }
#problem-brief-hint, #problem-details-hint { margin-top: 10px; font-size: 13px; }
.problem-summary { overflow-wrap: anywhere; color: var(--muted); margin: 0 0 20px; }
.problem-actions { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 12px; margin-top: 24px; }
#problem-notice { margin-top: 20px; }
#problem-another { margin-top: 16px; }
@media (max-width: 580px) {
  .problem-actions .button { flex: 1; }
}