.support-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:#2563eb;color:#fff;font-size:11px;font-weight:700;margin-left:6px}.support-badge[hidden]{display:none}
.support-shell{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;color:var(--text,#e2e8f0);font-size:14px}.support-shell.support-admin{grid-template-columns:300px minmax(0,1fr)}
.support-chat,.support-inbox{background:var(--card,#1e293b);border:1px solid var(--border,#334155);border-radius:14px;overflow:hidden;min-width:0}.support-chat{display:flex;flex-direction:column;min-height:560px;height:min(720px,78vh)}
.support-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid var(--border,#334155)}.support-heading{font-size:16px;font-weight:650;margin:0}.support-subtitle{font-size:12px;color:var(--muted,#94a3b8);margin-top:4px;overflow-wrap:anywhere}.support-pill{font-size:11px;color:#93c5fd;background:#1e3a5f;border-radius:12px;padding:4px 9px;display:inline-block}
.support-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:14px;background:rgba(2,6,23,.18);scrollbar-width:thin}.support-empty{margin:auto;text-align:center;color:var(--muted,#94a3b8);padding:28px;max-width:410px;line-height:1.7}.support-empty-icon{font-size:32px;color:#60a5fa;margin-bottom:12px}
.support-bubble{align-self:flex-start;max-width:84%;padding:12px 15px;border:1px solid var(--border,#334155);border-radius:14px 14px 14px 3px;background:var(--card,#1e293b)}.support-bubble.mine{align-self:flex-end;background:#1d3d68;border-color:#315a8e;border-radius:14px 14px 3px 14px}.support-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55}.support-meta{display:flex;justify-content:flex-end;gap:8px;color:#a5b4ca;font-size:10px;margin-top:7px}
.support-compose{padding:15px 18px;border-top:1px solid var(--border,#334155)}.support-compose textarea{display:block;width:100%;resize:vertical;min-height:76px;max-height:200px;background:#0f172a;color:#e2e8f0;border:1px solid var(--border,#334155);border-radius:9px;padding:11px;font:inherit;outline:none}.support-compose textarea:focus{border-color:#3b82f6}.support-compose textarea:disabled{opacity:.45}.support-compose-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px}.support-hint{color:var(--muted,#94a3b8);font-size:11px}.support-button{border:1px solid var(--border,#334155);border-radius:8px;padding:8px 13px;background:transparent;color:var(--text,#e2e8f0);cursor:pointer;font:inherit;font-size:12px}.support-button.primary{background:#2563eb;border-color:#2563eb;color:white;font-weight:600}.support-button:hover{filter:brightness(1.15)}.support-button:disabled{opacity:.45;cursor:default}.support-button.older{align-self:center}.support-error{color:#fca5a5;font-size:12px;min-height:0;white-space:pre-wrap;margin-top:8px}.support-error:empty{display:none}
.support-inbox{display:flex;flex-direction:column;max-height:720px}.support-inbox-tools{padding:16px;border-bottom:1px solid var(--border,#334155)}.support-inbox-tools input,.support-inbox-tools select{width:100%;background:#0f172a;border:1px solid var(--border,#334155);border-radius:7px;padding:8px 10px;color:#e2e8f0;font:inherit;font-size:12px;margin-top:10px}.support-thread-list{overflow:auto;flex:1;min-height:180px}.support-thread{display:block;width:100%;border:0;border-bottom:1px solid var(--border,#334155);padding:15px 16px;text-align:left;background:transparent;color:var(--text,#e2e8f0);cursor:pointer}.support-thread:hover,.support-thread.selected{background:rgba(37,99,235,.15)}.support-thread.selected{box-shadow:inset 3px 0 #3b82f6}.support-thread-title{display:flex;justify-content:space-between;gap:8px;font-weight:600}.support-thread-preview{color:var(--muted,#94a3b8);margin-top:7px;font-size:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.support-thread-time{font-size:10px;color:var(--muted,#94a3b8);margin-top:7px}.support-inbox-pages{display:flex;justify-content:space-between;gap:6px;padding:10px}.support-notice{padding:0 16px 12px;font-size:11px;color:var(--muted,#94a3b8)}
@media(max-width:950px){.support-shell.support-admin{grid-template-columns:240px minmax(0,1fr)}}@media(max-width:650px){.support-shell.support-admin{grid-template-columns:minmax(0,1fr)}.support-inbox{max-height:380px}.support-thread-list{min-height:70px}.support-chat{height:65vh;min-height:480px}.support-header,.support-messages{padding:14px}.support-bubble{max-width:94%}.support-compose-footer{align-items:flex-end}.support-hint{max-width:65%}}