/* Panel de administrador: modal ancho con pestañas. */
.pan.adm{max-width:980px;width:96vw;height:90vh;max-height:90vh;padding:0;display:flex;flex-direction:column;overflow:hidden}
.adm .ad-head{padding:16px 54px 8px 18px}
.adm .ad-head h2{margin:0}
.adm .ad-head p{margin:2px 0 0}
.adm b{display:inline;margin:0}
.ad-tabs{display:flex;gap:6px;padding:0 14px 10px;border-bottom:1px solid var(--bd);overflow-x:auto;flex:none}
.ad-tabs button{border:0;border-radius:12px;padding:10px 14px;font:700 14px "Bricolage Grotesque",sans-serif;background:var(--bg);color:var(--tx);cursor:pointer;white-space:nowrap}
.ad-tabs button.on{background:var(--ac);color:#fff}
.ad-tabs em{font-style:normal;display:none;margin-left:6px;min-width:20px;padding:1px 7px;border-radius:99px;background:var(--ac2);color:#241338;font-size:12px;font-weight:800}
.ad-tabs em.v{display:inline-block}
.ad-body{flex:1;overflow-y:auto;padding:14px 18px 22px}
.ad-tab{display:none}.ad-tab.on{display:block}
.ad-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
.ad-bar input[type=search]{flex:1;min-width:160px;margin:0}
.ad-bar .ad-sum{font-weight:800;color:var(--tq);white-space:nowrap}
.ad-bar label{font-size:13px;color:var(--mu);display:flex;gap:6px;align-items:center;cursor:pointer}
.ad-btn{border:0;border-radius:12px;padding:10px 14px;font:700 14px "Bricolage Grotesque",sans-serif;background:var(--bd);color:var(--tx);cursor:pointer}
.ad-btn.on{background:var(--ac);color:#fff}
.ad-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:10px}
.ad-card{border:1px solid var(--bd);border-radius:16px;padding:12px;background:var(--bg);display:flex;flex-direction:column;gap:8px;animation:pop .18s ease-out}
.ad-top{display:flex;gap:10px;align-items:center}
.ad-av{width:38px;height:38px;border-radius:50%;background:var(--ac);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;flex:none;text-transform:uppercase}
.ad-top>div{flex:1;min-width:0}
.ad-top strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ad-top small,.ad-card small{color:var(--mu);font-size:12px}
.ad-mt{font-size:20px;font-weight:800;color:var(--tq);white-space:nowrap}
.ad-tit{font-size:13px;color:var(--mu)}.ad-tit strong{display:block;color:var(--tx);font-size:14px}
.ad-bt{display:flex;gap:8px}
.ad-bt button{flex:1;border:0;border-radius:12px;padding:12px 8px;font:800 14px "Bricolage Grotesque",sans-serif;cursor:pointer}
.ad-bt .ok{background:var(--tq);color:#fff;flex:2}
.ad-bt .no{background:none;border:1px solid var(--bd);color:var(--mu)}
.ad-bt .dl{background:#d6006f22;color:var(--ac)}
.ad-bt button:disabled{opacity:.5}
.ad-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-bottom:14px}
.ad-st{border:1px solid var(--bd);border-radius:16px;padding:12px;background:var(--bg)}
.ad-st small{display:block;color:var(--mu);font-size:12px}
.ad-st strong{display:block;font-size:22px;font-weight:800;margin-top:2px}
.ad-st.gold strong{color:var(--ac2)}.ad-st.tq strong{color:var(--tq)}
.ad-h{font-weight:800;margin:6px 0 8px;font-size:15px}
.ad-vacio{color:var(--mu);text-align:center;padding:26px 0}
.ad-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}
.ad-cols .ad-card{gap:0}
.ad-cols .ad-card h3{font-size:16px;margin-bottom:8px}
.ad-top10 div{display:flex;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px solid var(--bd);font-size:14px}
@media (max-width:600px){.pan.adm{width:100vw;height:100vh;max-height:100vh;border-radius:0}}

/* Imagen del snack en el mensaje de compra del chat: pequeña y al lado del texto. */
.gift{display:flex;align-items:center;gap:8px}
.gift img{display:block;height:30px;width:auto;max-width:54px;object-fit:contain;margin:0;flex:none}