/* Ficha de emoji / pegatina personalizados (assetInfo.js) */
.msg-text .d-emoji[src*="/files/"], .msg-sticker[data-sticker-name] { cursor: pointer; }
.msg-text .d-emoji[src*="/files/"] { pointer-events: auto; }
.msg-sticker[data-sticker-name] img { pointer-events: none; }

#assetInfo .ai-card { background: #2a2a33; border: 1px solid #3b3b46; border-radius: 12px; color: #fff; overflow: hidden; font-family: 'Inter', sans-serif; }
#assetInfo .ai-top { display: flex; gap: 14px; padding: 16px 18px; align-items: flex-start; }
#assetInfo .ai-img { flex: none; width: 64px; height: 64px; display: grid; place-items: center; }
#assetInfo .ai-img img { max-width: 100%; max-height: 100%; object-fit: contain; }
#assetInfo .ai-txt { min-width: 0; }
#assetInfo .ai-name { font-weight: 700; font-size: 1.12rem; line-height: 1.25; overflow-wrap: anywhere; }
#assetInfo .ai-desc { margin-top: 4px; font-size: .96rem; line-height: 1.4; color: #dcdde2; }
#assetInfo .ai-sec { border-top: 1px solid #3b3b46; padding: 14px 18px 16px; background: #31313b; }
#assetInfo .ai-lbl { font-size: .78rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #c3c5cc; margin-bottom: 10px; }
#assetInfo .ai-srv { display: flex; align-items: center; gap: 12px; }
#assetInfo .ai-srv-ic { background: transparent; flex: none; width: 50px; height: 50px; border-radius: 50%; overflow: hidden; }
#assetInfo .ai-srv-ic img, #assetInfo .ai-srv-ic span { width: 100%; height: 100%; display: grid; place-items: center; object-fit: cover; font-weight: 700; font-size: 1.3rem; color: #B1ACBB; background: #141217; }
#assetInfo .ai-srv-ic img { background: transparent; }
#assetInfo .ai-srv-tx { min-width: 0; }
#assetInfo .ai-srv-name { font-weight: 700; font-size: 1.06rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#assetInfo .ai-srv-sub { color: #b9bbc3; font-size: .94rem; margin-top: 1px; }

/* móvil: desplegable desde abajo */
#assetInfo.ai-sheet { position: fixed; inset: 0; z-index: 5000; background: rgba(0,0,0,0); display: flex; align-items: flex-end; transition: background .2s; }
#assetInfo.ai-sheet.in { background: rgba(0,0,0,.45); }
#assetInfo.ai-sheet .ai-panel { width: 100%; background: #1a191e; border-radius: 24px 24px 0 0; padding: 12px 16px calc(36px + env(safe-area-inset-bottom, 0px)); transform: translateY(100%); transition: transform .24s cubic-bezier(.2,.8,.2,1); min-height: 38vh; }
#assetInfo.ai-sheet.in .ai-panel { transform: translateY(0); }
#assetInfo .ai-handle { width: 50px; height: 5px; border-radius: 3px; background: #6b6b73; margin: 4px auto 22px; }

/* PC: recuadro flotante */
#assetInfo.ai-pop { position: fixed; z-index: 5000; width: 352px; max-width: calc(100vw - 16px); opacity: 0; transform: translateY(4px) scale(.98); transition: opacity .12s, transform .12s; box-shadow: 0 10px 30px rgba(0,0,0,.55); border-radius: 12px; }
#assetInfo.ai-pop.in { opacity: 1; transform: none; }
#assetInfo.ai-pop .ai-top { padding: 14px 16px; }
#assetInfo.ai-pop .ai-img { width: 52px; height: 52px; }
#assetInfo.ai-pop .ai-name { font-size: 1rem; }
#assetInfo.ai-pop .ai-desc { font-size: .86rem; }
#assetInfo.ai-pop .ai-sec { padding: 12px 16px 14px; }
#assetInfo.ai-pop .ai-lbl { font-size: .7rem; margin-bottom: 8px; }
#assetInfo.ai-pop .ai-srv-ic { width: 40px; height: 40px; }
#assetInfo.ai-pop .ai-srv-name { font-size: .94rem; }
#assetInfo.ai-pop .ai-srv-sub { font-size: .82rem; }