:root {
    --live-pink: #ff1464;
    --live-cyan: #54e7ff;
    --live-surface: rgba(20, 15, 29, .96);
}
.live-showcase {
    margin: -18px auto 28px;
    max-width: 1180px;
    position: relative;
    z-index: 3;
}
.live-showcase[hidden] { display: none; }
.live-showcase-head { display:flex; align-items:end; justify-content:space-between; gap:16px; margin-bottom:12px; }
.live-showcase-kicker { color:var(--live-cyan); font-size:11px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.live-showcase h2 { margin:3px 0 0; font-size:clamp(22px, 3vw, 34px); }
.live-showcase-sub { color:rgba(255,255,255,.62); font-size:13px; margin:0; }
.live-room-track { display:grid; grid-auto-flow:column; grid-auto-columns:minmax(250px, 310px); gap:12px; overflow-x:auto; padding:2px 2px 10px; scrollbar-width:thin; }
.live-room-card { background:linear-gradient(145deg, rgba(36,24,48,.98), rgba(13,15,26,.98)); border:1px solid rgba(84,231,255,.26); border-radius:18px; padding:16px; min-height:145px; box-shadow:0 12px 32px rgba(0,0,0,.2); }
.live-room-card:hover { border-color:rgba(255,20,100,.72); transform:translateY(-2px); transition:transform .18s ease, border-color .18s ease; }
.live-room-status { color:#7dffcf; font-size:10px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.live-room-card h3 { margin:8px 0 4px; font-size:18px; }
.live-room-card p { color:rgba(255,255,255,.65); font-size:12px; min-height:34px; margin:0 0 12px; }
.live-room-actions { display:flex; gap:8px; align-items:center; }
.live-room-actions button, .live-float-launcher { border:0; border-radius:999px; background:linear-gradient(135deg,var(--live-pink),#b20dff); color:#fff; font-weight:800; cursor:pointer; padding:9px 13px; }
.live-float-launcher { position:fixed; left:18px; bottom:18px; z-index:1200; box-shadow:0 10px 28px rgba(255,20,100,.34); }
.live-float-panel { position:fixed; left:18px; bottom:68px; width:min(360px, calc(100vw - 36px)); max-height:min(520px, calc(100vh - 100px)); display:flex; flex-direction:column; z-index:1201; background:var(--live-surface); border:1px solid rgba(84,231,255,.35); border-radius:18px; box-shadow:0 22px 70px rgba(0,0,0,.55); overflow:hidden; }
.live-float-panel[hidden] { display:none; }
.live-panel-head { display:flex; align-items:center; justify-content:space-between; padding:14px 16px; border-bottom:1px solid rgba(255,255,255,.1); }
.live-panel-head strong { font-size:14px; }
.live-panel-head button { color:#fff; background:none; border:0; cursor:pointer; font-size:18px; }
.live-room-list { display:grid; gap:8px; padding:12px; overflow:auto; }
.live-room-list button { text-align:left; background:rgba(255,255,255,.06); color:#fff; border:1px solid rgba(255,255,255,.1); border-radius:12px; padding:11px; cursor:pointer; }
.live-chat-panel { display:flex; flex-direction:column; min-height:300px; }
.live-chat-messages { flex:1; overflow:auto; padding:12px; display:grid; gap:8px; }
.live-chat-message { max-width:88%; background:rgba(255,255,255,.08); border-radius:12px; padding:8px 10px; font-size:12px; }
.live-chat-message.mine { margin-left:auto; background:rgba(255,20,100,.22); }
.live-chat-message small { display:block; opacity:.55; margin-bottom:3px; }
.live-chat-form { display:flex; gap:8px; padding:10px; border-top:1px solid rgba(255,255,255,.1); }
.live-chat-form input { flex:1; min-width:0; background:rgba(255,255,255,.08); color:#fff; border:1px solid rgba(255,255,255,.16); border-radius:10px; padding:10px; }
.live-chat-form button { border:0; border-radius:10px; background:var(--live-pink); color:#fff; padding:0 13px; font-weight:800; }

/* IA global: el chat nunca ocupa espacio dentro de una tarjeta de dashboard. */
.personaje-ia-launcher.personaje-ia-floating-launcher{
    position:fixed !important;
    right:18px !important;
    bottom:calc(18px + (var(--ia-slot, 0) * 70px)) !important;
    z-index:1400 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:58px !important;
    min-width:58px !important;
    height:58px !important;
    min-height:58px !important;
    padding:5px !important;
    border:1px solid rgba(255,91,152,.72) !important;
    border-radius:50% !important;
    background:linear-gradient(145deg,#321d3a,#151827) !important;
    box-shadow:0 14px 30px rgba(0,0,0,.42),0 0 0 4px rgba(245,31,72,.08) !important;
}
.personaje-ia-launcher.personaje-ia-floating-launcher img{ width:46px !important; height:46px !important; flex:0 0 46px !important; }
.personaje-ia-launcher.personaje-ia-floating-launcher span,
.personaje-ia-launcher.personaje-ia-floating-launcher > i{ display:none !important; }
.personaje-ia-launcher.personaje-ia-floating-launcher:hover{ transform:translateY(-2px) scale(1.03); }
[data-personaje-chat][data-screen]:not([data-screen="home"]).personaje-ia-chat-open{
    position:fixed !important;
    right:18px !important;
    bottom:calc(84px + (var(--ia-slot, 0) * 70px)) !important;
    z-index:1399 !important;
    width:min(360px,calc(100vw - 28px)) !important;
    max-height:min(430px,calc(100vh - 110px)) !important;
    margin:0 !important;
    overflow:auto !important;
    border-radius:16px !important;
    box-shadow:0 20px 55px rgba(0,0,0,.48) !important;
}

/* Live: acceso compacto, visible y consistente en Home, Mi tienda y Nebula. */
#live-widget-root{ position:relative; z-index:1500; }
#live-float-launcher{
    display:inline-flex;
    align-items:center;
    gap:7px;
    min-height:44px;
    border:1px solid rgba(255,255,255,.16);
    letter-spacing:.01em;
}
#live-float-launcher::first-letter{ color:#7dffcf; }
.live-float-panel{ max-height:min(560px,calc(100vh - 92px)); }
.live-room-list button{ transition:background .18s ease,border-color .18s ease,transform .18s ease; }
.live-room-list button:hover,.live-room-list button:focus-visible{ border-color:rgba(84,231,255,.65); background:rgba(84,231,255,.1); transform:translateY(-1px); outline:none; }
.live-chat-panel{ min-height:0; height:min(430px,calc(100vh - 150px)); }
.live-chat-messages{ min-height:0; }
.live-chat-message{ border:1px solid rgba(255,255,255,.07); line-height:1.4; }
.live-chat-message.mine{ border-color:rgba(255,20,100,.32); }
@media (max-width:680px){
    .personaje-ia-launcher.personaje-ia-floating-launcher{ right:12px !important; bottom:calc(78px + (var(--ia-slot, 0) * 64px)) !important; }
    [data-personaje-chat][data-screen]:not([data-screen="home"]).personaje-ia-chat-open{ right:12px !important; bottom:calc(140px + (var(--ia-slot, 0) * 64px)) !important; width:calc(100vw - 24px) !important; }
    #live-float-launcher{ left:12px; right:auto; bottom:12px; }
    .live-float-panel{ left:12px; right:12px; bottom:64px; width:auto; }
}
@media (max-width: 700px) {
    .live-showcase { margin: -8px 16px 22px; }
    .live-showcase-head { display:block; }
    .live-showcase-sub { margin-top:4px; }
    .live-float-launcher { left:12px; bottom:12px; }
    .live-float-panel { left:12px; bottom:62px; }
}
@media (prefers-reduced-motion: reduce) {
    .live-room-card:hover { transform:none; }
}