.nav-badge{margin-left:auto;min-width:1.45rem;height:1.45rem;padding:0 .4rem;border-radius:999px;display:inline-grid;place-items:center;background:#ed4f78;color:#fff;font-size:.72rem;font-weight:800}
.support-workspace{display:grid;grid-template-columns:minmax(18rem,.75fr) minmax(24rem,1.25fr);gap:1rem;min-height:34rem}
.support-thread-list,.support-conversation{min-width:0}
.support-thread-list>.panel-heading{align-items:end}
.support-thread-list>.panel-heading label{max-width:11rem}
.support-thread-button{width:100%;display:grid;grid-template-columns:1fr auto;gap:.35rem .75rem;text-align:left;padding:1rem;border:1px solid rgba(129,161,196,.22);border-radius:.8rem;background:rgba(5,18,31,.55);color:inherit;margin:.55rem 0;cursor:pointer}
.support-thread-button:hover,.support-thread-button.active{border-color:#38d6c6;background:rgba(56,214,198,.09)}
.support-thread-button strong,.support-thread-button small{overflow-wrap:anywhere}.support-thread-button small{color:#91a7bc}.support-thread-button time{font-size:.74rem;color:#91a7bc}.support-thread-meta{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:.4rem}
.support-pill{padding:.23rem .5rem;border-radius:999px;background:rgba(145,92,245,.18);color:#d9c4ff;font-size:.71rem;text-transform:capitalize}.support-pill.urgent,.support-pill.high{background:rgba(237,79,120,.17);color:#ff9db6}.support-pill.waiting_support{background:rgba(255,184,77,.16);color:#ffd38a}.support-pill.waiting_customer{background:rgba(56,214,198,.14);color:#8df3e9}
.support-conversation-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;border-bottom:1px solid rgba(129,161,196,.2);padding-bottom:1rem}.support-conversation-head h2{margin:.15rem 0}.support-context{display:flex;flex-wrap:wrap;gap:.45rem;margin:.7rem 0;color:#91a7bc;font-size:.82rem}
.support-messages{display:flex;flex-direction:column;gap:.7rem;max-height:24rem;overflow:auto;padding:1rem .15rem}.support-message{align-self:flex-start;max-width:82%;padding:.8rem 1rem;border-radius:.9rem;background:rgba(145,92,245,.16);border:1px solid rgba(145,92,245,.26)}.support-message.support{align-self:flex-end;background:rgba(56,214,198,.12);border-color:rgba(56,214,198,.3)}.support-message p{white-space:pre-wrap;margin:0 0 .45rem}.support-message small{color:#91a7bc}
.support-reply{display:grid;gap:.65rem;margin-top:1rem}.support-reply textarea,.support-new-form textarea{resize:vertical}.support-reply-actions,.support-form-actions{display:flex;justify-content:flex-end;gap:.65rem;align-items:center}.support-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.support-form-grid .wide{grid-column:1/-1}.support-new-form{margin-bottom:1rem}
@media(max-width:900px){.support-workspace{grid-template-columns:1fr}.support-form-grid{grid-template-columns:1fr}.support-form-grid .wide{grid-column:auto}.support-conversation{min-height:26rem}}
