.support-layout{display:grid;grid-template-columns:300px 1fr;gap:14px;margin-top:18px;min-height:560px}.support-list{overflow:auto;border-right:1px solid var(--line);padding-right:12px}.support-item{width:100%;margin-bottom:8px;padding:14px;background:#f5f5f0;border:1px solid transparent;border-radius:13px;text-align:left;cursor:pointer}.support-item.active{border-color:#d8c000;background:#fffdea}.support-item b,.support-item span{display:block}.support-item span{margin-top:5px;color:#888;font-size:11px}.support-thread{display:flex;min-width:0;flex-direction:column}.support-context{padding:13px;background:#f5f5f0;border-radius:12px;font-size:12px}.support-messages{display:flex;overflow:auto;flex:1;flex-direction:column;gap:9px;max-height:410px;padding:16px 4px}.support-bubble{align-self:flex-start;max-width:75%;padding:11px 13px;background:#efefe9;border-radius:13px}.support-bubble.buyer{align-self:flex-end;background:#fff2a0}.support-bubble.system{align-self:center;color:#777}.support-bubble img{max-width:240px;border-radius:10px}.support-bubble small{display:block;margin-top:5px;color:#999}.support-compose{display:flex;gap:8px}.support-compose textarea{flex:1;min-height:72px;padding:12px;border:1px solid var(--line);border-radius:12px;resize:vertical}.support-compose button,.support-actions button{padding:10px 14px;border:0;border-radius:10px;background:var(--yellow);cursor:pointer}.support-actions{display:flex;gap:8px;margin-top:8px}.support-actions .danger{color:#fff;background:var(--red)}@media(max-width:800px){.support-layout{grid-template-columns:1fr}.support-list{max-height:220px;border-right:0;border-bottom:1px solid var(--line);padding-right:0;padding-bottom:10px}.support-messages{max-height:360px}}