.feedback-center{max-width:800px;margin:0 auto}.feedback-center>.text-link{align-items:center;gap:7px;margin-bottom:20px;display:inline-flex}.feedback-fields,.feedback-type-field{border:0;min-width:0;margin:0;padding:0}.feedback-type-field legend{margin-bottom:10px;padding:0}.feedback-type-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.feedback-type-option{border:1px solid var(--border);min-width:0;min-height:64px;color:var(--muted-foreground);background:var(--background);cursor:pointer;font-size:var(--font-size-control);border-radius:8px;align-items:center;gap:10px;padding:14px;display:flex;position:relative}.feedback-type-option input{opacity:0;width:1px;height:1px;position:absolute}.feedback-type-option.is-selected{border-color:var(--foreground);background:var(--muted);color:var(--foreground)}.feedback-type-option:focus-within{outline:2px solid var(--foreground);outline-offset:3px}.feedback-type-option>svg{flex-shrink:0}.feedback-type-check{margin-left:auto;display:flex}.feedback-type-option:has(input:disabled){cursor:not-allowed;opacity:.5}textarea.feedback-description{min-height:150px}.feedback-description-help{justify-content:space-between;gap:12px;display:flex}.feedback-fields .field[aria-invalid=true]{border-color:var(--danger)}.feedback-optional{border:1px solid var(--border);background:var(--muted);color:var(--muted-foreground);font-size:var(--font-size-caption);border-radius:4px;margin-left:5px;padding:1px 5px;font-weight:400;display:inline-block}.feedback-workflow{gap:8px;display:grid}.feedback-retry{color:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.feedback-upload{gap:10px;display:grid}.feedback-upload-heading{font-size:var(--font-size-control);color:var(--text-secondary);align-items:center;gap:4px;display:flex}.feedback-dropzone{border:1px dashed var(--border);background:var(--muted);border-radius:10px}.feedback-dropzone.is-dragging{border-color:var(--foreground);background:var(--surface-hover)}.feedback-upload-trigger{width:100%;min-height:76px;color:var(--foreground);text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;padding:16px;display:flex}.feedback-upload-trigger:hover:not(:disabled){background:var(--surface-hover)}.feedback-upload-icon{border:1px solid var(--border);background:var(--surface);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.feedback-upload-copy{min-width:0;font-size:var(--font-size-control);gap:4px;display:grid}.feedback-upload-copy small{color:var(--muted-foreground);font-size:var(--font-size-small)}.feedback-attachments{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0;display:grid}.feedback-attachment{border:1px solid var(--border);border-radius:8px;min-width:0;overflow:hidden}.feedback-attachment img,.feedback-attachment video{object-fit:contain;background:var(--background);width:100%;height:150px;display:block}.feedback-attachment-caption{overflow-wrap:anywhere;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.feedback-attachment-caption>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--font-size-small);overflow:hidden}.feedback-attachment-caption small{color:var(--muted-foreground);display:block}.button.feedback-submit{background:var(--foreground);color:var(--background)}.button.feedback-submit:hover:not(:disabled){background:var(--text-secondary)}.feedback-record{scroll-margin-top:90px}.feedback-record .panel-heading{align-items:flex-start;margin-bottom:16px}.feedback-record h3{overflow-wrap:anywhere;margin-top:8px}.feedback-record-meta{font-size:var(--font-size-small);color:var(--muted-foreground);overflow-wrap:anywhere;flex-wrap:wrap;gap:8px 16px;margin:8px 0;display:flex}.feedback-record-description,.feedback-replies p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}.feedback-replies{background:var(--background);border:1px solid var(--border);border-radius:8px;gap:16px;margin-top:18px;padding:16px;display:grid}.feedback-replies p{font-size:var(--font-size-small)}.feedback-review{border-top:1px solid var(--border);margin-top:20px;padding-top:20px}.feedback-pagination,.feedback-filter{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.feedback-filter{justify-content:flex-start;align-items:flex-end}.feedback-filter .field-label{min-width:180px}.feedback-diagnostics{font-size:var(--font-size-small);color:var(--muted-foreground);margin-top:14px}.feedback-diagnostics pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--background);border-radius:8px;max-height:240px;padding:12px;overflow:auto}@media (max-width:580px){.feedback-type-options{gap:8px}.feedback-type-option{flex-direction:column;gap:8px;padding:12px 6px}.feedback-type-check{position:absolute;top:6px;right:6px}.feedback-attachments{grid-template-columns:1fr}.feedback-attachment img,.feedback-attachment video{height:200px}.feedback-record .panel-heading{gap:10px}}
