/* CSS riêng của chat.js: danh sách chat, tìm kiếm, danh bạ, chat 1-1, tài khoản chính thức, quà, vị trí */
.chathd{background:var(--white);gap:4px}
.chathd .t{text-align:left;padding-left:6px}
.csearch{display:flex;align-items:center;gap:8px;margin:2px 12px 8px;height:38px;padding:0 12px;border-radius:19px;background:#F4F3F8;color:var(--mute)}
.csearch input{flex:1;min-width:0;border:0;background:none;outline:none;font-size:13.5px;color:var(--ink)}
:root[data-theme="dark"] .csearch{background:#2C2550}
mark{background:var(--gold-soft);color:inherit;border-radius:3px}
.crow.pinr{background:linear-gradient(90deg,var(--pri-soft),var(--white) 70%)}
.crow .avw .av,.crow .avw .avf{display:block}
.fdia{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#7FD6FF,#2BB6E3);color:#fff;display:grid;place-items:center;flex:none}
.rtag{font-size:10px;font-weight:700;padding:1px 6px;border-radius:7px;background:var(--pink-soft);color:var(--pink)}
.rtag.o{background:#F2F1F7;color:var(--mute)}
.cstar{color:#CFCBDD}
.cstar.on{color:var(--gold)}
.nbar{display:flex;align-items:center;gap:10px;margin:0 12px 8px;padding:10px 12px;border-radius:14px;background:var(--pri-soft);color:var(--pri);flex:none}
.nbar span{flex:1;min-width:0;display:flex;flex-direction:column}
.nbar b{font-size:13px;color:var(--ink)}
.nbar small{font-size:11.5px;color:var(--mute)}
.nbar button.on{height:28px;padding:0 12px;border-radius:14px;background:var(--pri);color:#fff;font-weight:700;font-size:12px}
.chat-hd+.nbar{margin-top:8px}
.hav{line-height:0;border-radius:50%}
.m.sys .lnk{font-size:11.5px}
.emptyc.pcardm{align-self:center;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;width:88%;margin:10px auto;padding:18px;border-radius:20px;background:var(--bg)}
.emptyc.pcardm b{display:flex;align-items:center;gap:6px}
.emptyc.pcardm p{margin:0;font-size:13px;color:var(--mute)}
.emptyc.pcardm small{font-size:11.5px;color:var(--mute);line-height:1.5}
.emptyc .tags{justify-content:center;margin:0}
.offc{align-self:flex-start;max-width:86%;background:var(--white);border:1px solid var(--line);border-radius:16px;padding:12px 14px;display:flex;flex-direction:column;gap:6px;box-shadow:0 2px 10px rgba(40,20,90,.06)}
.offc b{font-size:14px}
.offc p{margin:0;font-size:13px;line-height:1.5;color:#55506A}
.offc img{width:100%;border-radius:10px;display:block}
.offc small{font-size:10.5px;color:var(--mute)}
.offa{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:8px;color:var(--pri);font-weight:700;font-size:13px}
:root[data-theme="dark"] .offc p{color:var(--dtext)}
.m.giftm{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#FFF4D6,#FFE0EC);color:#5A3A00;border-radius:16px}
.m.giftm span:last-child{display:flex;flex-direction:column;gap:2px}
.m.giftm b{font-size:13px}
.m.giftm small{font-size:11px;display:flex;align-items:center;gap:3px;opacity:.8}
.m.locm{display:flex;align-items:center;gap:10px;background:var(--white);color:var(--ink);border:1px solid var(--line);border-radius:16px}
.m.locm .lp{width:38px;height:38px;border-radius:12px;background:var(--green-soft);color:var(--green);display:grid;place-items:center;flex:none}
.m.locm span:last-child{display:flex;flex-direction:column}
.m.locm small{font-size:11px;color:var(--mute)}
/* Bong bóng chat theo vật phẩm đang đeo */
.m.bb-pink{background:linear-gradient(135deg,#FF9EC4,#FF4F8B);color:#fff}
.m.bb-mint{background:linear-gradient(135deg,#8EE6C4,#36BD8C);color:#fff}
.m.bb-galaxy{background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.35) 1px,transparent 2px) 0 0/12px 12px,linear-gradient(135deg,#3A1C71,#8A3FFC 60%,#FF8FC1);color:#fff}
.m.bb-gold{background:linear-gradient(135deg,#FFE9A3,#E5A520);color:#4A2F00}
.hotg{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}
.hotg button{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 2px;border-radius:12px;border:1.5px solid transparent;font-size:11px}
.hotg button.on{border-color:var(--pri);background:var(--pri-soft)}
.hotg small{color:var(--mute);display:flex;align-items:center;gap:2px;font-size:10.5px}
.gto b{font-size:13px}
.gtabs.lt{color:var(--mute)}
.gtabs.lt button.on{color:var(--ink)}
.gt.lt small{color:var(--mute)}
.gt.lt.on{border-color:var(--pri);background:var(--pri-soft)}
.bal.lt{color:var(--pri)}
.rvid{gap:14px}
.rvscr{width:100%;aspect-ratio:16/10;border-radius:16px;background:linear-gradient(135deg,#2A2160,#8A5CFA);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}
.rvscr b{font-size:28px;font-variant-numeric:tabular-nums}
.rvscr small{opacity:.8;font-size:11.5px}
.rvbar{width:100%;height:6px;border-radius:3px;background:var(--line);overflow:hidden}
.rvbar i{display:block;height:100%;width:0;background:var(--pri);transition:width 1s linear}
.tabs3{margin:0 12px 8px;flex:none}
.chat-hd .who small{color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.chat-hd .who small .dot{vertical-align:middle}
.quick{scrollbar-width:none}
.quick::-webkit-scrollbar{display:none}