/* WhatsApp-inspired MUA Chat conversation column */
#waListHeading{display:flex;align-items:center;justify-content:space-between;padding:6px 4px 12px;border-bottom:1px solid #eef2f5;margin-bottom:10px}#waListHeading b{display:block;font-size:22px;letter-spacing:-.5px}#waListHeading small{display:block;color:#7a8997;font-size:11px;margin-top:2px}#waListHeading button{width:36px;height:36px;border-radius:11px;border:1px solid #dbe4ea;background:#fff;font-size:22px;cursor:pointer}.waChatRow{display:flex;gap:12px;align-items:center;padding:11px 9px;border-radius:16px;cursor:pointer;border:1px solid transparent;transition:.15s ease}.waChatRow:hover{background:#f7fafc}.waChatRow.on{background:linear-gradient(90deg,#fff8dd,#fffef8);border-color:#edd16a}.waAvatar{width:48px;height:48px;flex:0 0 48px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#0b3854,#071a2d);color:#fff;font-weight:900;font-size:15px;box-shadow:0 5px 14px rgba(7,26,45,.15)}.waChatBody{min-width:0;flex:1}.waChatTop,.waChatBottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.waChatTop b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.waChatTop span{font-size:10px;color:#8b9aa8;flex:0 0 auto}.waChatBottom span{font-size:12px;color:#6f8090;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.waChatBottom i{font-style:normal;min-width:20px;height:20px;border-radius:999px;padding:0 6px;display:grid;place-items:center;background:#238cff;color:#fff;font-size:10px;font-weight:900;flex:0 0 auto}#conversationList{display:flex;flex-direction:column;gap:2px;max-height:520px;overflow:auto;padding-right:2px}#conversationList::-webkit-scrollbar{width:5px}#conversationList::-webkit-scrollbar-thumb{background:#d5dde5;border-radius:99px}
#muaTopAdvert{position:fixed;top:12px;left:50%;transform:translateX(-50%);z-index:10080;width:min(680px,calc(100vw - 24px));display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:18px;color:#fff;background:linear-gradient(105deg,#061827 0%,#0c4a83 58%,#f4c84d 155%);border:1px solid rgba(244,200,77,.75);box-shadow:0 0 24px rgba(35,140,255,.42),0 0 34px rgba(244,200,77,.20),0 14px 42px rgba(3,12,20,.28);animation:muaAdSlide .3s ease-out}.muaAdIcon{width:42px;height:42px;flex:0 0 42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#238cff,#f4c84d);font-size:21px}.muaAdCopy{display:flex;flex-direction:column;min-width:0;flex:1}.muaAdCopy small{font-size:10px;letter-spacing:1.4px;font-weight:900;color:#ffe989}.muaAdCopy b{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.muaAdCopy span{font-size:11px;color:#d8e8f6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.muaAdView{border:0;border-radius:12px;padding:9px 13px;background:#f4c84d;color:#07131f;font-weight:900;cursor:pointer}.muaAdClose{border:0;background:transparent;color:white;font-size:22px;cursor:pointer;padding:4px}@keyframes muaAdSlide{from{opacity:0;transform:translate(-50%,-18px)}to{opacity:1;transform:translate(-50%,0)}}
/* Creative MUA emoji playground */
.muaEmojiBtn{font-size:20px!important;background:linear-gradient(145deg,#fff7c7,#eaf5ff)!important;border-color:#f0c943!important;box-shadow:0 0 12px rgba(35,140,255,.16)}.muaEmojiStudio{position:fixed;right:24px;bottom:86px;z-index:10120;width:min(390px,calc(100vw - 24px));max-height:min(560px,70vh);overflow:auto;padding:14px;border-radius:24px;background:radial-gradient(circle at 15% 0%,rgba(35,140,255,.24),transparent 30%),radial-gradient(circle at 95% 100%,rgba(244,200,77,.28),transparent 35%),#071827;color:#fff;border:1px solid rgba(244,200,77,.65);box-shadow:0 0 30px rgba(35,140,255,.38),0 0 48px rgba(244,200,77,.20),0 24px 60px rgba(0,0,0,.35);animation:emojiPop .18s ease-out}.emojiTop{display:flex;justify-content:space-between;align-items:center;gap:12px}.emojiTop b{font-size:18px}.emojiTop button{border:0;background:rgba(255,255,255,.10);color:#fff;width:34px;height:34px;border-radius:50%;cursor:pointer}.emojiTag{font-size:12px;color:#bcd1e2;margin:3px 0 12px}.emojiTabs{display:flex;gap:6px;overflow:auto;padding-bottom:9px}.emojiTabs button{flex:0 0 auto;border:1px solid #31516a;background:#0d2a3e;color:#dceaf5;border-radius:999px;padding:7px 10px;cursor:pointer;font-size:11px}.emojiTabs button.on{background:linear-gradient(100deg,#238cff,#f4c84d);color:#07131f;border-color:#f4c84d;font-weight:900}.emojiGrid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.emojiGrid button{aspect-ratio:1;border:1px solid rgba(255,255,255,.09);border-radius:15px;background:rgba(255,255,255,.06);font-size:27px;cursor:pointer;transition:.14s;box-shadow:inset 0 0 10px rgba(35,140,255,.04)}.emojiGrid button:hover{transform:translateY(-3px) rotate(-5deg) scale(1.08);background:linear-gradient(145deg,rgba(35,140,255,.28),rgba(244,200,77,.22));box-shadow:0 0 16px rgba(244,200,77,.25)}@keyframes emojiPop{from{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:none}}
@media(max-width:900px){#conversationList{max-height:260px}.waChatRow{padding:9px 7px}.waAvatar{width:42px;height:42px;flex-basis:42px}.muaAdCopy span{display:none}.muaEmojiStudio{left:12px;right:12px;bottom:82px;width:auto}.emojiGrid{grid-template-columns:repeat(6,1fr)}.emojiGrid button{font-size:24px}}

/* Unread alert: red robotic pulse persists until the chat is opened/read. */
@keyframes muaUnreadRobotPulse{0%,100%{box-shadow:0 0 0 1px rgba(255,35,35,.95),0 0 10px rgba(255,0,0,.50),inset 0 0 12px rgba(255,0,0,.08);filter:saturate(1)}50%{box-shadow:0 0 0 2px #ff2020,0 0 22px rgba(255,0,0,.95),0 0 34px rgba(255,40,40,.55),inset 0 0 18px rgba(255,0,0,.16);filter:saturate(1.25)}}
@keyframes muaUnreadScan{0%{background-position:0 0}100%{background-position:130px 0}}
#conversationList .row:has(.unread),#conversationList .waChatRow:has(.waChatBottom i){position:relative;border-color:#ff2b2b!important;background:linear-gradient(100deg,rgba(45,0,0,.98),rgba(102,0,8,.88),rgba(30,0,0,.98))!important;color:#fff!important;animation:muaUnreadRobotPulse 1.05s ease-in-out infinite,muaUnreadScan 1.5s linear infinite;background-size:130px 100%!important}
#conversationList .row:has(.unread)::after,#conversationList .waChatRow:has(.waChatBottom i)::after{content:'NEW';position:absolute;right:9px;top:7px;font-size:8px;letter-spacing:1.2px;font-weight:1000;color:#fff;background:#ff1f1f;border:1px solid rgba(255,255,255,.65);padding:2px 5px;border-radius:5px;box-shadow:0 0 10px rgba(255,0,0,.9)}
#conversationList .row:has(.unread) .preview,#conversationList .row:has(.unread) b,#conversationList .waChatRow:has(.waChatBottom i) .waChatTop b,#conversationList .waChatRow:has(.waChatBottom i) .waChatTop span,#conversationList .waChatRow:has(.waChatBottom i) .waChatBottom span{color:#fff!important}
#conversationList .row:has(.unread) .unread,#conversationList .waChatRow:has(.waChatBottom i) .waChatBottom i{background:#ff1b1b!important;color:#fff!important;box-shadow:0 0 12px rgba(255,0,0,.95)!important;border:1px solid rgba(255,255,255,.7)}
@media (prefers-reduced-motion:reduce){#conversationList .row:has(.unread),#conversationList .waChatRow:has(.waChatBottom i){animation:none!important;box-shadow:0 0 0 2px #ff2020,0 0 18px rgba(255,0,0,.75)!important}}