/* Estilos de la lista de chats (pedido del dueño 2026-10-30 con 2 capturas: "ahora créame estas"): 8 diseños de la
   pantalla de Mensajes -- Cristal premium, Rosa suave, Azul noche pro, Elegante minimal, Gran tarjeta, Neón futurista,
   Premium suave y Élite oscuro. Cada chat en tarjeta con barrita y aro de color, el número de no leídos en un círculo
   y la flecha ›. Mientras se está en Mensajes, la barra de arriba y la de abajo van del mismo estilo
   (body.vkls-msgs[data-vkls], public/chat-list-skins.js). La referencia de "Élite" era dorada; va en violeta y plata
   (la marca nunca lleva dorado). Cada estilo: una fila en CHAT_LIST_THEME_CONFIG (client.js) + CHAT_LIST_THEMES
   (routes/auth.js) + sus variables acá. */

.mp-conv-panel[data-chat-list-theme="cristal"], .vkls-prev[data-chat-list-theme="cristal"], body.vkls-msgs[data-vkls="cristal"] {
  --ls-bg: radial-gradient(120% 50% at 100% 0%, rgba(147,197,253,.55), transparent 60%), radial-gradient(90% 40% at 0% 100%, rgba(196,181,253,.45), transparent 60%), linear-gradient(180deg, #e8f2ff 0%, #f5f9ff 50%, #eef2ff 100%);
  --ls-card: rgba(255, 255, 255, 0.62); --ls-border: rgba(255, 255, 255, 0.9); --ls-shadow: 0 8px 22px rgba(59, 130, 246, 0.12);
  --ls-ink: #0f1d3a; --ls-sub: #5b6b8a;
  --ls-pill: rgba(255, 255, 255, 0.7); --ls-pill-ink: #334a75; --ls-active: linear-gradient(135deg, #38bdf8, #3b82f6);
  --ls-search: rgba(255, 255, 255, 0.75); --ls-search-border: rgba(255, 255, 255, 0.95); --ls-ico: linear-gradient(135deg, #38bdf8, #6366f1);
  --ls-badge-a: #3b82f6; --ls-badge-b: #ec4899; --ls-chev: #94a3b8;
  --ls-bar: rgba(255, 255, 255, 0.72); --ls-bar-ink: #1e3a8a; --ls-bar-border: rgba(255,255,255,.9);
}
.mp-conv-panel[data-chat-list-theme="rosa_suave"], .vkls-prev[data-chat-list-theme="rosa_suave"], body.vkls-msgs[data-vkls="rosa_suave"] {
  --ls-bg: radial-gradient(100% 45% at 100% 0%, rgba(249,168,212,.55), transparent 60%), linear-gradient(180deg, #ffe9f4 0%, #fff3f9 55%, #fde8f4 100%);
  --ls-card: rgba(255, 255, 255, 0.78); --ls-border: #fbd3e8; --ls-shadow: 0 8px 20px rgba(236, 72, 153, 0.10);
  --ls-ink: #3b0a2a; --ls-sub: #9d5c80;
  --ls-pill: rgba(255, 255, 255, 0.8); --ls-pill-ink: #9d174d; --ls-active: linear-gradient(135deg, #f472b6, #db2777);
  --ls-search: rgba(255, 255, 255, 0.85); --ls-search-border: #fbcfe8; --ls-ico: linear-gradient(135deg, #f472b6, #c026d3);
  --ls-badge-a: #ec4899; --ls-badge-b: #a855f7; --ls-chev: #d8a1c0;
  --ls-bar: rgba(255, 240, 248, 0.92); --ls-bar-ink: #be185d; --ls-bar-border: #fbcfe8;
}
.mp-conv-panel[data-chat-list-theme="azul_noche"], .vkls-prev[data-chat-list-theme="azul_noche"], body.vkls-msgs[data-vkls="azul_noche"] {
  --ls-bg: radial-gradient(120% 45% at 100% 0%, rgba(37,99,235,.35), transparent 60%), linear-gradient(180deg, #071226 0%, #0a1830 60%, #060f20 100%);
  --ls-card: rgba(15, 32, 62, 0.82); --ls-border: rgba(56, 189, 248, 0.18); --ls-shadow: 0 8px 22px rgba(0, 0, 0, 0.35);
  --ls-ink: #f1f5ff; --ls-sub: #93a4c3;
  --ls-pill: rgba(255, 255, 255, 0.06); --ls-pill-ink: #c7d2fe; --ls-active: linear-gradient(135deg, #0ea5e9, #2563eb);
  --ls-search: rgba(255, 255, 255, 0.06); --ls-search-border: rgba(148, 163, 184, 0.22); --ls-ico: linear-gradient(135deg, #0ea5e9, #6366f1);
  --ls-badge-a: #0ea5e9; --ls-badge-b: #ec4899; --ls-chev: #5b6f93;
  --ls-bar: rgba(7, 18, 38, 0.95); --ls-bar-ink: #93c5fd; --ls-bar-border: rgba(56,189,248,.18);
}
.mp-conv-panel[data-chat-list-theme="elegante"], .vkls-prev[data-chat-list-theme="elegante"], body.vkls-msgs[data-vkls="elegante"] {
  --ls-bg: #ffffff;
  --ls-card: #ffffff; --ls-border: #eef1f6; --ls-shadow: none;
  --ls-ink: #0f172a; --ls-sub: #64748b;
  --ls-pill: #f1f5f9; --ls-pill-ink: #334155; --ls-active: #3b82f6;
  --ls-search: #f8fafc; --ls-search-border: #e2e8f0; --ls-ico: linear-gradient(135deg, #60a5fa, #3b82f6);
  --ls-badge-a: #3b82f6; --ls-badge-b: #ec4899; --ls-chev: #cbd5e1;
  --ls-bar: #ffffff; --ls-bar-ink: #1d4ed8; --ls-bar-border: #eef1f6;
}
.mp-conv-panel[data-chat-list-theme="gran_tarjeta"], .vkls-prev[data-chat-list-theme="gran_tarjeta"], body.vkls-msgs[data-vkls="gran_tarjeta"] {
  --ls-bg: linear-gradient(180deg, #eaf3ff 0%, #f5f0ff 100%);
  --ls-card: #1e293b; --ls-border: rgba(255, 255, 255, 0.35); --ls-shadow: 0 10px 24px rgba(30, 41, 59, 0.22);
  --ls-ink: #ffffff; --ls-sub: rgba(255, 255, 255, 0.88);
  --ls-pill: rgba(255, 255, 255, 0.8); --ls-pill-ink: #334a75; --ls-active: linear-gradient(135deg, #38bdf8, #6366f1);
  --ls-search: rgba(255, 255, 255, 0.85); --ls-search-border: #dbe6fb; --ls-ico: linear-gradient(135deg, #38bdf8, #8b5cf6);
  --ls-badge-a: #3b82f6; --ls-badge-b: #ec4899; --ls-chev: rgba(255,255,255,.85);
  --ls-bar: rgba(255, 255, 255, 0.85); --ls-bar-ink: #1e3a8a; --ls-bar-border: #dbe6fb;
}
.mp-conv-panel[data-chat-list-theme="neon"], .vkls-prev[data-chat-list-theme="neon"], body.vkls-msgs[data-vkls="neon"] {
  --ls-bg: radial-gradient(80% 35% at 0% 0%, rgba(34,211,238,.18), transparent 60%), radial-gradient(80% 40% at 100% 100%, rgba(168,85,247,.22), transparent 60%), #050816;
  --ls-card: rgba(10, 14, 40, 0.88); --ls-border: var(--conv-accent, #22d3ee); --ls-shadow: 0 0 14px -2px var(--conv-accent, #22d3ee);
  --ls-ink: #ffffff; --ls-sub: #a5b4fc;
  --ls-pill: rgba(255, 255, 255, 0.05); --ls-pill-ink: #c7d2fe; --ls-active: linear-gradient(135deg, #22d3ee, #a855f7);
  --ls-search: rgba(255, 255, 255, 0.05); --ls-search-border: rgba(34, 211, 238, 0.45); --ls-ico: linear-gradient(135deg, #22d3ee, #a855f7);
  --ls-badge-a: #22d3ee; --ls-badge-b: #e879f9; --ls-chev: #67e8f9;
  --ls-bar: rgba(5, 8, 22, 0.96); --ls-bar-ink: #67e8f9; --ls-bar-border: rgba(34,211,238,.35);
}
.mp-conv-panel[data-chat-list-theme="premium_suave"], .vkls-prev[data-chat-list-theme="premium_suave"], body.vkls-msgs[data-vkls="premium_suave"] {
  --ls-bg: radial-gradient(100% 40% at 100% 0%, rgba(196,181,253,.5), transparent 60%), radial-gradient(90% 40% at 0% 100%, rgba(249,168,212,.3), transparent 60%), linear-gradient(180deg, #f4f1ff 0%, #fbf7ff 55%, #f1f3ff 100%);
  --ls-card: rgba(255, 255, 255, 0.86); --ls-border: #ebe5ff; --ls-shadow: 0 8px 22px rgba(139, 92, 246, 0.10);
  --ls-ink: #1e1b3a; --ls-sub: #6b6788;
  --ls-pill: rgba(255, 255, 255, 0.85); --ls-pill-ink: #5b21b6; --ls-active: linear-gradient(135deg, #a78bfa, #6366f1);
  --ls-search: rgba(255, 255, 255, 0.9); --ls-search-border: #e4ddff; --ls-ico: linear-gradient(135deg, #a78bfa, #ec4899);
  --ls-badge-a: #8b5cf6; --ls-badge-b: #ec4899; --ls-chev: #b8b0d8;
  --ls-bar: rgba(250, 248, 255, 0.92); --ls-bar-ink: #6d28d9; --ls-bar-border: #ebe5ff;
}
.mp-conv-panel[data-chat-list-theme="elite"], .vkls-prev[data-chat-list-theme="elite"], body.vkls-msgs[data-vkls="elite"] {
  --ls-bg: radial-gradient(90% 35% at 100% 0%, rgba(139,92,246,.22), transparent 60%), radial-gradient(80% 35% at 0% 100%, rgba(56,189,248,.12), transparent 60%), linear-gradient(180deg, #0b0b14 0%, #0f0f1c 100%);
  --ls-card: rgba(22, 22, 36, 0.92); --ls-border: rgba(196, 181, 253, 0.22); --ls-shadow: 0 8px 22px rgba(0, 0, 0, 0.45);
  --ls-ink: #f5f3ff; --ls-sub: #a1a1b8;
  --ls-pill: rgba(255, 255, 255, 0.05); --ls-pill-ink: #ddd6fe; --ls-active: linear-gradient(135deg, #c4b5fd, #7c3aed);
  --ls-search: rgba(255, 255, 255, 0.05); --ls-search-border: rgba(196, 181, 253, 0.25); --ls-ico: linear-gradient(135deg, #e2e8f0, #8b5cf6);
  --ls-badge-a: #8b5cf6; --ls-badge-b: #38bdf8; --ls-chev: #8b85a8;
  --ls-bar: rgba(11, 11, 20, 0.96); --ls-bar-ink: #c4b5fd; --ls-bar-border: rgba(196,181,253,.2);
}

/* ---- Comunes a los 8 ---- */
.mp-conv-panel:is([data-chat-list-theme="cristal"], [data-chat-list-theme="rosa_suave"], [data-chat-list-theme="azul_noche"], [data-chat-list-theme="elegante"], [data-chat-list-theme="gran_tarjeta"], [data-chat-list-theme="neon"], [data-chat-list-theme="premium_suave"], [data-chat-list-theme="elite"]) { background: var(--ls-bg) !important; }
.mp-conv-panel:is([data-chat-list-theme="cristal"], [data-chat-list-theme="rosa_suave"], [data-chat-list-theme="azul_noche"], [data-chat-list-theme="elegante"], [data-chat-list-theme="gran_tarjeta"], [data-chat-list-theme="neon"], [data-chat-list-theme="premium_suave"], [data-chat-list-theme="elite"]) .mp-conv-panel-head { background: transparent !important; border: 0 !important; box-shadow: none !important; }
.mp-conv-panel:is([data-chat-list-theme="cristal"], [data-chat-list-theme="rosa_suave"], [data-chat-list-theme="azul_noche"], [data-chat-list-theme="elegante"], [data-chat-list-theme="gran_tarjeta"], [data-chat-list-theme="neon"], [data-chat-list-theme="premium_suave"], [data-chat-list-theme="elite"]) .mp-conv-header-icon { background: var(--ls-ico) !important; color: #fff !important; border-radius: 12px !important; box-shadow: 0 6px 14px rgba(99, 102, 241, .25); }
.mp-conv-panel:is([data-chat-list-theme="cristal"], [data-chat-list-theme="rosa_suave"], [data-chat-list-theme="azul_noche"], [data-chat-list-theme="elegante"], [data-chat-list-theme="gran_tarjeta"], [data-chat-list-theme="neon"], [data-chat-list-theme="premium_suave"], [data-chat-list-theme="elite"]) .mp-conv-header-icon svg { color: #fff !important; }
.mp-conv-panel:is([data-chat-list-theme="cristal"], [data-chat-list-theme="rosa_suave"], [data-chat-list-theme="azul_noche"], [data-chat-list-theme="elegante"], [data-chat-list-theme="gran_tarjeta"], [data-chat-list-theme="neon"], [data-chat-list-theme="premium_suave"], [data-chat-list-theme="elite"]) .mp-conv-title { color: var(--ls-head-ink, var(--ls-ink)) !important; font-weight: 800 !important; }
.mp-conv-panel:is([data-chat-list-theme="cristal"], [data-chat-list-theme="rosa_suave"], [data-chat-list-theme="azul_noche"], [data-chat-list-theme="elegante"], [data-chat-list-theme="gran_tarjeta"], [data-chat-list-theme="neon"], [data-chat-list-theme="premium_suave"], [data-chat-list-theme="elite"]) .mp-conv-subtitle { color: var(--ls-head-sub, var(--ls-sub)) !important; }
.mp-conv-panel:is([data-chat-list-theme="cristal"], [data-chat-list-theme="rosa_suave"], [data-chat-list-theme="azul_noche"], [data-chat-list-theme="elegante"], [data-chat-list-theme="gran_tarjeta"], [data-chat-list-theme="neon"], [data-chat-list-theme="premium_suave"], [data-chat-list-theme="elite"]) .mp-conv-header-icon-btn { background: var(--ls-pill) !important; color: var(--ls-pill-ink) !important; border: 1px solid var(--ls-search-border) !important; }
.mp-conv-panel:is([data-chat-list-theme="cristal"], [data-chat-list-theme="rosa_suave"], [data-chat-list-theme="azul_noche"], [data-chat-list-theme="elegante"], [data-chat-list-theme="gran_tarjeta"], [data-chat-list-theme="neon"], [data-chat-list-theme="premium_suave"], [data-chat-list-theme="elite"]) .mp-conv-filter-pill { background: var(--ls-pill) !important; color: var(--ls-pill-ink) !important; border: 1px solid var(--ls-search-border) !important; box-shadow: none !important; font-weight: 700 !important; }
.mp-conv-panel:is([data-chat-list-theme="cristal"], [data-chat-list-theme="rosa_suave"], [data-chat-list-theme="azul_noche"], [data-chat-list-theme="elegante"], [data-chat-list-theme="gran_tarjeta"], [data-chat-list-theme="neon"], [data-chat-list-theme="premium_suave"], [data-chat-list-theme="elite"]) .mp-conv-filter-pill.active { background: var(--ls-active) !important; color: #fff !important; border-color: transparent !important; box-shadow: 0 6px 14px rgba(59, 130, 246, .25) !important; }
.mp-conv-panel:is([data-chat-list-theme="cristal"], [data-chat-list-theme="rosa_suave"], [data-chat-list-theme="azul_noche"], [data-chat-list-theme="elegante"], [data-chat-list-theme="gran_tarjeta"], [data-chat-list-theme="neon"], [data-chat-list-theme="premium_suave"], [data-chat-list-theme="elite"]) .mp-conv-filter-pill.active .mp-conv-pill-badge { background: rgba(255, 255, 255, .95) !important; color: #1e3a8a !important; }
.mp-conv-panel:is([data-chat-list-theme="cristal"], [data-chat-list-theme="rosa_suave"], [data-chat-list-theme="azul_noche"], [data-chat-list-theme="elegante"], [data-chat-list-theme="gran_tarjeta"], [data-chat-list-theme="neon"], [data-chat-list-theme="premium_suave"], [data-chat-list-theme="elite"]) .mp-conv-search { background: var(--ls-search) !important; border: 1px solid var(--ls-search-border) !important; border-radius: 999px !important; }
.mp-conv-panel:is([data-chat-list-theme="cristal"], [data-chat-list-theme="rosa_suave"], [data-chat-list-theme="azul_noche"], [data-chat-list-theme="elegante"], [data-chat-list-theme="gran_tarjeta"], [data-chat-list-theme="neon"], [data-chat-list-theme="premium_suave"], [data-chat-list-theme="elite"]) .mp-conv-search input { color: var(--ls-head-ink, var(--ls-ink)) !important; background: transparent !important; }
.mp-conv-panel:is([data-chat-list-theme="cristal"], [data-chat-list-theme="rosa_suave"], [data-chat-list-theme="azul_noche"], [data-chat-list-theme="elegante"], [data-chat-list-theme="gran_tarjeta"], [data-chat-list-theme="neon"], [data-chat-list-theme="premium_suave"], [data-chat-list-theme="elite"]) .mp-conv-search input::placeholder { color: var(--ls-head-sub, var(--ls-sub)) !important; opacity: .85; }
.mp-conv-panel:is([data-chat-list-theme="cristal"], [data-chat-list-theme="rosa_suave"], [data-chat-list-theme="azul_noche"], [data-chat-list-theme="elegante"], [data-chat-list-theme="gran_tarjeta"], [data-chat-list-theme="neon"], [data-chat-list-theme="premium_suave"], [data-chat-list-theme="elite"]) .mp-conv-search svg, .mp-conv-panel:is([data-chat-list-theme="cristal"], [data-chat-list-theme="rosa_suave"], [data-chat-list-theme="azul_noche"], [data-chat-list-theme="elegante"], [data-chat-list-theme="gran_tarjeta"], [data-chat-list-theme="neon"], [data-chat-list-theme="premium_suave"], [data-chat-list-theme="elite"]) .mp-conv-search-more-btn { color: var(--ls-head-sub, var(--ls-sub)) !important; }

.mp-conv-panel:is([data-chat-list-theme="cristal"], [data-chat-list-theme="rosa_suave"], [data-chat-list-theme="azul_noche"], [data-chat-list-theme="elegante"], [data-chat-list-theme="gran_tarjeta"], [data-chat-list-theme="neon"], [data-chat-list-theme="premium_suave"], [data-chat-list-theme="elite"]) .mp-conversation-list { padding: 4px 12px 90px !important; display: flex; flex-direction: column; gap: 9px; }
.mp-conv-panel:is([data-chat-list-theme="cristal"], [data-chat-list-theme="rosa_suave"], [data-chat-list-theme="azul_noche"], [data-chat-list-theme="elegante"], [data-chat-list-theme="gran_tarjeta"], [data-chat-list-theme="neon"], [data-chat-list-theme="premium_suave"], [data-chat-list-theme="elite"]) .mp-conversation-card { margin: 0 !important; padding: 11px 10px 11px 12px !important; gap: 11px !important; align-items: center !important;
  border-radius: 18px !important; background: var(--ls-card) !important; border: 1px solid var(--ls-border) !important;
  border-left: 4px solid var(--conv-accent, #60a5fa) !important; box-shadow: var(--ls-shadow) !important; }
.mp-conv-panel:is([data-chat-list-theme="cristal"], [data-chat-list-theme="rosa_suave"], [data-chat-list-theme="azul_noche"], [data-chat-list-theme="elegante"], [data-chat-list-theme="gran_tarjeta"], [data-chat-list-theme="neon"], [data-chat-list-theme="premium_suave"], [data-chat-list-theme="elite"]) .mp-conversation-card-avatar-wrap { padding: 2.5px; border-radius: 50%; background: var(--conv-accent, linear-gradient(135deg, #38bdf8, #7c3aed)); }
.mp-conv-panel:is([data-chat-list-theme="cristal"], [data-chat-list-theme="rosa_suave"], [data-chat-list-theme="azul_noche"], [data-chat-list-theme="elegante"], [data-chat-list-theme="gran_tarjeta"], [data-chat-list-theme="neon"], [data-chat-list-theme="premium_suave"], [data-chat-list-theme="elite"]) .mp-conversation-card-avatar-wrap > :first-child { border: 2px solid var(--ls-ring-gap, #fff) !important; border-radius: 50% !important; box-sizing: border-box; }
.mp-conv-panel:is([data-chat-list-theme="cristal"], [data-chat-list-theme="rosa_suave"], [data-chat-list-theme="azul_noche"], [data-chat-list-theme="elegante"], [data-chat-list-theme="gran_tarjeta"], [data-chat-list-theme="neon"], [data-chat-list-theme="premium_suave"], [data-chat-list-theme="elite"]) .mp-friend-online-dot { display: block !important; width: 12px !important; height: 12px !important; right: 1px !important; bottom: 1px !important; border: 2px solid var(--ls-ring-gap, #fff) !important; background: #94a3b8 !important; }
.mp-conv-panel:is([data-chat-list-theme="cristal"], [data-chat-list-theme="rosa_suave"], [data-chat-list-theme="azul_noche"], [data-chat-list-theme="elegante"], [data-chat-list-theme="gran_tarjeta"], [data-chat-list-theme="neon"], [data-chat-list-theme="premium_suave"], [data-chat-list-theme="elite"]) .mp-friend-online-dot.online { background: #22c55e !important; }
.mp-conv-panel:is([data-chat-list-theme="cristal"], [data-chat-list-theme="rosa_suave"], [data-chat-list-theme="azul_noche"], [data-chat-list-theme="elegante"], [data-chat-list-theme="gran_tarjeta"], [data-chat-list-theme="neon"], [data-chat-list-theme="premium_suave"], [data-chat-list-theme="elite"]) .mp-conversation-card-body { min-width: 0; flex: 1; }
.mp-conv-panel:is([data-chat-list-theme="cristal"], [data-chat-list-theme="rosa_suave"], [data-chat-list-theme="azul_noche"], [data-chat-list-theme="elegante"], [data-chat-list-theme="gran_tarjeta"], [data-chat-list-theme="neon"], [data-chat-list-theme="premium_suave"], [data-chat-list-theme="elite"]) .mp-conversation-card-name { color: var(--ls-ink) !important; font-weight: 800 !important; }
.mp-conv-panel:is([data-chat-list-theme="cristal"], [data-chat-list-theme="rosa_suave"], [data-chat-list-theme="azul_noche"], [data-chat-list-theme="elegante"], [data-chat-list-theme="gran_tarjeta"], [data-chat-list-theme="neon"], [data-chat-list-theme="premium_suave"], [data-chat-list-theme="elite"]) .mp-conversation-card-time { color: var(--ls-sub) !important; font-size: .74rem !important; }
.mp-conv-panel:is([data-chat-list-theme="cristal"], [data-chat-list-theme="rosa_suave"], [data-chat-list-theme="azul_noche"], [data-chat-list-theme="elegante"], [data-chat-list-theme="gran_tarjeta"], [data-chat-list-theme="neon"], [data-chat-list-theme="premium_suave"], [data-chat-list-theme="elite"]) .mp-conversation-card-lastseen { color: var(--ls-sub) !important; font-size: .78rem !important; }
.mp-conv-panel:is([data-chat-list-theme="cristal"], [data-chat-list-theme="rosa_suave"], [data-chat-list-theme="azul_noche"], [data-chat-list-theme="elegante"], [data-chat-list-theme="gran_tarjeta"], [data-chat-list-theme="neon"], [data-chat-list-theme="premium_suave"], [data-chat-list-theme="elite"]) .mp-conversation-card-preview { color: var(--ls-sub) !important; }
.mp-conv-panel:is([data-chat-list-theme="cristal"], [data-chat-list-theme="rosa_suave"], [data-chat-list-theme="azul_noche"], [data-chat-list-theme="elegante"], [data-chat-list-theme="gran_tarjeta"], [data-chat-list-theme="neon"], [data-chat-list-theme="premium_suave"], [data-chat-list-theme="elite"]) .mp-conversation-card.unread .mp-conversation-card-preview { color: var(--ls-ink) !important; font-weight: 700 !important; }
.mp-conv-panel:is([data-chat-list-theme="cristal"], [data-chat-list-theme="rosa_suave"], [data-chat-list-theme="azul_noche"], [data-chat-list-theme="elegante"], [data-chat-list-theme="gran_tarjeta"], [data-chat-list-theme="neon"], [data-chat-list-theme="premium_suave"], [data-chat-list-theme="elite"]) .mp-conversation-card.active { filter: brightness(1.04); }
.vkls-side { flex: none; align-self: stretch; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; margin-left: 2px; }
.vkls-badge { min-width: 22px; height: 22px; padding: 0 6px; box-sizing: border-box; border-radius: 999px; display: grid; place-items: center;
  background: var(--ls-badge-a); color: #fff; font-size: .74rem; font-weight: 800; box-shadow: 0 3px 8px rgba(0, 0, 0, .15); }
.mp-conv-panel:is([data-chat-list-theme="cristal"], [data-chat-list-theme="rosa_suave"], [data-chat-list-theme="azul_noche"], [data-chat-list-theme="elegante"], [data-chat-list-theme="gran_tarjeta"], [data-chat-list-theme="neon"], [data-chat-list-theme="premium_suave"], [data-chat-list-theme="elite"]) .mp-conversation-card:nth-child(even) .vkls-badge { background: var(--ls-badge-b); }
.vkls-chev { color: var(--ls-chev); font-size: 1.5rem; line-height: .8; font-weight: 300; }

/* Fondos oscuros: el hueco del aro y del punto de "en línea" va del color de la tarjeta. */
.mp-conv-panel:is([data-chat-list-theme="azul_noche"], [data-chat-list-theme="neon"], [data-chat-list-theme="elite"]) { --ls-ring-gap: #0d1630; }
.mp-conv-panel[data-chat-list-theme="elite"] { --ls-ring-gap: #161624; }

/* Cristal, Rosa y Premium: vidrio esmerilado. */
.mp-conv-panel:is([data-chat-list-theme="cristal"], [data-chat-list-theme="rosa_suave"], [data-chat-list-theme="premium_suave"]) .mp-conversation-card {
  backdrop-filter: blur(14px) saturate(1.2); -webkit-backdrop-filter: blur(14px) saturate(1.2); }

/* Elegante: filas limpias, sin sombra; la barrita de color más fina. */
.mp-conv-panel[data-chat-list-theme="elegante"] .mp-conversation-card { border-radius: 14px !important; border-left-width: 3px !important; }

/* Neón: borde y brillo del color de cada chat. */
.mp-conv-panel[data-chat-list-theme="neon"] .mp-conversation-card { border: 1.5px solid var(--conv-accent, #22d3ee) !important; border-left-width: 4px !important; }
.mp-conv-panel[data-chat-list-theme="neon"] .mp-conversation-card-avatar-wrap { box-shadow: 0 0 12px var(--conv-accent, #22d3ee); }
.mp-conv-panel[data-chat-list-theme="neon"] .mp-conv-filter-pill.active { box-shadow: 0 0 16px rgba(34, 211, 238, .55) !important; }
.mp-conv-panel[data-chat-list-theme="neon"] .vkls-badge { box-shadow: 0 0 10px var(--ls-badge-a); }

/* Élite: brillo violeta suave en el chat sin leer. */
.mp-conv-panel[data-chat-list-theme="elite"] .mp-conversation-card.unread { box-shadow: 0 0 0 1px rgba(196, 181, 253, .35), 0 10px 26px rgba(124, 58, 237, .25) !important; }

/* Gran tarjeta: cada chat lleva una foto de paisaje de fondo (las de los Fondos VYNKO), con velo para leer. */
.mp-conv-panel[data-chat-list-theme="gran_tarjeta"] .mp-conversation-card { position: relative; overflow: hidden; min-height: 74px;
  background: linear-gradient(90deg, rgba(15, 23, 42, .62), rgba(15, 23, 42, .25)), var(--ls-photo, linear-gradient(135deg, #3b82f6, #8b5cf6)) center 85% / cover !important;
  border-left: 0 !important; }
.mp-conv-panel[data-chat-list-theme="gran_tarjeta"] :is(.mp-conversation-card-name, .mp-conversation-card-time, .mp-conversation-card-lastseen, .mp-conversation-card-preview) { text-shadow: 0 1px 3px rgba(0, 0, 0, .45); }
.mp-conv-panel[data-chat-list-theme="gran_tarjeta"] { --ls-ring-gap: rgba(255, 255, 255, .9); --ls-head-ink: #0f1d3a; --ls-head-sub: #5b6b8a; }
.mp-conv-panel[data-chat-list-theme="gran_tarjeta"] .mp-conversation-card:nth-child(8n+1) { --ls-photo: url("../img/chat-themes/vynko/atardecer_nubes.jpg"); }
.mp-conv-panel[data-chat-list-theme="gran_tarjeta"] .mp-conversation-card:nth-child(8n+2) { --ls-photo: url("../img/chat-themes/vynko/cielo_nubes.jpg"); }
.mp-conv-panel[data-chat-list-theme="gran_tarjeta"] .mp-conversation-card:nth-child(8n+3) { --ls-photo: url("../img/chat-themes/vynko/noche_violeta.jpg"); }
.mp-conv-panel[data-chat-list-theme="gran_tarjeta"] .mp-conversation-card:nth-child(8n+4) { --ls-photo: url("../img/chat-themes/vynko/atardecer_lila.jpg"); }
.mp-conv-panel[data-chat-list-theme="gran_tarjeta"] .mp-conversation-card:nth-child(8n+5) { --ls-photo: url("../img/chat-themes/vynko/menta_hojas.jpg"); }
.mp-conv-panel[data-chat-list-theme="gran_tarjeta"] .mp-conversation-card:nth-child(8n+6) { --ls-photo: url("../img/chat-themes/vynko/amanecer_rosa.jpg"); }
.mp-conv-panel[data-chat-list-theme="gran_tarjeta"] .mp-conversation-card:nth-child(8n+7) { --ls-photo: url("../img/chat-themes/vynko/noche_vynko.jpg"); }
.mp-conv-panel[data-chat-list-theme="gran_tarjeta"] .mp-conversation-card:nth-child(8n+8) { --ls-photo: url("../img/chat-themes/vynko/burbujas_cielo.jpg"); }

/* Barra de arriba y de abajo del mismo estilo mientras se está en Mensajes. */
body.vkls-msgs[data-vkls] .mp-mobile-topbar { background: var(--ls-bar) !important; border-bottom: 1px solid var(--ls-bar-border) !important; backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); }
body.vkls-msgs[data-vkls] .mp-mobile-topbar-icon,
body.vkls-msgs[data-vkls] .mp-menu-toggle { color: var(--ls-bar-ink) !important; }
body.vkls-msgs[data-vkls] .mp-bottomnav { background: var(--ls-bar) !important; border-top: 1px solid var(--ls-bar-border) !important; backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); }
body.vkls-msgs[data-vkls] .mp-bottomnav-item:not(.vk-nav-plus) .vk-nav-label { color: var(--ls-bar-ink) !important; opacity: .8; }
body.vkls-msgs[data-vkls] .mp-bottomnav-item.active:not(.vk-nav-plus) .vk-nav-label { opacity: 1; font-weight: 800; }
body.vkls-msgs[data-vkls] .vk-nav-plus .vk-nav-ico { background: var(--ls-active) !important; }
body.vkls-msgs[data-vkls="neon"] .vk-nav-plus .vk-nav-ico { box-shadow: 0 0 18px rgba(34, 211, 238, .6) !important; }
body.vkls-msgs[data-vkls="elite"] .vk-nav-plus .vk-nav-ico { box-shadow: 0 0 18px rgba(139, 92, 246, .55) !important; }
body.vkls-msgs:is([data-vkls="azul_noche"], [data-vkls="neon"], [data-vkls="elite"]) .mp-mobile-topbar-brand { color: #fff !important; }
body.vkls-msgs:is([data-vkls="azul_noche"], [data-vkls="neon"], [data-vkls="elite"]) :is(.mp-mobile-topbar-icon, .mp-menu-toggle) { background: rgba(255, 255, 255, .08) !important; border-color: var(--ls-bar-border) !important; }

/* Vista previa en el selector de diseños. */
.mp-chat-list-theme-swatch-preview.vkls-prev { background: var(--ls-bg) !important; }
.vkls-prev .mp-chat-list-theme-swatch-row { background: var(--ls-card) !important; border: 1px solid var(--ls-border); border-left: 3px solid var(--conv-accent); box-shadow: var(--ls-shadow); }
.vkls-prev .mp-chat-list-theme-swatch-row .name { color: var(--ls-ink) !important; }
.vkls-prev .mp-chat-list-theme-swatch-row .msg { color: var(--ls-sub) !important; }
.vkls-prev .mp-chat-list-theme-swatch-row .avatar { box-shadow: 0 0 0 2px var(--conv-accent); }
.vkls-prev[data-chat-list-theme="gran_tarjeta"] .mp-chat-list-theme-swatch-row { background: linear-gradient(90deg, rgba(15,23,42,.6), rgba(15,23,42,.2)), url("../img/chat-themes/vynko/mini/atardecer_nubes.jpg") center / cover !important; }

/* "Oscuro" (el de antes): los nombres y textos salían oscuros sobre la tarjeta oscura (el reskin claro de toda la
   app les gana a sus variables). */
.mp-conv-panel[data-chat-list-theme="dark"] .mp-conversation-card-name,
.mp-conv-panel[data-chat-list-theme="dark"] .mp-conv-title { color: #f1f5f9 !important; }
.mp-conv-panel[data-chat-list-theme="dark"] :is(.mp-conversation-card-preview, .mp-conversation-card-lastseen, .mp-conversation-card-time) { color: #94a3b8 !important; }
.mp-conv-panel[data-chat-list-theme="dark"] .mp-conversation-card.unread .mp-conversation-card-preview { color: #e2e8f0 !important; }