/* "Wrong result? Tell us" under the detector result, and its report form (assets/js/wc-report.js). */
.wcr-row { display: flex; justify-content: flex-start; margin: 4px 0 0; }
.wcr-open { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 8px 14px; border: 1px solid var(--border); border-radius: 10px; background: var(--card); color: var(--text-2); font: 600 .9rem var(--font); cursor: pointer; transition: border-color .15s, color .15s; }
.wcr-open:hover { border-color: var(--border-2); color: var(--text); }
.wcr-open:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.wcr-open[disabled] { cursor: default; color: var(--human-ink); border-color: var(--human-soft); background: var(--human-soft); }

.wcr-dialog { width: min(520px, calc(100vw - 32px)); max-height: calc(100vh - 32px); padding: 0; border: 1px solid var(--border); border-radius: 18px; background: var(--card); color: var(--text); box-shadow: var(--shadow-lg); overflow: auto; }
.wcr-dialog::backdrop { background: rgba(15, 23, 42, .45); }
.wcr-form { display: flex; flex-direction: column; gap: 14px; padding: 22px; }
.wcr-form h2 { margin: 0; font-size: 1.25rem; font-weight: 800; letter-spacing: -.01em; }
.wcr-lead { margin: -6px 0 0; color: var(--text-2); font-size: .95rem; line-height: 1.5; }
.wcr-opts { display: flex; flex-direction: column; gap: 8px; margin: 0; padding: 0; border: 0; }
.wcr-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.wcr-opt, .wcr-check { display: flex; align-items: flex-start; gap: 12px; padding: 12px 14px; border: 1px solid var(--border); border-radius: 12px; cursor: pointer; }
.wcr-opt:has(input:checked) { border-color: var(--accent); background: var(--accent-soft); }
.wcr-opt input, .wcr-check input { width: 18px; height: 18px; margin: 2px 0 0; flex: none; accent-color: var(--accent); }
.wcr-opt span, .wcr-check span { display: flex; flex-direction: column; gap: 2px; }
.wcr-opt b, .wcr-check b { font-weight: 600; font-size: .95rem; }
.wcr-opt small, .wcr-check small { color: var(--text-3); font-size: .84rem; line-height: 1.45; }
.wcr-field { display: flex; flex-direction: column; gap: 6px; }
.wcr-field label { font-weight: 600; font-size: .9rem; }
.wcr-field input, .wcr-field textarea { width: 100%; box-sizing: border-box; padding: 10px 12px; border: 1px solid var(--border-2); border-radius: 10px; background: var(--card); color: var(--text); font: 400 1rem/1.5 var(--font); }
.wcr-field textarea { resize: vertical; min-height: 76px; }
.wcr-field input:focus, .wcr-field textarea:focus { outline: 2px solid var(--accent); outline-offset: 1px; border-color: transparent; }
.wcr-field [aria-invalid="true"] { border-color: var(--ai); }
.wcr-help { margin: 0; color: var(--text-3); font-size: .84rem; }
.wcr-err { margin: 0; color: var(--ai-ink); font-size: .86rem; font-weight: 600; }
.wcr-privacy { margin: 0; color: var(--text-3); font-size: .84rem; line-height: 1.5; }
.wcr-privacy a { color: var(--accent); }
.wcr-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.wcr-actions { display: flex; justify-content: flex-end; gap: 10px; flex-wrap: wrap; margin-top: 4px; }
@media (max-width: 480px) {
  .wcr-form { padding: 18px 16px; }
  .wcr-actions .btn { flex: 1; }
}