.feedback-compose { overflow: hidden; }
.feedback-page .feedback-heading { display: flex; justify-content: space-between; align-items: center; margin: 0; padding: 18px 22px; border-bottom: 1px solid #e5ebf2; }
.feedback-heading p { margin: 6px 0 0; color: #73869b; font-size: .78rem; }
.feedback-page .feedback-team-badge { padding: 5px 9px; background: #eef4fa; border: 1px solid #dce6ef; border-radius: 4px; color: #426788; font-size: .72rem; white-space: nowrap; }
.feedback-compose-body { display: grid; grid-template-columns: minmax(0, 2fr) minmax(230px, .9fr); }
.feedback-form { display: grid; gap: 20px; padding: 22px; }
.feedback-category { max-width: 320px; }
.feedback-page .feedback-message { display: block; height: auto; min-height: 210px; resize: vertical; line-height: 1.6; padding: 12px 14px; }
.feedback-field-help { display: block; margin-top: 7px; font-size: .7rem; color: #7a8b9e; }
.feedback-actions { display: flex; gap: 14px; align-items: center; }
.feedback-actions button { flex-shrink: 0; }
.feedback-actions [role="status"] { font-size: .76rem; line-height: 1.5; }
.feedback-guidance { padding: 22px; background: #f8fafc; border-left: 1px solid #e5ebf2; }
.feedback-guidance h3 { font-size: .88rem; font-weight: 600; color: #244767; margin: 0 0 18px; }
.feedback-guidance ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 17px; }
.feedback-guidance li strong, .feedback-tracking-note > strong { display: block; color: #42617b; font-size: .76rem; font-weight: 600; }
.feedback-guidance li span, .feedback-tracking-note p { display: block; color: #73869b; font-size: .74rem; line-height: 1.6; margin: 4px 0 0; }
.feedback-tracking-note { border-top: 1px solid #e1e8ef; padding-top: 18px; margin-top: 22px; }
.feedback-tracking-note a { display: inline-block; margin-top: 12px; font-size: .74rem; }
@media (max-width: 850px) {
    .feedback-compose-body { grid-template-columns: 1fr; }
    .feedback-guidance { border-left: 0; border-top: 1px solid #e5ebf2; }
    .feedback-guidance ul { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 550px) {
    .feedback-page .feedback-heading, .feedback-form, .feedback-guidance { padding: 16px; }
    .feedback-page .feedback-heading { align-items: flex-start; gap: 12px; }
    .feedback-guidance ul { grid-template-columns: 1fr; }
    .feedback-actions { align-items: flex-start; flex-direction: column; }
    .feedback-category { max-width: none; }
}