/* Panel de chat: pestañas Cerca / Equipo / Privados */
#bubpanel { width:320px; max-width:calc(100vw - 28px); }
#bubchat .ct { display:flex; gap:4px; padding:6px; background:rgba(255,255,255,.05); }
#bubchat .ct button { flex:1; border:0; border-radius:999px; background:transparent; color:#cfd3f5; padding:6px 4px; font:inherit; font-weight:700; cursor:pointer; display:flex; align-items:center; justify-content:center; gap:5px; }
#bubchat .ct button.on { background:#4b4f7a; color:#fff; }
#bubchat .ct i { display:none; min-width:16px; height:16px; border-radius:8px; background:#e5484d; color:#fff; font:700 10px system-ui; align-items:center; justify-content:center; padding:0 4px; font-style:normal; }
#bubchat .clog { max-height:250px; min-height:120px; overflow-y:auto; padding:6px 10px; display:flex; flex-direction:column; gap:5px; overscroll-behavior:contain; }
#bubchat .clog .m { line-height:1.3; word-break:break-word; } #bubchat .clog .m b { color:#ffd866; } #bubchat .clog .m.me b { color:#9be8ff; }
#bubchat .clog .m time { margin-left:6px; font-size:10px; color:#8f94b8; }
#bubchat .clog .m.sys b { color:#ffb4e0; }
#bubchat .cempty { color:#8f94b8; text-align:center; padding:18px 8px; font-size:12px; }
#bubchat .rx { display:inline-flex; gap:2px; margin-left:4px; } #bubchat .rx button { background:rgba(255,255,255,.1); border:0; border-radius:8px; font-size:11px; color:#fff; cursor:pointer; padding:0 4px; opacity:.5; } #bubchat .rx button.has { opacity:1; background:rgba(255,255,255,.22); } #bubchat .m:hover .rx button { opacity:1; }
#dmlist { max-height:290px; min-height:120px; overflow-y:auto; padding:4px 6px 6px; }
#dmlist .dmsearch { width:100%; box-sizing:border-box; margin:2px 0 6px; padding:6px 10px; border-radius:10px; border:1px solid rgba(255,255,255,.15); background:#14162a; color:#fff; font:inherit; outline:none; }
.dmrow { width:100%; display:flex; align-items:center; gap:8px; padding:6px 8px; border:0; border-radius:10px; background:transparent; color:#e9ebfa; font:inherit; text-align:left; cursor:pointer; }
.dmrow:hover { background:rgba(255,255,255,.08); }
.dmrow .dot { width:9px; height:9px; border-radius:50%; background:#5a5f85; flex:none; } .dmrow .dot.on { background:#5cff9a; box-shadow:0 0 6px #5cff9a; }
.dmrow .dn { flex:1; min-width:0; font-weight:700; } .dmrow .dn small { display:block; font-weight:500; color:#8f94b8; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.dmrow em { font-style:normal; min-width:18px; height:18px; border-radius:9px; background:#e5484d; color:#fff; font:700 11px system-ui; display:flex; align-items:center; justify-content:center; padding:0 5px; }
#dmtop { display:flex; align-items:center; gap:8px; padding:4px 8px; background:rgba(255,255,255,.04); }
#dmtop button { border:0; background:rgba(255,255,255,.1); color:#fff; border-radius:8px; width:26px; height:24px; font-size:16px; cursor:pointer; }
#bubchat #chatin:disabled { opacity:.5; }
.acts button[data-k="dm"] { background:var(--accent); color:#fff; }