/* Private support replies share the site's type, controls and colour tokens. */
.feedback-inbox { max-width: 800px; padding-block: 32px; }
.feedback-inbox__item { border-top: 1px solid var(--fsd-line); padding-block: 24px; overflow-wrap: anywhere; }
.feedback-inbox__item h2, .feedback-reply-notice h2 { font: inherit; font-size: var(--fsd-fs-18); font-weight: 700; margin: 0 0 12px; }
.feedback-inbox time, .feedback-reply small { color: var(--fsd-ink-soft); font-size: var(--fsd-fs-13); }
.feedback-reply__text { white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.65; max-width: 75ch; }
.feedback-reply__actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin-block: 16px; }
.feedback-reply__actions form { margin: 0; }
.feedback-reply-notice { padding-block: 16px; }
.feedback-reply-notice__inner { padding: 20px; border: 1px solid var(--fsd-brand); border-radius: var(--fsd-r-panel); background: var(--fsd-surface); color: var(--fsd-ink); overflow-wrap: anywhere; }
.feedback-reply { border-top: 1px solid var(--fsd-line); padding-top: 12px; margin-top: 16px; }
.feedback-compose { margin-top: 16px; }
.feedback-compose summary, .feedback-inbox summary { cursor: pointer; min-height: var(--fsd-target); padding-block: 10px; color: var(--fsd-brand); font-weight: 600; }
.feedback-compose label { display: block; margin-block: 12px 8px; font-weight: 600; }
.feedback-compose label small { display: block; color: var(--fsd-ink-soft); font-weight: 400; }
.feedback-compose textarea { display: block; width: 100%; box-sizing: border-box; margin-bottom: 12px; padding: 12px; font: inherit; font-size: 16px; line-height: 1.5; border: 1px solid var(--fsd-line); border-radius: var(--fsd-r-ctl); background: var(--fsd-surface); color: var(--fsd-ink); resize: vertical; }
.feedback-compose textarea:focus-visible, .feedback-compose summary:focus-visible, .feedback-inbox summary:focus-visible { outline: 2px solid var(--fsd-brand); outline-offset: 3px; }
.feedback-compose [role="alert"] { color: var(--fsd-bad); }
@media (max-width: 600px) {
    .feedback-reply-notice__inner { padding: 16px; }
    .feedback-inbox { padding-block: 20px; }
    .feedback-reply__actions .fsd-btn, .feedback-compose button { min-height: var(--fsd-target); }
}