/* MELODIAS V22 — sesión, reacciones, citas, clips, moderación y saldo entero */
#demoAccountSelect{display:none!important}
.authProviders{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}
.authProvider{border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px 12px;font-weight:900;color:#5f376e;cursor:pointer}
.authProvider:hover{transform:translateY(-1px)}
.authDivider{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px;margin:10px 0}.authDivider:before,.authDivider:after{content:"";height:1px;background:var(--line);flex:1}
.sessionPill{display:flex;align-items:center;gap:7px;padding:7px 9px;border-radius:999px;background:#fff9;border:1px solid var(--line);font-size:11px;font-weight:900;color:#6d3a7d}
.securityGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.securityCard{padding:12px;border:1px solid var(--line);border-radius:14px;background:#fff}.securityCard small{display:block;color:var(--muted);margin-top:4px}
.totpSecret{font:700 14px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:1.5px;padding:10px;border-radius:10px;background:#f8efff;word-break:break-all}
.postReactionBar{display:flex;gap:5px;flex-wrap:wrap;margin:6px 0 3px}.postReactionBar button{border:1px solid var(--line);background:#fff9;border-radius:999px;padding:5px 8px;cursor:pointer}.postReactionBar button.active{box-shadow:0 0 0 2px rgba(151,86,196,.18);background:#fff}
.quoteButton{border:1px solid var(--line);background:#fff9;border-radius:999px;padding:5px 9px;font-weight:850;color:#6f4a7b;cursor:pointer}
.quotedCard{margin:9px 0;padding:10px 12px;border-left:4px solid #a861c7;border-radius:10px;background:rgba(255,255,255,.66)}.quotedCard small{display:block;color:var(--muted);margin-bottom:4px}.quotedCard b{color:#6e337e}.quotedCard p{margin:3px 0;color:#5f5164}
.v22PinnedBlock{margin-bottom:10px;padding:13px;border-radius:16px;background:linear-gradient(135deg,rgba(255,244,179,.9),rgba(255,226,246,.9));border:1px solid #efc8d8}.v22PinnedBlock h3{margin:0 0 6px}.v22PinnedMeta{font-size:11px;color:var(--muted)}
.clipDetailHero{min-height:320px;border-radius:24px;display:grid;place-items:center;text-align:center;padding:28px;background:radial-gradient(circle at 20% 20%,#ffe7f5,#e2d8ff 52%,#d9f4ff);border:1px solid var(--line);box-shadow:var(--shadow)}.clipDetailHero .playDisc{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid var(--line);font-size:34px;box-shadow:0 12px 35px rgba(94,49,116,.15)}.clipDetailHero h2{font-size:clamp(28px,5vw,46px);margin:12px 0 4px}.clipCardOpen{display:block;width:100%;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}
.channelTeamList{display:grid;gap:8px;margin-top:10px}.channelTeamMember{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:12px;background:#fff}.channelTeamMember small{display:block;color:var(--muted)}
.giftModes{display:grid;grid-template-columns:1fr 1fr;gap:9px}.giftPaymentSummary{padding:10px;border-radius:12px;background:#fff;border:1px solid var(--line);margin-top:8px}.giftPaymentSummary strong{color:#713b82}
.subscriberChatAccent{border-left:4px solid var(--chat-accent,#a45ac5)!important;background:color-mix(in srgb,var(--chat-accent,#a45ac5) 12%,white)!important}.chatColorControl{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;border-radius:12px;background:#fff;border:1px solid var(--line);margin-top:9px}.chatColorControl input{width:52px;height:36px;border:0;background:transparent;padding:0}
.saldoAmount{font-size:10px;font-weight:1000;margin-left:3px;padding:2px 6px;border-radius:999px;background:#fff8;color:#6a3d72}.saldoCartCount:empty{display:none}
.balanceIntegerQuote{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.balanceIntegerQuote>div{padding:10px;border-radius:12px;background:#fff;border:1px solid var(--line)}.balanceIntegerQuote small{display:block;color:var(--muted)}.balanceIntegerQuote b{display:block;color:#663a76;margin-top:2px}
.oauthStatus{padding:8px 10px;border-radius:10px;background:#f7f0fb;color:#6b5474;font-size:11px;margin-top:8px}
@media(max-width:650px){.authProviders,.securityGrid,.giftModes,.balanceIntegerQuote{grid-template-columns:1fr}.clipDetailHero{min-height:240px}}

/* V22 final: estado sin sesión y navegación real */
body.v22-guest #planHeaderBtn,body.v22-guest #giftHeaderBtn{display:none!important}
body.v22-guest .chatColorControl{display:none!important}
.clipCardOpen:focus-visible,.quoteButton:focus-visible,.postReactionBar button:focus-visible{outline:3px solid rgba(153,97,235,.35);outline-offset:2px}
.subscriberChatAccent .userLink{color:var(--chat-accent,#a45ac5)!important;font-weight:1000}


/* V22.1 — limpieza de producción */
.reactionPicker{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  vertical-align:middle!important;
  min-height:30px;
}
.reactionPickerLabel,
.reactionPicker > .commentAction{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:26px;
  line-height:1!important;
  margin:0!important;
}
.commentActions{align-items:center!important}
.guestProfileGate{
  max-width:620px;
  margin:34px auto;
  text-align:center;
  padding:28px;
}
.guestProfileGate img{width:86px;height:86px;object-fit:contain}
.guestProfileGate h2{font-size:28px;margin:6px 0}
.guestProfileGate p{max-width:460px;margin:8px auto 16px}
.emptyProdState{
  padding:22px;
  text-align:center;
  border:1px solid var(--line);
  border-radius:16px;
  background:rgba(255,255,255,.76);
  color:var(--muted);
}
body.v22-guest #profileSection .tabs{display:none!important}


/* V22.8 PRODUCCIÓN RÁPIDA */
.productionEmpty,
.productionLiveEmpty,
.productionRadioEmpty{
  width:100%;
  box-sizing:border-box;
  padding:18px 20px;
  text-align:center;
  color:var(--muted);
}
.productionLiveEmpty,
.productionRadioEmpty{
  margin-top:10px;
  padding:44px 24px;
}
.productionLiveEmpty h2,
.productionRadioEmpty h2{
  margin:8px 0 6px;
  color:var(--ink);
}
.productionLiveEmpty p,
.productionRadioEmpty p{
  margin:0;
}
.productionEmptyIcon{font-size:38px}
.productionNoLive .playerLayout{display:none !important}
.productionNoRadio .playerLayout{display:none !important}
#homePostInput[readonly]{cursor:pointer}


/* V22.9 · ajuste visual de estados vacíos */
.productionSubscriptionEmpty{
  display:block !important;
  overflow:visible !important;
  padding:0 !important;
}
.productionEmpty{
  grid-column:1 / -1;
  min-height:56px;
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  padding:14px 18px;
  border:1px solid var(--line);
  border-radius:16px;
  background:rgba(255,255,255,.78);
  box-shadow:0 10px 26px rgba(104,61,124,.07);
  color:var(--muted);
  text-align:center;
}
#recentSubscriptions .productionEmpty{
  min-height:64px;
  margin:0;
  font-size:14px;
}


/* V22.10 · encabezados de Inicio limpios, como "Últimas suscripciones" */
#homeTransmissionsBlock > .sectionHead,
#homeClipsBlock > .sectionHead,
#homeActivityBlock > .sectionHead{
  margin:22px 2px 9px !important;
  padding:0 !important;
  min-height:0 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
}

#homeTransmissionsBlock > .sectionHead h2,
#homeClipsBlock > .sectionHead h2,
#homeActivityBlock > .sectionHead h2{
  font-size:20px !important;
}

#homeTransmissionsBlock > .sectionHead small,
#homeClipsBlock > .sectionHead small,
#homeActivityBlock > .sectionHead small{
  max-width:62%;
  text-align:right;
  line-height:1.35;
}

@media (max-width:760px){
  #homeTransmissionsBlock > .sectionHead,
  #homeClipsBlock > .sectionHead,
  #homeActivityBlock > .sectionHead{
    align-items:flex-start !important;
    gap:6px;
  }
  #homeTransmissionsBlock > .sectionHead small,
  #homeClipsBlock > .sectionHead small,
  #homeActivityBlock > .sectionHead small{
    max-width:58%;
  }
}


/* V22.11 · tarjeta vacía siempre visible bajo Actividad reciente */
#homeActivity:empty{
  display:block !important;
  width:100%;
  min-height:64px;
  margin-top:10px !important;
  box-sizing:border-box;
}
#homeActivity:empty::before{
  content:"Aún no hay actividad reciente.";
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:64px;
  box-sizing:border-box;
  padding:14px 18px;
  border:1px solid var(--line);
  border-radius:16px;
  background:rgba(255,255,255,.78);
  box-shadow:0 10px 26px rgba(104,61,124,.07);
  color:var(--muted);
  text-align:center;
  font-size:14px;
}


/* V22.12 · Actividad con tarjeta y Categorías sin recuadro blanco */
#homeActivity{
  display:block !important;
  width:100% !important;
  min-height:64px;
}
#homeActivity:not(:has(> *))::before{
  content:"Aún no hay actividad reciente.";
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:64px;
  box-sizing:border-box;
  padding:14px 18px;
  border:1px solid var(--line);
  border-radius:16px;
  background:rgba(255,255,255,.78);
  box-shadow:0 10px 26px rgba(104,61,124,.07);
  color:var(--muted);
  text-align:center;
  font-size:14px;
}
#homeActivity > .productionEmpty{
  min-height:64px !important;
  border:1px solid var(--line) !important;
  border-radius:16px !important;
  background:rgba(255,255,255,.78) !important;
  box-shadow:0 10px 26px rgba(104,61,124,.07) !important;
}

/* Categorías: mismo encabezado limpio que Últimas suscripciones */
#homeCategoriesBlock > .sectionHead{
  margin:22px 2px 9px !important;
  padding:0 !important;
  min-height:0 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
}
#homeCategoriesBlock > .sectionHead h2{
  font-size:20px !important;
}

/* Quitamos también la caja blanca grande que rodeaba los chips */
#publicCategories.panel{
  margin-top:4px !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
}


/* V22.13 · hashtags/categorías más legibles */
#publicCategories .categoryPill,
.categoryPill{
  font-size:14px !important;
  line-height:1.2 !important;
  padding:9px 12px !important;
}