/* Admin · Atendimentos — fila de suporte e conversa com o cliente.
   Sem box-shadow: elevação por borda + tonalidade (padrão do app). */

/* Título do show com badge ao lado do assunto */
.ticket-heading { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }

/* Mini card do cliente (contexto para o suporte) */
.admin-client-card { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; padding: 14px 16px; }
.admin-client-card__id { display: flex; flex-direction: column; min-width: 0; }
.admin-client-card__facts { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-left: auto; }
.admin-client-card__facts .badge svg { width: 13px; height: 13px; }

/* Thread da conversa (bolhas reutilizam .dm-bubble do application.css) */
.support-thread { display: flex; flex-direction: column; gap: 6px; }
.support-thread .dm-bubble { max-width: 72%; }
.support-thread__empty { align-self: center; padding: 12px 0; font-size: 13px; color: var(--text-2); }

.thread-day { align-self: center; font-size: 11px; font-weight: 650; color: var(--text-3); margin: 10px 0 4px; }

.msg-label { font-size: 11px; color: var(--text-3); margin-top: 8px; }
.msg-label--client { align-self: flex-start; padding-left: 4px; }
.msg-label--support { align-self: flex-end; padding-right: 4px; }