.support-head,.support-subhead{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.support-head h3,.support-subhead h3{margin:0;color:var(--ink);font-size:18px}.support-note,.support-meta{color:var(--muted);font-size:12px;line-height:1.65;margin:8px 0}.support-privacy,.support-warning{padding:10px 12px;margin:16px 0;border:1px solid #f0ddd1;background:#fff8f2;color:#956b55;border-radius:7px;font-size:12px;line-height:1.6}.support-list{display:grid;gap:8px}.support-ticket{display:flex;align-items:center;gap:12px;width:100%;padding:14px 12px;border:1px solid var(--line);border-radius:7px;background:#fff;text-align:left}.support-ticket:hover{border-color:#9ac9b3;background:var(--soft)}.support-ticket-main{display:grid;gap:5px;flex:1;min-width:0}.support-ticket-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.support-ticket-main small{color:var(--muted);font-size:11px}.support-status{flex:0 0 auto;font-size:11px;padding:4px 7px;border-radius:999px;background:#edf2f0;color:#61736a}.status-open{background:#fff0dc;color:#a36b32}.status-pending{background:#e8f2ff;color:#4e75a3}.status-resolved{background:#e3f5eb;color:#2c8360}.status-closed{background:#edf0f0;color:#6d7773}.support-empty{text-align:center;color:var(--muted);font-size:13px;padding:24px 8px}.support-subhead{align-items:center;flex-wrap:wrap}.support-subhead .text-btn{padding:0;color:var(--mint-deep);font-size:12px}.support-subhead h3{flex:1;min-width:150px}.support-messages{display:grid;gap:10px;max-height:320px;overflow:auto;padding:6px 0 14px}.support-message{max-width:88%;padding:10px 12px;border-radius:8px;background:#f3f6f3}.support-message.from-user{justify-self:end;background:#e2f5eb}.support-message-meta{font-size:11px;color:var(--muted);margin-bottom:5px}.support-message p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.6}.support-reply{display:grid;gap:8px;margin-top:8px}.support-reply-label{font-size:12px;color:var(--muted)}.support-reply textarea{width:100%;resize:vertical;min-height:80px}.quick-actions{display:grid;gap:2px}.quick-actions .settings-row{border-bottom:1px solid var(--line)}.profile-avatar-button{position:relative;display:block;padding:0;border:0;background:transparent;border-radius:50%;cursor:pointer}.profile-avatar-button:focus-visible{outline:3px solid rgba(33,92,73,.28);outline-offset:4px}.profile-avatar-edit{position:absolute;right:-2px;bottom:-2px;width:24px;height:24px;border-radius:50%;background:var(--mint);color:#143a2c;display:grid;place-items:center;border:2px solid #fff}.profile-avatar-edit .icon{width:13px;height:13px}.profile-name-button{padding:0;border:0;background:transparent;text-align:left}.profile-name-button .detail-name{display:block}.profile-identity{min-width:0;flex:1}.profile-qr-button{margin:0;color:var(--mint-deep);background:var(--mint-pale)}.about-brand{text-align:center;padding:8px 0 16px}.about-brand .login-brand-mark{margin:0 auto 10px}.about-brand h3{margin:0 0 5px}.about-brand p{margin:4px 0;color:var(--muted);font-size:12px}
@media (max-width:700px){.support-head{display:grid}.support-head .confirm{justify-self:start}.support-ticket{padding:13px 9px}.support-subhead{gap:8px}.support-subhead h3{order:3;flex-basis:100%;}.support-status{margin-left:auto}.support-message{max-width:94%}}