.student-feedback-shell { max-width: 760px; margin: 0 auto 4rem; padding: 1.5rem; background: #fff; border-radius: 18px; }
.student-feedback-shell form { display: grid; gap: .8rem; margin: 1.5rem 0; }
.student-feedback-shell form[hidden] { display: none; }
.student-feedback-shell textarea, .student-feedback-shell select, .student-feedback-reply { width: 100%; padding: .8rem; border: 1px solid #c7cdc5; border-radius: 9px; font: inherit; }
.student-feedback-shell button { justify-self: start; }
.student-feedback-item { padding: 1rem 0; border-top: 1px solid #dce2da; white-space: pre-wrap; overflow-wrap: anywhere; }
.student-feedback-item small { display: block; margin-bottom: .4rem; opacity: .75; }
.student-feedback-item strong { display: block; margin-top: .8rem; }
.student-feedback-proof { display: block; max-width: min(100%, 320px); max-height: 360px; object-fit: contain; margin: .7rem 0; border: 1px solid #dce2da; border-radius: 8px; }
.student-feedback-admin-item { padding: 1.2rem; margin: 1rem 0; background: #fff; border-radius: 12px; white-space: pre-wrap; overflow-wrap: anywhere; }
.student-feedback-admin-item textarea { display: block; margin: .7rem 0; }
.student-cert-badge { display: inline-flex; align-items: center; gap: .35em; max-width: 100%; padding: .16em .6em; border: 1px solid #b7d6d4; border-radius: 999px; background: #e9f4f2; color: #174b4c; font-size: .76rem; font-weight: 700; line-height: 1.5; white-space: normal; vertical-align: middle; }
.student-cert-badge::before { content: ''; display: inline-block; flex: none; width: .75em; height: .75em; background: #267b7b; clip-path: polygon(50% 0, 60% 37%, 100% 50%, 60% 63%, 50% 100%, 40% 63%, 0 50%, 40% 37%); }
.message-identity { min-width: 0; }
.student-certification-form { display: flex; flex-wrap: wrap; align-items: end; gap: .7rem; margin: 1rem 0; }
.student-certification-form label { font-weight: 700; }
.student-certification-form input, .student-certification-form select { min-width: 0; padding: .7rem; border: 1px solid #a9bdb9; border-radius: 9px; font: inherit; }
.student-certification-row { overflow-wrap: anywhere; padding: .5rem 0; border-bottom: 1px solid #dce2da; }
@media (max-width: 600px) { .student-feedback-shell { padding: 1rem; } .student-certification-form { display: grid; } }