/* Chat da aba Recado: lista de falas, caixa de escrever e o selo de nao lidas. */

/* ---------- chat (aba Recado do painel direito) ---------- */
#chatList{flex:1;overflow-y:auto;padding:6px 2px;display:flex;flex-direction:column;gap:12px;min-height:0}
.fala{display:flex;gap:10px}
.fala .av{width:28px;height:28px;border-radius:50%;background:var(--d500);color:var(--tx2);flex:none;display:grid;
          place-items:center;font-weight:500;font-size:12px;line-height:1;font-family:inherit}
.fala .cx{min-width:0}
.fala .quem{font-size:12.5px;font-weight:500}
.fala .hr{font-size:10.5px;color:var(--tx3);margin-left:7px}
.fala p{margin:2px 0 0;font-size:12.5px;line-height:1.45;color:var(--tx2);overflow-wrap:anywhere}
.vazio{color:var(--tx3);font-size:12.5px;margin:auto;text-align:center;text-wrap:pretty}
.chatbox{flex:none;padding-top:8px}
.chatbox .campo{background:var(--campo);border-radius:var(--r);box-shadow:0 0 0 1px var(--linha2);
                display:flex;align-items:center;gap:8px;padding:0 4px 0 10px}
.chatbox input{background:transparent;border:0;padding:9px 0;flex:1;color:var(--tx);font-size:12.5px;outline:none;box-shadow:none}
.selo{background:var(--ac8);color:var(--ac2);font-weight:600;font-size:10px;line-height:1;font-family:inherit;border-radius:99px;padding:3px 5px;min-width:15px;text-align:center;display:inline-block}

/* links no recado */
.fala p a{color:var(--ac3);text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere}
.fala p a:hover{color:var(--ac2)}