/* =====================================================================
   CHAT EXPANDIDO (30/09, opção A do autor; migração 0175)
   Abas SISTEMA e ✉ com selo de não lidas, a lista de conversas, a conversa
   em balões, o menu do nome e o selo no botão 💬 CHAT. A base do painel
   continua em zodiac.css.
   ===================================================================== */
.col-chat-tabs{gap:3px}
.col-chat-tabs button{position:relative;min-width:0;padding:0 3px;letter-spacing:.4px}
.col-chat-tabs [data-chat-tab="pm"]{flex:0 0 34px;font-size:calc(12px*var(--text-scale,1))}
.col-chat-tabs .col-chat-min{flex:0 0 26px!important}
.col-chat-badge{position:absolute;top:-6px;right:1px;min-width:15px;height:15px;padding:0 4px;border-radius:8px;
  background:#c0392b;color:#fff;font-size:9px;font-weight:900;line-height:15px;letter-spacing:0;text-align:center;
  box-shadow:0 0 0 2px rgba(9,9,13,.94);pointer-events:none}
.col-chat-badge.hidden{display:none}
.col-chat-toggle{position:relative}
.col-chat-toggle .col-chat-badge{top:-7px;right:-6px;color:#fff}
.col-chat-form.hidden,#colChatItemBtn.hidden{display:none}

/* SISTEMA: só leitura, com a barra âmbar do canal. */
.col-chat-sistema{border-left:2px solid #e6a23c;padding-left:7px}
.col-chat-sistema .col-chat-msg-head b{color:#e6a23c;letter-spacing:1px}

/* ✉ a lista de conversas */
.col-chat-conversa{position:relative;display:flex;align-items:center;gap:8px;width:100%;padding:7px 8px;border-radius:5px;
  border:1px solid rgba(120,110,100,.25);background:rgba(25,20,15,.6);color:#ddd5ca;cursor:pointer;text-align:left}
.col-chat-conversa:hover,.col-chat-conversa:focus-visible{border-color:#c79a4a;background:rgba(60,45,25,.55)}
.col-chat-conversa.nova{border-color:rgba(217,138,216,.55)}
.col-chat-conversa .col-chat-rosto{flex:0 0 auto}
.col-chat-conversa-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.col-chat-conversa-txt b{color:#f0e2cc;font-size:calc(10.5px*var(--text-scale,1))}
.col-chat-conversa-txt small{color:#8f857a;font-size:calc(9px*var(--text-scale,1));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.col-chat-conversa .col-chat-badge{position:static;box-shadow:none}
.col-chat-online{display:inline-block;width:7px;height:7px;margin-left:5px;border-radius:50%;background:#3fbf5f;vertical-align:middle}
.col-chat-amigo{color:#e8cf9c}
.col-chat-bloqueados-link{margin-top:auto;align-self:center;border:0;background:none;color:#7d746a;cursor:pointer;
  font-size:calc(9px*var(--text-scale,1));padding:4px}
.col-chat-bloqueados-link:hover{color:#e07a5f}

/* ✉ a conversa */
.col-chat-pm-head{display:flex;align-items:center;gap:7px;padding:6px 8px;border-bottom:1px solid rgba(255,255,255,.07)}
.col-chat-pm-head.hidden{display:none}
.col-chat-voltar,.col-chat-pm-mais{flex:0 0 auto;border:1px solid rgba(120,110,100,.35);background:rgba(20,17,14,.6);color:#d8c39c;
  border-radius:4px;padding:3px 8px;cursor:pointer;font-size:calc(9.5px*var(--text-scale,1))}
.col-chat-pm-mais{margin-left:auto;font-size:14px;line-height:1}
.col-chat-pm-quem{display:flex;align-items:center;gap:7px;min-width:0;border:0;background:none;color:inherit;cursor:pointer;text-align:left;padding:0}
.col-chat-pm-quem span{display:flex;flex-direction:column;min-width:0}
.col-chat-pm-quem b{color:#f0e2cc;font-size:calc(10.5px*var(--text-scale,1))}
.col-chat-pm-quem small{color:#8f857a;font-size:calc(9px*var(--text-scale,1));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.col-chat-balao{position:relative;max-width:80%;padding:6px 9px;border-radius:9px;word-break:break-word}
.col-chat-balao p{margin:0;color:#ece3d6;font-size:calc(10.5px*var(--text-scale,1));line-height:1.4}
.col-chat-balao time{display:block;margin-top:2px;color:#8f857a;font-size:calc(8px*var(--text-scale,1));text-align:right}
.col-chat-balao.outro{align-self:flex-start;background:rgba(70,45,70,.55);border:1px solid rgba(217,138,216,.35)}
.col-chat-balao.eu{align-self:flex-end;background:rgba(60,45,25,.75);border:1px solid rgba(199,154,74,.45)}
.col-chat-balao .col-chat-denunciar{position:absolute;top:3px;right:-16px}

/* O menu do nome */
.col-chat-menu{position:fixed;z-index:1210;width:200px;padding:6px;border-radius:7px;border:1px solid #8a6b36;
  background:linear-gradient(#211a12,#140f0a);box-shadow:0 10px 30px rgba(0,0,0,.6)}
.col-chat-menu h6{margin:2px 4px 6px;color:#f0e2cc;font-size:calc(11px*var(--text-scale,1))}
.col-chat-menu h6 small{display:block;color:#8f857a;font-size:calc(9px*var(--text-scale,1));font-weight:400}
.col-chat-menu button{display:flex;gap:8px;width:100%;padding:7px 8px;border:0;border-radius:4px;background:none;color:#ddd5ca;
  font-size:calc(11px*var(--text-scale,1));text-align:left;cursor:pointer}
.col-chat-menu button:hover:not(:disabled),.col-chat-menu button:focus-visible{background:rgba(199,154,74,.15)}
.col-chat-menu button.principal:not(:disabled){background:rgba(217,138,216,.15);color:#f3c6f2}
.col-chat-menu button.perigo{color:#e07a5f}
.col-chat-menu button:disabled{color:#5f574f;cursor:default}

/* Celular: o painel já vira folha; a aba ✉ fica compacta. */
@media (max-width:640px){
  .col-chat-tabs button{letter-spacing:.3px}
  .col-chat-balao .col-chat-denunciar{right:-14px}
}