.support-chat, .support-inbox { width: min(100%, 780px); margin: 16px auto; padding: 28px; border: 1px solid var(--lv-line); border-radius: 28px; background: var(--lv-surface); }
.support-chat-head, .support-inbox-head { display: flex; align-items: center; gap: 14px; }
.support-chat-head > div, .support-inbox-head > div { flex: 1; min-width: 0; }
.support-avatar { display: grid; place-items: center; flex: 0 0 48px; width: 48px; height: 48px; border-radius: 17px; color: var(--lv-brand-ink); background: var(--lv-brand-soft); font-size: 1.2rem; }
.support-eyebrow { color: var(--lv-brand-ink); font-size: .75rem; font-weight: 700; }
.support-chat h1, .support-inbox h1 { margin: 3px 0; font-size: clamp(1.2rem, 3vw, 1.6rem); overflow-wrap: anywhere; }
.support-intro { margin: 20px 0; color: var(--lv-muted); font-size: .8125rem; line-height: 1.8; }
.support-back, .support-inbox-head > a, .support-contact, .support-pagination a { color: var(--lv-brand-ink); font-size: .8125rem; text-underline-offset: 3px; }
.support-messages { display: flex; flex-direction: column; gap: 12px; max-height: min(52svh, 560px); overflow-y: auto; list-style: none; padding: 4px; margin: 0 0 22px; overscroll-behavior: contain; }
.support-message { align-self: flex-start; max-width: 86%; padding: 13px 16px; border: 1px solid var(--lv-line); border-radius: 19px 19px 19px 5px; background: var(--lv-surface-2); }
.support-message.is-own { align-self: flex-end; border-color: var(--lv-brand-line); border-radius: 19px 19px 5px 19px; background: var(--lv-brand-soft); }
.support-message strong { display: block; color: var(--lv-brand-ink); font-size: .6875rem; margin-bottom: 5px; }
.support-message p { margin: 0; font-size: .875rem; line-height: 1.65; white-space: pre-wrap; overflow-wrap: anywhere; }
.support-message time, .support-thread-copy time { display: block; margin-top: 6px; color: var(--lv-muted); font-size: .625rem; }
.support-empty { margin: 28px 0; color: var(--lv-muted); font-size: .875rem; line-height: 1.8; }
.support-compose { border-top: 1px solid var(--lv-line); padding-top: 18px; }
.support-compose label { display: block; margin: 0 0 8px; font-size: .8125rem; font-weight: 650; }
.support-compose textarea { resize: vertical; }
.support-captcha { margin: 14px 0; min-height: 65px; }
.support-compose-actions { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-top: 12px; }
.support-compose-actions small { color: var(--lv-muted); font-size: .6875rem; }
.support-compose-actions .btn { min-width: 112px; }
.support-feedback { margin: 14px 0; padding: 13px 16px; color: var(--lv-ink); background: var(--lv-brand-soft); border: 1px solid var(--lv-brand-line); border-radius: 14px; font-size: .8125rem; line-height: 1.7; }
.support-contact { display: inline-block; margin-top: 22px; }
.support-threads { list-style: none; margin: 0; padding: 0; }
.support-threads li + li { border-top: 1px solid var(--lv-line); }
.support-threads a { display: flex; align-items: center; gap: 12px; padding: 16px 0; color: var(--lv-ink); text-decoration: none; }
.support-threads a:hover strong { color: var(--lv-brand-ink); }
.support-thread-copy { display: grid; flex: 1; min-width: 0; gap: 4px; }
.support-thread-copy strong { font-size: .875rem; overflow-wrap: anywhere; }
.support-thread-copy > span { color: var(--lv-muted); font-size: .75rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.support-unread { min-width: 24px; padding: 3px 7px; border-radius: 999px; background: var(--lv-brand); color: #fff; text-align: center; font-size: .6875rem; }
.support-pagination { display: flex; justify-content: space-between; gap: 16px; margin-top: 24px; }
@media (max-width: 575.98px) {
    .support-chat, .support-inbox { margin: 8px auto; padding: 20px 16px; border-radius: 22px; }
    .support-chat-head { flex-wrap: wrap; }
    .support-back { margin-left: 62px; }
    .support-message { max-width: 94%; }
    .support-compose-actions { align-items: flex-start; }
}