/* کنسول پشتیبانی زنده — فهرست گفت‌وگوها، متن گفت‌وگو و آمار اپراتورها. */
.support-connect { display:grid; gap:10px; }
.support-connect.linked { border-color:#2f6f63; }
/* Nobody at all joined the bot. Louder than the card it sits in, because until somebody does, every
   notice the server sends goes to an empty list and the queue only exists for whoever thinks to
   open this page. */
.support-alarm { border:1px solid #7a3a4d; border-radius:12px; background:#3a1c2833; padding:13px 15px; color:#ffc3cf; font-size:14px; line-height:2; margin:0; }
.support-alarm strong { display:block; color:#ffdbe2; }
.support-hint { margin:0; color:var(--muted); font-size:14px; line-height:2; }
.support-hint bdi { color:#75dcff; }

.support-grid { display:grid; grid-template-columns:1fr 1.35fr; gap:17px; margin-top:20px; align-items:start; }
.support-queue, .support-thread-card { margin-top:0; }
.support-queue h2, .support-thread-card h2, .support-stats h2 { margin:0 0 6px; font-size:16px; }

.support-chat-list { max-height:560px; overflow-y:auto; }
.support-chat-row { display:flex; text-decoration:none; }
.support-chat-row:hover { background:#7657ec0f; border-radius:11px; }
.support-chat-row p { margin:5px 0 0; font-size:14px; color:var(--muted); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.support-pending { display:inline-block; margin-inline-start:8px; padding:2px 8px; border-radius:9px; background:#ff5e8722; color:#ff9db4; font-size:13px; font-weight:600; }
/* یک تیکت ایمیلی باید از یک گفت‌وگوی زنده قابل تشخیص باشد: پاسخش جای دیگری می‌رود. */
.support-channel { display:inline-block; margin-inline-start:8px; padding:2px 8px; border-radius:9px; background:#40c9ff22; color:#75dcff; font-size:13px; font-weight:600; }
.support-subject { color:#cbd5f5 !important; font-weight:500; }

.support-thread-head { display:grid; gap:8px; padding-bottom:12px; border-bottom:1px solid var(--line); }
.support-thread-title { display:flex; align-items:flex-start; gap:12px; }
.support-thread-title>div { flex:1; min-width:0; }
.support-thread-title p { margin:5px 0 0; font-size:14px; color:var(--muted); }
.support-thread { max-height:420px; min-height:220px; overflow-y:auto; padding:14px 2px; display:flex; flex-direction:column; }
.support-thread-scroll { display:flex; flex-direction:column; gap:10px; }
.support-bubble { max-width:78%; padding:9px 12px; border-radius:14px; font-size:15px; line-height:1.9; }
.support-bubble p { margin:0; white-space:pre-wrap; word-break:break-word; }
.support-bubble.user { align-self:flex-start; background:linear-gradient(135deg,#7c5cffe6,#5e3cf0e6); color:#fff; border-end-start-radius:5px; }
.support-bubble.operator { align-self:flex-end; background:#221d3d; border:1px solid var(--line); border-end-end-radius:5px; }
.support-bubble.system { align-self:center; max-width:92%; text-align:center; border:1px dashed var(--line); color:var(--muted); font-size:13.5px; }
.support-bubble time { display:block; margin-top:4px; font-size:12px; opacity:.65; }
.support-bubble img { display:block; max-width:220px; margin-top:6px; border-radius:9px; }

.support-reply { display:grid; gap:8px; margin-top:12px; padding-top:12px; border-top:1px solid var(--line); }
.support-reply textarea { width:100%; background:#15122a; border:1px solid var(--line); border-radius:11px; padding:10px 12px; color:var(--ink); font:inherit; font-size:var(--field-size); resize:vertical; }
.support-reply-actions { display:flex; align-items:center; gap:10px; }
.support-attach { color:var(--muted); font-size:14px; cursor:pointer; }
.support-attach:hover { color:var(--ink); }
.support-reply .button { margin-inline-start:auto; margin-top:0; }

.support-stat-row strong { font-size:15px; }

@media (max-width:1000px) {
  .support-grid { grid-template-columns:1fr; }
  .support-chat-list { max-height:320px; }
}