.support-area { margin-bottom: 2rem; }
.support-area > p { max-width: 78ch; line-height: 1.6; }
.support-safety { border-left: 3px solid var(--grape-lit); padding: .6rem 1rem; color: var(--bone); background: var(--panel); }
.support-status:not(:empty) { padding: 1rem; border: 1px solid var(--grape-lit); background: var(--panel); }
.support-status[data-error="true"] { border-color: #dd9098; color: #ffd8db; }
.support-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin: 1rem 0; }
.support-workspace { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr); gap: 1rem; align-items: start; }
.support-area [hidden] { display: none !important; }
.support-ticket-list { list-style: none; padding: 0; margin: 1rem 0; max-height: 30rem; overflow: auto; }
.support-ticket-list li { border-bottom: 1px solid var(--line); }
.support-ticket { display: block; width: 100%; padding: .9rem .5rem; border: 0; background: transparent; color: var(--bone); text-align: left; font: 1rem var(--font-body); cursor: pointer; }
.support-ticket:hover, .support-ticket[aria-current="true"] { background: var(--pitch); }
.support-ticket strong { display: block; overflow-wrap: anywhere; margin-bottom: .35rem; }
.support-ticket small, .support-meta { display: block; color: var(--ash); font: .9rem var(--font-body); }
.support-new, .support-contact { margin-top: 1rem; }
.support-area summary { font: 600 1.1rem var(--font-ui); cursor: pointer; padding: .8rem 0; color: var(--lilac); }
.support-form { display: grid; gap: .6rem; margin: 1rem 0; }
.support-form label { color: var(--bone); font: 500 .95rem var(--font-ui); margin-top: .5rem; }
.support-form input, .support-form textarea, .support-form select { box-sizing: border-box; width: 100%; min-height: 3rem; padding: .7rem .8rem; border: 1px solid var(--line); border-radius: var(--r); background: var(--pitch); color: var(--bone); font: 1rem var(--font-body); }
.support-form textarea { resize: vertical; }
.support-form .btn { justify-self: start; margin-top: .6rem; }
.support-form p { margin: .25rem 0; line-height: 1.5; }
.support-area :is(button,input,select,textarea,summary):focus-visible { outline: 2px solid var(--grape-lit); outline-offset: 3px; }
.support-area :disabled { opacity: .6; cursor: wait; }
.support-conversation { min-height: 14rem; overflow-wrap: anywhere; }
.support-conversation h3 { font: 600 1.4rem var(--font-ui); margin: 0 0 .8rem; }
.support-messages { list-style: none; margin: 1.5rem 0; padding: 0; }
.support-message { padding: 1rem 0; border-top: 1px solid var(--line); }
.support-message[data-author="staff"] { border-left: 3px solid var(--grape-lit); padding-left: 1rem; }
.support-message p { white-space: pre-wrap; line-height: 1.6; margin: .6rem 0; }
.support-contact { max-width: 48rem; }
@media (max-width: 800px) { .support-workspace { grid-template-columns: 1fr; } .support-toolbar { align-items: start; flex-direction: column; } }