.support-heading{max-width:860px;margin-bottom:24px}.support-heading h2{font-size:clamp(27px,3.4vw,42px);line-height:1.15;letter-spacing:-.035em;margin:12px 0}.support-heading p{color:#61728e;line-height:1.7}.support-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}.support-metrics>div{padding:20px;border:1px solid #dbe5f5;border-radius:14px;background:#f5f8ff;display:grid;gap:8px}.support-metrics strong{font-size:28px;color:#193b75}.support-metrics span{font-size:12px;color:#61728e}.support-layout{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:22px;align-items:start}.support-sidebar,.support-detail{min-width:0}.support-filters{display:grid;gap:12px;padding:18px;background:white;border:1px solid #dbe5f5;border-radius:14px}.support-filters label,.support-create label,.support-status-editor label{display:block;font-size:12px;font-weight:600;margin-bottom:7px}.support-filters select,.support-create input,.support-create select,.support-create textarea,.support-status-editor select{width:100%;box-sizing:border-box;margin:0}.support-list{display:grid;gap:12px}.support-ticket{display:grid!important;gap:9px;text-align:left!important;width:100%;background:#fff;color:#273e60;border:1px solid #dbe5f5;border-radius:14px;padding:18px;cursor:pointer;overflow-wrap:anywhere;font-family:inherit}.support-ticket.selected{border-color:#2563eb;box-shadow:0 0 0 2px #dce9ff}.support-ticket strong{font-size:15px;line-height:1.5}.support-ticket small{font-size:11px;color:#64748b}.support-topic{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#3970bd}.support-state{display:inline-block;width:fit-content;font-size:11px;padding:6px 9px;border-radius:7px;background:#edf3ff;color:#285ba5}.support-unread{font-size:11px;color:#1d4ed8;font-weight:700}.support-detail{padding:26px;background:#fff;border:1px solid #dbe5f5;border-radius:16px;scroll-margin-top:100px}.support-detail h3{font-size:22px;line-height:1.35;overflow-wrap:anywhere}.support-detail .project-thread{margin-top:22px}.support-create{margin-top:26px;padding:26px;background:#fff;border:1px solid #dbe5f5;border-radius:16px;display:grid;gap:13px;max-width:850px}.support-create h3{font-size:24px;margin:4px 0}.support-create textarea{min-height:130px}.support-create button{width:fit-content}.support-status{font-size:12px;line-height:1.6;overflow-wrap:anywhere}.support-status-editor{padding:16px;margin:18px 0;border:1px solid #dbe5f5;border-radius:12px;display:flex;gap:10px;flex-wrap:wrap;align-items:end}.support-status-editor>div{flex:1 1 200px}.support-status-editor p{flex-basis:100%;margin:0;font-size:12px}.support-empty{padding:20px;color:#64748b}.support-detail .thread-message p{white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:1000px){.support-layout{grid-template-columns:1fr}.support-detail{scroll-margin-top:90px}}@media(max-width:600px){.support-metrics{gap:8px}.support-metrics>div{padding:13px}.support-metrics strong{font-size:23px}.support-metrics span{font-size:10px}.support-detail,.support-create{padding:18px}.support-create button{width:100%}.support-status-editor button{width:100%}}

.support-heading>.btn{margin-top:10px}.support-detail .project-thread{background:#f7f9ff;border-color:#dbe5f5;color:#273e60}.support-detail .thread-message{background:#fff;border-color:#dbe5f5}.support-detail .thread-unread{border-left-color:#5484da}.support-detail .thread-unread-label{background:#e7efff;color:#2155a3}.support-detail .thread-note,.support-detail .thread-status,.support-detail .thread-meta{color:#647b9c}.support-detail .thread-meta strong{color:#1f3d6e}.support-detail textarea:focus,.support-create input:focus,.support-create textarea:focus,.support-create select:focus{border-color:#2563eb;outline:2px solid #8fb3ff;outline-offset:1px}