:root{--teal:#13524a;--teal-2:#1c6b60;--gold:#c9a24b;--ink:#1a2421;--bg:#f4f1ea;--muted:#5c6b66;--line:#e3ded2}.support{color:var(--ink);background:var(--bg);max-width:1080px;min-height:100vh;margin:0 auto;padding:28px 24px 60px;font-family:Heebo,system-ui,-apple-system,Segoe UI,Arial,sans-serif}.sup-head{align-items:center;gap:16px;margin-bottom:22px;display:flex}.sup-head h1{color:var(--teal);flex:1;margin:0;font-size:26px}.sup-back{color:var(--teal-2);font-size:14px;text-decoration:none}.sup-back:hover{text-decoration:underline}.sup-grid{grid-template-columns:1fr 1fr;align-items:start;gap:22px;display:grid}@media (max-width:820px){.sup-grid{grid-template-columns:1fr}}.sup-card{border:1px solid var(--line);background:#fff;border-radius:16px;padding:22px;box-shadow:0 8px 24px #13524a0d}.sup-card h2{color:var(--teal);margin:0 0 16px;font-size:19px}.sup-form{flex-direction:column;display:flex}.sup-label{color:var(--ink);margin:12px 0 6px;font-size:13.5px;font-weight:600}.sup-label .req{color:#c0392b}.sup-input{border:1px solid var(--line);width:100%;color:var(--ink);box-sizing:border-box;background:#fdfcfa;border-radius:10px;padding:11px 12px;font-family:inherit;font-size:15px}.sup-input:focus{border-color:var(--teal-2);outline:none;box-shadow:0 0 0 3px #1c6b601f}.sup-textarea{resize:vertical;min-height:120px;line-height:1.6}.sup-btn{background:var(--teal);color:#fff;cursor:pointer;text-align:center;border:0;border-radius:10px;margin-top:18px;padding:12px 22px;font-family:inherit;font-size:15px;font-weight:700;text-decoration:none;display:inline-block}.sup-btn:hover{background:var(--teal-2)}.sup-btn:disabled{opacity:.55;cursor:default}.sup-attach{border:1px solid var(--line);color:var(--teal);cursor:pointer;background:#fff;border-radius:10px;align-self:flex-start;margin-top:10px;padding:8px 14px;font-family:inherit;font-size:13.5px}.sup-attach:hover{border-color:var(--teal-2);background:#f7f5ef}.sup-rich{border:1px solid var(--line);background:#fdfcfa;border-radius:10px;margin-top:6px}.sup-rich:focus-within{border-color:var(--teal-2);box-shadow:0 0 0 3px #1c6b601f}.sup-rich .ProseMirror{min-height:120px;color:var(--ink);outline:none;padding:11px 12px;font-size:15px;line-height:1.7}.sup-rich .ProseMirror p{margin:0 0 6px}.sup-rich .ProseMirror p.is-editor-empty:first-of-type:before{content:attr(data-placeholder);color:#9aa3a0;float:right;pointer-events:none;height:0}.sup-rich .rc-toolbar{border-bottom:1px solid var(--line)}.sup-rich .rc-toolbar button:hover,.sup-rich .rc-toolbar label:hover{background:#0000000d!important}.sup-rich .ProseMirror ul,.sup-rich .ProseMirror ol,.msg-html ul,.msg-html ol{margin:6px 0;padding-inline-start:22px}.sup-rich .ProseMirror mark,.msg-html mark{border-radius:3px;padding:0 2px}.msg-html img{border-radius:6px;max-width:100%}.msg-html p{margin:0 0 6px}.msg-html a{color:var(--teal-2)}.sup-signin{text-align:center;max-width:460px;margin:60px auto}.sup-signin h1{color:var(--teal)}.sup-muted{color:var(--muted);margin:10px 0 20px}.sup-empty{color:var(--muted);text-align:center;border:1px dashed var(--line);background:#faf8f2;border-radius:12px;padding:28px}.sup-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.sup-item{border:1px solid var(--line);color:var(--ink);background:#fdfcfa;border-radius:12px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;display:grid}.sup-item:hover{border-color:var(--teal-2);background:#fff}.sup-num{color:var(--muted);font-size:12.5px;font-weight:700}.sup-subj{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.sup-date{color:var(--muted);font-size:12.5px}.sup-status{white-space:nowrap;border-radius:999px;padding:3px 11px;font-size:12px;font-weight:700}.st-open{color:#2563eb;background:#3b82f61f}.st-prog{color:#b45309;background:#f59e0b24}.st-wait{color:#4b5563;background:#9ca3af29}.st-done{color:#059669;background:#10b98124}.st-closed{color:#6b7280;background:#9ca3af29}.sup-thread{flex-direction:column;gap:12px;margin:18px 0;display:flex}.sup-msg{border:1px solid var(--line);background:#fff;border-radius:14px;max-width:82%;padding:12px 14px}.sup-msg.me{background:#eef4f3;border-color:#d5e5e1;align-self:flex-start}.sup-msg.them{background:#fbf6e9;border-color:#ecdcae;align-self:flex-end}.sup-msg .who{color:var(--teal);margin-bottom:5px;font-size:12.5px;font-weight:700}.sup-msg.them .who{color:var(--gold)}.sup-msg .txt{white-space:pre-wrap;font-size:15px;line-height:1.7}.sup-msg .when{color:var(--muted);margin-top:6px;font-size:11.5px}.sup-note{text-align:center;color:var(--muted);font-size:13px}.sup-replybox{flex-direction:column;gap:10px;display:flex}