#support-panel{--sp-bg:var(--surface,#fff);--sp-line:var(--line,#d8dfd9);--sp-muted:var(--muted,#63716c)}
.support-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0}.support-summary article{border:1px solid var(--sp-line);border-radius:18px;padding:22px;background:var(--sp-bg)}.support-summary small{display:block;color:var(--sp-muted)}.support-summary strong{display:block;font-size:30px;margin-top:10px}.support-summary article:first-child{border-color:#cc2446}.support-filter{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.support-filter label{display:grid;gap:8px;font-size:13px}.support-filter label:last-of-type{flex:1;min-width:190px}.support-filter input,.support-filter select,.support-form select,.support-form textarea{border:1px solid var(--sp-line);border-radius:12px;padding:12px;background:var(--sp-bg);color:inherit;font:inherit;max-width:100%;box-sizing:border-box}.support-filter button{align-self:end;min-height:45px}
.support-workspace{display:grid;grid-template-columns:minmax(240px,0.8fr) minmax(0,1.4fr);gap:22px;align-items:start}.support-list{display:grid;gap:10px}.support-ticket{display:grid;gap:10px;text-align:left;width:100%;background:var(--sp-bg);border:1px solid var(--sp-line);border-radius:16px;padding:18px;color:inherit;cursor:pointer;font:inherit}.support-ticket:hover,.support-ticket.selected{border-color:#dc3451;box-shadow:0 0 0 1px #dc3451}.support-ticket strong{overflow-wrap:anywhere;font-size:16px}.support-ticket small{font-size:12px;color:var(--sp-muted)}.support-ticket-top,.support-detail-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.support-pill{font-size:12px;padding:6px 10px;border-radius:20px;white-space:nowrap;background:#e8ebe8;color:#35443a}.support-new{background:#ffe6eb;color:#a71939}.support-open{background:#fff0ca;color:#805b0b}.support-closed{background:#e0f1e8;color:#1c6643}.support-detail{padding:26px;border:1px solid var(--sp-line);border-radius:20px;background:var(--sp-bg);min-width:0}.support-detail h3{font-size:24px;margin:18px 0;overflow-wrap:anywhere}.support-detail .eyebrow{margin:0}.support-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;padding:18px;border-radius:12px;background:rgba(128,128,128,.07);font-size:14px}.support-form{display:grid;gap:18px;margin-top:25px;padding-top:25px;border-top:1px solid var(--sp-line)}.support-form label{display:grid;gap:10px;font-size:13px;font-weight:600}.support-form textarea{resize:vertical;line-height:1.7;width:100%}.support-form .muted{font-size:12px;line-height:1.7;margin:0}.support-save-result{font-size:13px;margin:0}.support-form button{justify-self:end}.support-empty{padding:48px 24px;text-align:center;color:var(--sp-muted);line-height:1.8}.support-history{margin-top:25px;font-size:13px}.support-history>div{padding:16px 0;border-top:1px solid var(--sp-line);white-space:pre-wrap;overflow-wrap:anywhere}.support-history small{display:block;margin-top:8px}.support-history p{line-height:1.7}.support-notice{padding:14px 18px;border-radius:12px;background:rgba(128,128,128,.08);font-size:13px;line-height:1.7}.support-count{background:#c81038;color:white;padding:2px 7px;border-radius:20px;font-size:11px}.support-bell{display:inline-flex;gap:8px;align-items:center}.support-bell svg{width:17px;height:17px}.support-dialog{border:1px solid #51525b;border-radius:22px;padding:25px;width:min(480px,calc(100vw - 40px));max-height:80vh;overflow:auto;background:#fff;color:#202329;box-sizing:border-box}.support-dialog::backdrop{background:#0009}.support-dialog header{display:flex;align-items:center;justify-content:space-between;gap:12px}.support-dialog h2{font-size:21px;margin:0}.support-alert-item{display:grid;gap:9px;text-align:left;border:1px solid #8b8b8b55;border-radius:12px;background:transparent;color:inherit;width:100%;padding:14px;margin-bottom:10px;font:inherit;cursor:pointer}.support-alert-item small{font-size:12px;opacity:.7}.support-dialog-actions{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}.support-toast{position:fixed;right:25px;bottom:25px;z-index:60;display:flex;flex-wrap:wrap;gap:12px;width:min(380px,calc(100vw - 40px));box-sizing:border-box;border:1px solid #bb2342;border-radius:16px;padding:20px;background:#fff;color:#1c2420;box-shadow:0 10px 40px #0004}.support-toast span{width:100%;font-size:13px}.support-toast button{padding:7px 12px}.support-toast[hidden],.support-bell[hidden],.support-count[hidden]{display:none!important}
html[data-theme=dark] #support-panel{--sp-bg:#191a22;--sp-line:#353743;--sp-muted:#a6acb9}html[data-theme=dark] .support-dialog,html[data-theme=dark] .support-toast{background:#191a22;color:#eef0f3}html[data-theme=dark] .support-new{background:#4d1e2b;color:#ffb6c6}html[data-theme=dark] .support-open{background:#42351b;color:#edcf85}html[data-theme=dark] .support-closed{background:#1c3a30;color:#9dd7b9}
@media(max-width:800px){.support-workspace{grid-template-columns:1fr}.support-summary{gap:8px}.support-summary article{padding:16px}.support-detail{padding:20px}.support-toast{right:20px;bottom:20px}}