.support-inbox { display: grid; gap: .75rem; }
.support-message { display: grid; grid-template-columns: minmax(12rem, 1fr) 2fr auto; gap: 1rem; align-items: center; padding: 1rem 1.25rem; color: inherit; text-decoration: none; background: #fff; border: 1px solid #c8c9c4; border-radius: .75rem; }
.support-message.unread { border-left: .35rem solid #29463a; background: #fbfcf9; }
.support-message time { color: #626965; white-space: nowrap; }
.support-detail { padding: 1.5rem; background: #fff; border: 1px solid #c8c9c4; border-radius: 1rem; }
.support-detail dl { display: grid; grid-template-columns: max-content 1fr; gap: .35rem 1rem; }
.support-detail dd { margin: 0; }
.support-body { white-space: pre-wrap; overflow-wrap: anywhere; padding: 1.25rem; background: #f4f5f2; border-radius: .5rem; font: inherit; }
.support-reply { margin: 1rem 0 1rem 3rem; padding: 1rem 1.25rem; background: #e7eee9; border-radius: .75rem; }
.support-reply div { display: flex; justify-content: space-between; gap: 1rem; }
.support-reply time { color: #626965; }
.support-reply pre { white-space: pre-wrap; overflow-wrap: anywhere; margin: .75rem 0 0; font: inherit; }
.support-reply-form { margin-top: 1.5rem; padding-top: 1.25rem; border-top: 1px solid #c8c9c4; }
.support-reply-form button { margin-top: .75rem; }
.support-confirmation { padding: .75rem 1rem; color: #285a32; background: #dfeadf; border-radius: .5rem; }
.support-close-form { margin-top: 1rem; }
@media (max-width: 700px) { .support-message { grid-template-columns: 1fr; gap: .3rem; } }