/* ============================================================
   MoviePlay v82.0 — Premium visual layer
   Capa aislada: no modifica la lógica de la aplicación.
   ============================================================ */

:root{
  --v82-bg:#f4f7fb;
  --v82-surface:#ffffff;
  --v82-surface-soft:#f8fafc;
  --v82-ink:#111827;
  --v82-muted:#64748b;
  --v82-line:#e3e9f2;
  --v82-primary:#6657ea;
  --v82-primary-deep:#4338ca;
  --v82-primary-soft:#eeecff;
  --v82-success:#16a34a;
  --v82-warning:#f59e0b;
  --v82-danger:#dc2626;
  --v82-radius-sm:11px;
  --v82-radius:16px;
  --v82-radius-lg:22px;
  --v82-shadow-sm:0 5px 16px rgba(15,23,42,.055);
  --v82-shadow:0 12px 34px rgba(15,23,42,.075);
  --v82-shadow-lg:0 24px 64px rgba(15,23,42,.12);
  --v82-ease:cubic-bezier(.2,.8,.2,1);
  --v82-card-gap:14px;
  --v82-header-mobile:58px;
  --v82-mobile-dock-height:168px;
}

html{background:var(--v82-bg);scroll-behavior:smooth}
body{
  background:
    radial-gradient(circle at 92% 0%,rgba(102,87,234,.07),transparent 28rem),
    linear-gradient(180deg,#f8faff 0,var(--v82-bg) 26rem) !important;
  color:var(--v82-ink);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

button,input,select,textarea{transition:border-color .18s var(--v82-ease),box-shadow .18s var(--v82-ease),transform .18s var(--v82-ease),background .18s var(--v82-ease)}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{
  outline:3px solid rgba(102,87,234,.22) !important;
  outline-offset:2px;
}

/* ---------- Layout, sidebar and header ---------- */
.refLayout{background:transparent !important}
.refSidebar{
  background:linear-gradient(180deg,#0d1322 0%,#121a2c 62%,#0b1220 100%) !important;
  border-right:1px solid rgba(255,255,255,.055) !important;
  box-shadow:16px 0 40px rgba(15,23,42,.08) !important;
}
.refBrand{padding-bottom:20px !important}
.refBrand .brandLogo,
.brandLogo{
  box-shadow:0 12px 28px rgba(102,87,234,.25) !important;
  border:1px solid rgba(255,255,255,.14) !important;
}
.refSidebar nav{gap:5px !important}
.refSidebar nav button{
  min-height:44px !important;
  padding:10px 12px !important;
  border-radius:12px !important;
  color:#aab7ca !important;
  font-weight:760 !important;
  letter-spacing:-.01em;
}
.refSidebar nav button .navIcon{
  width:27px !important;
  color:#9fa8ff !important;
  opacity:.95;
}
.refSidebar nav button:hover{
  background:rgba(255,255,255,.065) !important;
  color:#fff !important;
  transform:translateX(2px);
}
.refSidebar nav button.active{
  background:linear-gradient(135deg,rgba(103,87,234,.96),rgba(67,56,202,.92)) !important;
  color:#fff !important;
  box-shadow:0 10px 24px rgba(67,56,202,.28) !important;
}
.refSidebar nav button.active .navIcon{color:#fff !important}
.refProfile{
  background:rgba(255,255,255,.045) !important;
  border:1px solid rgba(255,255,255,.065) !important;
  border-radius:15px !important;
  padding:10px !important;
}

.refMain>header,
body>header,
header.refHeader{
  background:rgba(255,255,255,.92) !important;
  border-bottom:1px solid rgba(223,230,240,.9) !important;
  box-shadow:0 6px 22px rgba(15,23,42,.045) !important;
  backdrop-filter:blur(18px) saturate(135%) !important;
  -webkit-backdrop-filter:blur(18px) saturate(135%) !important;
}
.headerTitleBlock h1,#title{font-weight:900 !important;letter-spacing:-.035em;color:#111827 !important}
.walletCard{
  border:1px solid #e2e7f0 !important;
  background:linear-gradient(135deg,#fff,#f8faff) !important;
  border-radius:15px !important;
  box-shadow:var(--v82-shadow-sm) !important;
}
.walletAction,.installAppHeader{
  border-radius:10px !important;
  font-weight:850 !important;
}

#content.refContent{
  width:min(100%,1540px) !important;
  padding:22px 24px 34px !important;
}

/* ---------- Shared surfaces ---------- */
.panel,.dashboardPanel,.uploadBar,.inventoryGroup,.settingsCard,.codeSearchCard,.codeMailboxPanel{
  border:1px solid var(--v82-line) !important;
  border-radius:var(--v82-radius-lg) !important;
  background:rgba(255,255,255,.96) !important;
  box-shadow:var(--v82-shadow-sm) !important;
}
.panel:hover,.dashboardPanel:hover{border-color:#d8dff0 !important}
.panelHead,.groupHead,.panelTitle{
  border-color:#edf1f6 !important;
}
.panelHead h3,.groupHead h3,.panelTitle h2{letter-spacing:-.025em;color:#172033 !important}
.neoEyebrow,.eyebrow{
  color:var(--v82-primary) !important;
  letter-spacing:.14em !important;
  font-weight:950 !important;
}
.muted,.emptyText{color:var(--v82-muted) !important}

.btn{
  min-height:40px;
  border-radius:11px !important;
  padding:9px 14px !important;
  font-weight:850 !important;
  letter-spacing:-.01em;
}
.btn:hover{transform:translateY(-1px)}
.btn:active{transform:translateY(0) scale(.985)}
.btn.primary,.primary{
  background:linear-gradient(135deg,var(--v82-primary),var(--v82-primary-deep)) !important;
  color:#fff !important;
  box-shadow:0 8px 18px rgba(79,70,229,.22) !important;
}
.btn.secondary,.secondary{
  background:#f1f4f8 !important;
  color:#334155 !important;
  border:1px solid #e1e7ef !important;
}
.btn.danger,.danger{background:#fff0f0 !important;color:#b4232d !important}

input,select,textarea,.input,.select{
  border:1px solid #dbe3ed !important;
  border-radius:11px !important;
  background:#fff !important;
  color:#172033 !important;
}
input:hover,select:hover,textarea:hover{border-color:#c8d2df !important}
input:focus,select:focus,textarea:focus{
  border-color:#8176ef !important;
  box-shadow:0 0 0 4px rgba(102,87,234,.11) !important;
  outline:none !important;
}
label{color:#334155}

.tableWrap{
  border-radius:0 0 var(--v82-radius-lg) var(--v82-radius-lg);
  scrollbar-width:thin;
  scrollbar-color:#cbd5e1 transparent;
}
table{background:#fff}
th{
  background:#f8fafc !important;
  color:#718096 !important;
  border-color:#e9eef4 !important;
  font-weight:900 !important;
  letter-spacing:.055em !important;
}
td{border-color:#edf1f5 !important;color:#334155 !important}
tbody tr:hover td{background:#fafbff !important}
.state,.codeAuditPlatform,.codeAuditResult{
  border:1px solid rgba(148,163,184,.16);
}

/* ---------- Dashboard ---------- */
.proDashboard{display:grid;gap:16px !important}
.dashboardHero{
  position:relative;
  overflow:hidden;
  min-height:142px;
  border:1px solid rgba(255,255,255,.1) !important;
  border-radius:26px !important;
  padding:26px 28px !important;
  background:
    radial-gradient(circle at 84% 24%,rgba(255,255,255,.14),transparent 22%),
    linear-gradient(135deg,#161b35 0%,#312e81 52%,#6557ea 100%) !important;
  color:#fff;
  box-shadow:0 22px 48px rgba(49,46,129,.2) !important;
}
.dashboardHero:after{
  content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-80px;bottom:-150px;border:35px solid rgba(255,255,255,.055)
}
.dashboardHero h1{font-size:clamp(1.8rem,3vw,2.7rem) !important;letter-spacing:-.045em !important;margin:8px 0 6px !important}
.dashboardHero p{color:#d9dcff !important;margin:0}
.dashboardHero .neoEyebrow{color:#c6c3ff !important}
.dashboardDate{
  border:1px solid rgba(255,255,255,.15) !important;
  background:rgba(255,255,255,.1) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1);
  backdrop-filter:blur(12px);
}
.metricGrid{gap:12px !important}
.metricGrid article{
  position:relative;
  overflow:hidden;
  min-height:126px;
  border:1px solid var(--v82-line) !important;
  border-radius:19px !important;
  background:linear-gradient(145deg,#fff,#f9faff) !important;
  box-shadow:var(--v82-shadow-sm) !important;
}
.metricGrid article:before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#8b7ff4,#5b4ddb)
}
.metricGrid article:nth-child(2):before{background:linear-gradient(180deg,#4ade80,#159447)}
.metricGrid article:nth-child(3):before{background:linear-gradient(180deg,#38bdf8,#0284c7)}
.metricGrid article:nth-child(4):before{background:linear-gradient(180deg,#fbbf24,#f97316)}
.metricGrid strong{letter-spacing:-.045em !important;color:#101828 !important}
.metricGrid small{color:#8491a3 !important}
.dashboardColumns{gap:12px !important}
.rankingList>div,.criticalList>div,.auditList>div,.notificationItem{
  border-color:#edf1f5 !important;
}
.rankingList>div:hover,.criticalList>div:hover{background:#fafbff !important}

/* ---------- Catalog ---------- */
.catalogToolbar,.compactCatalogBar{
  border:1px solid var(--v82-line) !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.96) !important;
  box-shadow:var(--v82-shadow-sm) !important;
}
.premiumTabs button,.sectionTabs button{
  border:1px solid #e0e6ef !important;
  background:#fff !important;
  color:#465569 !important;
  border-radius:11px !important;
  box-shadow:none !important;
}
.premiumTabs button:hover,.sectionTabs button:hover{background:#f7f7ff !important;border-color:#cbc6fa !important;color:#4f46e5 !important}
.premiumTabs button.active,.sectionTabs button.active{
  background:linear-gradient(135deg,#7164ef,#5046cf) !important;
  color:#fff !important;
  border-color:#6255e4 !important;
  box-shadow:0 8px 18px rgba(79,70,229,.2) !important;
}
.premiumSearch{
  border:1px solid #dce4ed !important;
  background:#fff !important;
  border-radius:12px !important;
  box-shadow:inset 0 1px 0 rgba(15,23,42,.02) !important;
}
.premiumGiftGrid,.directGiftGrid{
  gap:var(--v82-card-gap) !important;
  align-items:stretch !important;
}
.premiumGift{
  min-height:360px !important;
  border:1px solid rgba(255,255,255,.18) !important;
  border-radius:24px !important;
  box-shadow:0 14px 34px rgba(15,23,42,.13) !important;
  transform:translateZ(0);
  transition:transform .2s var(--v82-ease),box-shadow .2s var(--v82-ease),filter .2s var(--v82-ease) !important;
}
.premiumGift:hover{
  transform:translateY(-3px) !important;
  box-shadow:0 20px 44px rgba(15,23,42,.17) !important;
  filter:saturate(1.03);
}
.premiumGift:active{transform:scale(.99) !important}
.premiumGift .premiumLogo{filter:drop-shadow(0 8px 16px rgba(0,0,0,.13))}
.premiumStockBottom,.stockBadge{
  border:1px solid rgba(255,255,255,.14) !important;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.premiumGift button{
  min-height:42px !important;
  border-radius:12px !important;
  font-weight:900 !important;
  box-shadow:0 8px 18px rgba(0,0,0,.12) !important;
}

/* ---------- Sales and inventory ---------- */
.salesSearchBar,.inventoryTools{
  border:1px solid var(--v82-line) !important;
  border-radius:17px !important;
  background:rgba(255,255,255,.96) !important;
  box-shadow:var(--v82-shadow-sm) !important;
}
.progressiveListFooter{
  border-top:1px solid #e9eef4;
  background:#fbfcfe;
  border-radius:0 0 17px 17px;
}
.inventoryGroup{overflow:hidden !important}
.inventoryGroup .groupHead{background:linear-gradient(180deg,#fff,#fbfcfe)}
.stockGrid>div,.inventoryCard{
  border:1px solid #e1e7ef !important;
  border-radius:13px !important;
  background:#fff !important;
}
.bulkBar{background:#f8fafc !important;border-color:#e7ecf2 !important}

/* ---------- Code center and audit ---------- */
.codeMailWorkspace,.codeAuditWorkspace,.settingsWorkspace{gap:16px !important}
.builderIntro,.settingsHero{
  border:1px solid var(--v82-line) !important;
  border-radius:22px !important;
  background:linear-gradient(135deg,#fff,#f8f8ff) !important;
  box-shadow:var(--v82-shadow-sm) !important;
}
.builderIntro h1,.settingsHero h1{letter-spacing:-.04em !important;color:#172033 !important}
.codeMailColumns{gap:14px !important}
.codeSearchCard form{gap:14px !important}
.codeMailResult{
  border-radius:15px !important;
  border:1px dashed #cfd8e6 !important;
  background:#fafbfe !important;
}
.codeMailboxItem{
  border:1px solid #e1e7ef !important;
  border-radius:14px !important;
  background:#fff !important;
}
.codeAuditStats{gap:10px !important}
.codeAuditStats article{
  border-radius:17px !important;
  background:linear-gradient(145deg,#fff,#f8f9ff) !important;
  box-shadow:var(--v82-shadow-sm) !important;
}
.codeAuditToolbar{background:#f8fafc !important;border-color:#e8edf3 !important}
.codeAuditSearch{border-radius:12px !important}
.codeAuditLocation{color:#4f46e5 !important}

/* ---------- Forms, users, prices, combos and settings ---------- */
.builderIntro,.settingsHero{padding:22px 24px !important}
.form2{gap:11px !important}
.checkLine{
  padding:11px 12px;
  border:1px solid #e2e8f0;
  border-radius:11px;
  background:#fafbfc;
}
.settingsColumns{gap:14px !important}
.settingsCard{padding:22px !important}
.brandPreview,.priceCopySource,.priceCopyNotice{
  border:1px solid #e2e8f0 !important;
  border-radius:14px !important;
  background:#f8fafc !important;
}
.userCard,.priceCard,.comboCard{
  border:1px solid var(--v82-line) !important;
  border-radius:17px !important;
  background:#fff !important;
  box-shadow:var(--v82-shadow-sm) !important;
}
.userCard:hover,.priceCard:hover,.comboCard:hover{border-color:#cbc6fa !important;box-shadow:var(--v82-shadow) !important}

/* ---------- Modals and notifications ---------- */
.modalBack{
  background:rgba(7,12,24,.68) !important;
  backdrop-filter:blur(7px);
  -webkit-backdrop-filter:blur(7px);
}
.modalBox{
  border:1px solid rgba(255,255,255,.75) !important;
  border-radius:24px !important;
  box-shadow:var(--v82-shadow-lg) !important;
}
.modalBox .close{
  width:38px;height:38px;border-radius:12px !important;background:#f3f5f8 !important;color:#4b5563 !important;font-size:1.35rem !important
}
.toast{
  border:1px solid rgba(255,255,255,.1) !important;
  border-radius:13px !important;
  box-shadow:0 16px 38px rgba(15,23,42,.25) !important;
}

/* ---------- Desktop and tablet grids ---------- */
@media(min-width:1400px){
  .catalogPageActive .premiumGiftGrid,.catalogPageActive .directGiftGrid{grid-template-columns:repeat(5,minmax(0,1fr)) !important}
}
@media(min-width:1100px) and (max-width:1399px){
  .catalogPageActive .premiumGiftGrid,.catalogPageActive .directGiftGrid{grid-template-columns:repeat(4,minmax(0,1fr)) !important}
}
@media(min-width:901px) and (max-width:1099px){
  #content.refContent{padding:18px 18px 30px !important}
  .catalogPageActive .premiumGiftGrid,.catalogPageActive .directGiftGrid{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
  .dashboardColumns{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
}

/* ---------- Mobile: deterministic sticky premium block ---------- */
@media(max-width:900px){
  body{background:#f4f6fa !important}
  .refMain>header,header.refHeader{height:var(--v82-header-mobile) !important;min-height:var(--v82-header-mobile) !important;padding:8px 12px !important}
  #content.refContent{padding-left:12px !important;padding-right:12px !important;padding-bottom:30px !important}

  .catalogPageActive .mobileCatalogDock{
    top:var(--v82-header-mobile) !important;
    left:0 !important;
    right:0 !important;
    height:var(--v82-mobile-dock-height) !important;
    min-height:var(--v82-mobile-dock-height) !important;
    padding:8px 12px !important;
    border-bottom:1px solid #e1e7ef !important;
    background:rgba(247,249,252,.965) !important;
    box-shadow:0 10px 24px rgba(15,23,42,.08) !important;
    backdrop-filter:blur(18px) saturate(135%) !important;
    -webkit-backdrop-filter:blur(18px) saturate(135%) !important;
  }
  .catalogPageActive .mobileCatalogDockInner{
    width:100% !important;
    height:100% !important;
    grid-template-columns:minmax(0,1.08fr) minmax(140px,.92fr) !important;
    grid-template-rows:74px 34px 34px !important;
    align-content:start !important;
    gap:5px 6px !important;
  }
  .catalogPageActive .mobileCategoryChooser,
  .catalogPageActive .mobileDockBalance{
    min-height:74px !important;
    height:74px !important;
    border-radius:14px !important;
    box-shadow:0 4px 12px rgba(15,23,42,.055) !important;
  }
  .catalogPageActive .mobileCategoryChooser{
    padding:7px 9px !important;
    border:1px solid #dfe5ee !important;
    background:#fff !important;
  }
  .catalogPageActive .mobileDockBalance{
    padding:7px 9px !important;
    border:1px solid rgba(139,92,246,.42) !important;
    background:linear-gradient(145deg,#1d173b,#312866) !important;
  }
  .catalogPageActive .mobileDockBalance span{color:#c9c5ff !important;font-size:.58rem !important}
  .catalogPageActive .mobileDockBalance b{color:#fff !important;font-size:clamp(.95rem,4vw,1.15rem) !important}
  .catalogPageActive .mobileCatalogDockActions{
    grid-column:1/-1 !important;
    display:contents !important;
  }
  .catalogPageActive .mobileCatalogDockActions .mobileRequestBalance,
  .catalogPageActive .mobileCatalogDockActions .mobileCodeMailButton{
    grid-column:1/-1 !important;
    width:100% !important;
    min-height:34px !important;
    height:34px !important;
    padding:6px 12px !important;
    border-radius:10px !important;
    font-size:.72rem !important;
    box-shadow:0 3px 8px rgba(15,23,42,.07) !important;
  }
  .catalogPageActive .mobileCatalogDockActions .mobileRequestBalance{grid-row:2 !important}
  .catalogPageActive .mobileCatalogDockActions .mobileCodeMailButton{grid-row:3 !important}

  /* 12px exactos entre bloque superior y primera fila; mismo gap que tarjetas. */
  body.catalogPageActive #content.refContent{
    padding-top:calc(var(--v82-mobile-dock-height) + var(--v82-card-gap)) !important;
  }
  .catalogPageActive .premiumCatalog.directCatalog,
  .catalogPageActive .compactCatalogContent,
  .catalogPageActive #giftGrid,
  .catalogPageActive .premiumGiftGrid,
  .catalogPageActive .directGiftGrid{
    margin-top:0 !important;
    padding-top:0 !important;
  }
  .catalogPageActive .premiumGiftGrid,.catalogPageActive .directGiftGrid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:var(--v82-card-gap) !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }
  .catalogPageActive .premiumGift{
    min-height:310px !important;
    border-radius:20px !important;
    box-shadow:0 10px 24px rgba(15,23,42,.12) !important;
  }
  .catalogPageActive .premiumGift:hover{transform:none !important}

  .dashboardHero{min-height:auto !important;padding:20px !important;border-radius:21px !important}
  .dashboardHero h1{font-size:1.75rem !important}
  .dashboardDate{margin-top:14px !important}
  .metricGrid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px !important}
  .metricGrid article{min-height:112px !important;padding:16px !important;border-radius:16px !important}
  .metricGrid strong{font-size:1.55rem !important}
  .dashboardColumns,.dashboardColumns.two{grid-template-columns:1fr !important}

  .panel,.dashboardPanel,.uploadBar,.inventoryGroup,.settingsCard,.codeSearchCard,.codeMailboxPanel{border-radius:18px !important}
  .salesSearchBar,.inventoryTools{border-radius:15px !important}
  .builderIntro,.settingsHero{padding:18px !important;border-radius:18px !important}
  .codeMailColumns,.settingsColumns{grid-template-columns:1fr !important}
  .modalBox{border-radius:22px 22px 0 0 !important}
}

@media(max-width:480px){
  :root{--v82-card-gap:12px;--v82-mobile-dock-height:166px}
  #content.refContent{padding-left:10px !important;padding-right:10px !important}
  .catalogPageActive .mobileCatalogDock{padding-left:10px !important;padding-right:10px !important}
  .catalogPageActive .mobileCatalogDockInner{grid-template-columns:minmax(0,1fr) minmax(132px,.9fr) !important;gap:5px !important}
  .catalogPageActive .mobileCategoryChooser select{font-size:.73rem !important}
  .catalogPageActive .premiumGift{min-height:292px !important}
  .metricGrid article{padding:14px !important}
  .metricGrid span{font-size:.7rem !important}
  .metricGrid strong{font-size:1.42rem !important}
  .metricGrid small{font-size:.66rem !important}
}

@media(max-width:360px){
  :root{--v82-card-gap:10px}
  .catalogPageActive .mobileCatalogDockInner{grid-template-columns:minmax(0,1fr) 126px !important}
  .catalogPageActive .premiumGift{min-height:276px !important}
  .metricGrid{grid-template-columns:1fr !important}
}

@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{scroll-behavior:auto !important;transition-duration:.01ms !important;animation-duration:.01ms !important;animation-iteration-count:1 !important}
}

/* ---------- Login ---------- */
.refLogin{
  background:#0b1020 !important;
}
.refLoginHero{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(115deg,rgba(8,13,28,.96),rgba(29,24,69,.84)),
    url('/login-streaming-background-v75.png') center/cover no-repeat !important;
}
.refLoginHero:before{
  content:"";position:absolute;inset:0;background:radial-gradient(circle at 24% 28%,rgba(122,107,255,.25),transparent 30rem);pointer-events:none
}
.heroCopy{position:relative;z-index:1;max-width:690px !important}
.heroCopy h1{letter-spacing:-.055em !important;line-height:.98 !important;text-wrap:balance}
.heroCopy p{color:#c9d1e0 !important;max-width:570px}
.loginFeatureTags span{
  border:1px solid rgba(255,255,255,.13) !important;
  background:rgba(255,255,255,.075) !important;
  color:#e7e9ff !important;
  backdrop-filter:blur(9px);
}
.refLoginPanel{
  background:linear-gradient(180deg,#f9faff,#eef2f8) !important;
}
.refLoginCard{
  border:1px solid rgba(255,255,255,.9) !important;
  border-radius:25px !important;
  background:rgba(255,255,255,.96) !important;
  box-shadow:0 28px 75px rgba(15,23,42,.16) !important;
}
.loginBrand{padding-bottom:15px;border-bottom:1px solid #edf0f5}
.loginIntro h2{letter-spacing:-.04em !important;color:#111827 !important}
.loginInputWrap{
  border:1px solid #dae2ec !important;
  border-radius:12px !important;
  background:#fff !important;
}
.loginInputWrap:focus-within{border-color:#8176ef !important;box-shadow:0 0 0 4px rgba(102,87,234,.11) !important}
.refLoginButton{
  min-height:48px !important;
  border-radius:12px !important;
  background:linear-gradient(135deg,#7164ef,#493fc7) !important;
  box-shadow:0 11px 24px rgba(79,70,229,.25) !important;
}
.adminRecoveryLink{color:#6156dc !important}

/* ---------- Detailed workspaces ---------- */
.usersFixedHeader,.combosHeader,.pricePageActions{
  border:1px solid var(--v82-line) !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.96) !important;
  box-shadow:var(--v82-shadow-sm) !important;
}
.usersToolbar,.builderManagerTools{
  gap:10px !important;
}
.usersSearch,.usersToolbar select{
  border-radius:11px !important;
}
.usersResultCount{
  color:var(--v82-muted) !important;
  font-weight:800 !important;
}
.userActions .btn,.comboCardActions .btn{min-height:35px !important;padding:7px 10px !important}

.priceDisclosure,.inventoryDisclosure,.builderManagerDisclosure{
  border:1px solid var(--v82-line) !important;
  border-radius:17px !important;
  background:#fff !important;
  box-shadow:var(--v82-shadow-sm) !important;
  overflow:hidden;
}
.priceDisclosureSummary,.inventoryDisclosureSummary,.builderManagerSummary{
  background:linear-gradient(180deg,#fff,#fafbfe) !important;
  border-color:#edf1f5 !important;
}
.priceDurationTable{border:1px solid #e5eaf1 !important;border-radius:12px !important;overflow:hidden}
.priceSource{font-size:.68rem !important;font-weight:850 !important}

.combosWorkspace,.builderPage,.pricesPage,.usersPage,.auditWorkspace{display:grid;gap:16px !important}
.comboList{gap:12px !important}
.comboCardAdmin,.comboAdminGift,.builderPremiumCard{
  border:1px solid var(--v82-line) !important;
  border-radius:19px !important;
  box-shadow:var(--v82-shadow-sm) !important;
}
.comboCardHead{border-color:#edf1f5 !important}
.comboServices span,.builderTypeBadge{
  border:1px solid rgba(102,87,234,.12) !important;
  background:var(--v82-primary-soft) !important;
  color:#5448cd !important;
}
.builderForm,.builderManager{
  border:1px solid var(--v82-line) !important;
  border-radius:19px !important;
  background:#fff !important;
  box-shadow:var(--v82-shadow-sm) !important;
}
.builderPreviewHost{
  border:1px dashed #cbd5e1 !important;
  border-radius:19px !important;
  background:linear-gradient(145deg,#f8fafc,#f2f0ff) !important;
}

/* ---------- Mobile list polish ---------- */
@media(max-width:800px){
  .codeAuditMobileCard{
    border:1px solid var(--v82-line) !important;
    border-radius:16px !important;
    box-shadow:var(--v82-shadow-sm) !important;
  }
  .codeAuditMobileTop{padding-bottom:7px;border-bottom:1px solid #eef2f6}
  .codeAuditMobileCard h3{color:#172033 !important}
}

@media(max-width:900px){
  .refLogin{grid-template-columns:1fr !important;background:#f3f6fb !important}
  .refLoginHero{display:none !important}
  .refLoginPanel{min-height:100svh !important;padding:18px !important}
  .refLoginCard{width:min(100%,430px) !important;padding:24px 20px !important;border-radius:22px !important}
  .mobileMenuHandle{
    border:1px solid rgba(255,255,255,.5) !important;
    background:linear-gradient(180deg,#7568ef,#5145d0) !important;
    box-shadow:0 8px 18px rgba(79,70,229,.25) !important;
  }
  .mobileInstallFab{border-radius:999px !important;box-shadow:0 12px 26px rgba(15,23,42,.18) !important}
  .announcementBar{font-size:.72rem !important}

  .usersFixedHeader,.combosHeader,.pricePageActions{border-radius:16px !important;padding:14px !important}
  .builderGrid{grid-template-columns:1fr !important}
  .builderPreviewHost{order:-1 !important}
  .settingsCard{padding:18px !important}
  .networkLoginRow{grid-template-columns:1fr !important}
}

/* Single-action accounts keep the upper block balanced without empty rows. */
@media(max-width:900px){
  .catalogPageActive .mobileCatalogDockActions .mobileRequestBalance:only-child,
  .catalogPageActive .mobileCatalogDockActions .mobileCodeMailButton:only-child{
    grid-row:2 / span 2 !important;
    height:73px !important;
    min-height:73px !important;
  }
}

/* ============================================================
   MoviePlay v82.1 — correcciones visuales y funcionales puntuales
   ============================================================ */

:root{
  --movieplay-mobile-dock-top:58px;
  --movieplay-mobile-dock-height:0px;
  --movieplay-sticky-top:84px;
}

/* Menú de PC: desplazamiento limpio sin barra nativa visible. */
@media(min-width:901px){
  .refSidebar{
    overflow:hidden !important;
  }
  .refSidebar nav{
    min-height:0 !important;
    overflow-y:auto !important;
    overscroll-behavior:contain !important;
    scrollbar-width:none !important;
    -ms-overflow-style:none !important;
    padding-right:2px !important;
    -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 12px,#000 calc(100% - 12px),transparent 100%);
    mask-image:linear-gradient(to bottom,transparent 0,#000 12px,#000 calc(100% - 12px),transparent 100%);
  }
  .refSidebar nav::-webkit-scrollbar{
    width:0 !important;
    height:0 !important;
    display:none !important;
  }
  .refSidebar nav button{
    flex:0 0 auto !important;
  }
}

/* Búsqueda de la red: encabezado estable y resultados siempre visibles. */
.usersPage{
  overflow:visible !important;
}
.usersFixedHeader{
  top:var(--movieplay-sticky-top) !important;
}
.usersPage>.tableWrap{
  position:relative !important;
  z-index:1 !important;
  background:#fff !important;
}
.usersSearch input{
  min-width:0 !important;
}

/* Precios: el primer servicio nunca queda debajo del encabezado. */
.pricesPage{
  overflow:visible !important;
}
.pricesPage>.panelHead{
  position:sticky !important;
  top:var(--movieplay-sticky-top) !important;
  z-index:82 !important;
  margin:0 !important;
  border-radius:20px 20px 0 0 !important;
  background:rgba(255,255,255,.985) !important;
}
.pricesPage .priceGroups{
  position:relative !important;
  z-index:1 !important;
  padding-top:16px !important;
  scroll-margin-top:150px !important;
}
.pricesPage .priceDisclosure:first-child{
  scroll-margin-top:170px !important;
}

/* Acción oficial de Netflix. */
.netflixActionButton{
  width:100% !important;
  margin-top:4px !important;
  background:linear-gradient(135deg,#e50914,#b20710) !important;
  color:#fff !important;
  box-shadow:0 9px 20px rgba(229,9,20,.22) !important;
}

/* Bloque móvil: fijo, medido por JS y sin textos cortados. */
@media(max-width:900px){
  .catalogPageActive .mobileCatalogDock{
    position:fixed !important;
    top:var(--movieplay-mobile-dock-top) !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px)) !important;
    z-index:900 !important;
    overflow:visible !important;
  }
  .catalogPageActive .mobileCatalogDockInner{
    width:min(100%,720px) !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 auto !important;
    display:grid !important;
    grid-template-columns:minmax(0,1.1fr) minmax(138px,.9fr) !important;
    grid-template-rows:auto auto auto !important;
    align-items:stretch !important;
    align-content:start !important;
    gap:6px !important;
  }
  .catalogPageActive .mobileCategoryChooser,
  .catalogPageActive .mobileDockBalance{
    height:auto !important;
    min-height:78px !important;
    overflow:visible !important;
  }
  .catalogPageActive .mobileCategoryChooser{
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    padding:7px 9px !important;
  }
  .catalogPageActive .mobileCategoryPrompt{
    display:block !important;
    margin:0 0 4px !important;
    overflow:visible !important;
    white-space:normal !important;
    text-overflow:clip !important;
    font-size:clamp(.52rem,2.3vw,.63rem) !important;
    line-height:1.1 !important;
  }
  .catalogPageActive .mobileCategorySelectShell{
    min-width:0 !important;
  }
  .catalogPageActive .mobileCategoryChooser select,
  .catalogPageActive .mobileCatalogDock .mobileCategoryChooser select{
    width:100% !important;
    min-width:0 !important;
    height:34px !important;
    min-height:34px !important;
    padding:5px 28px 5px 30px !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    font-size:clamp(.72rem,3vw,.86rem) !important;
    font-weight:900 !important;
  }
  .catalogPageActive .mobileCategoryChooser small,
  .catalogPageActive #mobileCategoryHint{
    display:block !important;
    min-height:0 !important;
    margin-top:4px !important;
    overflow:visible !important;
    white-space:normal !important;
    text-overflow:clip !important;
    font-size:clamp(.5rem,2.1vw,.58rem) !important;
    line-height:1.1 !important;
  }
  .catalogPageActive .mobileDockBalance{
    justify-content:center !important;
    text-align:center !important;
    padding:8px !important;
  }
  .catalogPageActive .mobileCatalogDockActions{
    grid-column:1/-1 !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:6px !important;
    margin:0 !important;
  }
  .catalogPageActive .mobileCatalogDockActions .mobileRequestBalance,
  .catalogPageActive .mobileCatalogDockActions .mobileCodeMailButton{
    width:100% !important;
    height:auto !important;
    min-height:36px !important;
    padding:7px 12px !important;
    line-height:1.15 !important;
  }
  body.catalogPageActive #content.refContent{
    padding-top:calc(var(--movieplay-mobile-dock-height) + var(--v82-card-gap)) !important;
  }
  .catalogPageActive .premiumCatalog.directCatalog,
  .catalogPageActive .compactCatalogContent,
  .catalogPageActive #giftGrid,
  .catalogPageActive .premiumGiftGrid,
  .catalogPageActive .directGiftGrid{
    margin-top:0 !important;
    padding-top:0 !important;
  }

  /* En móvil, Precios no usa encabezado flotante para no cubrir el primer servicio. */
  .pricesPage>.panelHead{
    position:relative !important;
    top:auto !important;
    z-index:2 !important;
    border-radius:18px 18px 0 0 !important;
  }
  .pricesPage .priceGroups{
    padding-top:10px !important;
  }
}

@media(max-width:480px){
  .catalogPageActive .mobileCatalogDock{
    padding-left:10px !important;
    padding-right:10px !important;
  }
  .catalogPageActive .mobileCatalogDockInner{
    grid-template-columns:minmax(0,1fr) minmax(128px,.86fr) !important;
    gap:5px !important;
  }
  .catalogPageActive .mobileCategoryChooser,
  .catalogPageActive .mobileDockBalance{
    min-height:76px !important;
  }
  .catalogPageActive .mobileCatalogDockActions{
    gap:5px !important;
  }
  .catalogPageActive .mobileCatalogDockActions .mobileRequestBalance,
  .catalogPageActive .mobileCatalogDockActions .mobileCodeMailButton{
    min-height:35px !important;
  }
}

@media(max-width:360px){
  .catalogPageActive .mobileCatalogDockInner{
    grid-template-columns:minmax(0,1fr) 122px !important;
  }
  .catalogPageActive .mobileCategoryPrompt{
    font-size:.49rem !important;
  }
  .catalogPageActive .mobileCategoryChooser select,
  .catalogPageActive .mobileCatalogDock .mobileCategoryChooser select{
    font-size:.7rem !important;
  }
}

/* MoviePlay v82.1 — barra de catálogo completa en PC, sin recortar COMBOS */
@media(min-width:901px){
  body.catalogPageActive .refHeader{
    gap:14px !important;
  }
  .catalogPageActive .headerContextTools{
    flex:1 1 auto !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    overflow:visible !important;
  }
  .catalogPageActive .compactCatalogToolbar{
    width:100% !important;
    min-width:0 !important;
    display:grid !important;
    grid-template-columns:max-content minmax(260px,1fr) !important;
    align-items:center !important;
    gap:12px !important;
    overflow:visible !important;
  }
  .catalogPageActive .compactTabs{
    display:flex !important;
    flex:0 0 auto !important;
    min-width:max-content !important;
    max-width:none !important;
    overflow:visible !important;
    gap:7px !important;
  }
  .catalogPageActive .compactTabs button{
    flex:0 0 auto !important;
    min-width:108px !important;
    max-width:none !important;
    padding:9px 11px !important;
    overflow:visible !important;
    white-space:nowrap !important;
  }
  .catalogPageActive .compactTabs button span{
    overflow:visible !important;
    text-overflow:clip !important;
    white-space:nowrap !important;
  }
  .catalogPageActive .compactTools{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    overflow:visible !important;
  }
  .catalogPageActive .compactSearch{
    flex:1 1 190px !important;
    width:auto !important;
    min-width:160px !important;
    max-width:none !important;
  }
  .catalogPageActive .compactTools select{
    flex:0 0 145px !important;
    width:145px !important;
    min-width:145px !important;
  }
}

@media(min-width:901px) and (max-width:1280px){
  .catalogPageActive .compactCatalogToolbar{
    grid-template-columns:max-content minmax(210px,1fr) !important;
    gap:8px !important;
  }
  .catalogPageActive .compactTabs button{
    min-width:auto !important;
    padding-inline:8px !important;
    font-size:.72rem !important;
  }
  .catalogPageActive .compactTabs button small{
    display:none !important;
  }
  .catalogPageActive .compactTools select{
    flex-basis:128px !important;
    width:128px !important;
    min-width:128px !important;
  }
}

/* MoviePlay v82.1 — contención de tablas en tablet vertical */
@media(min-width:601px) and (max-width:900px){
  body.dashboardPageActive .dashboardPanel,
  body.dashboardPageActive .salesResponsiveWrap,
  body.salesPageActive #salesTableHost,
  body.salesPageActive .salesResponsiveWrap{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    overflow:hidden !important;
  }
  body.dashboardPageActive .salesResponsiveTable,
  body.salesPageActive .salesResponsiveTable{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    table-layout:fixed !important;
  }
  body.dashboardPageActive .salesResponsiveTable thead,
  body.salesPageActive .salesResponsiveTable thead{
    display:none !important;
  }
  body.dashboardPageActive .salesResponsiveTable tbody,
  body.salesPageActive .salesResponsiveTable tbody{
    display:flex !important;
    flex-direction:column !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    gap:10px !important;
    padding:8px !important;
    box-sizing:border-box !important;
  }
  body.dashboardPageActive .salesResponsiveTable tbody tr,
  body.salesPageActive .salesResponsiveTable tbody tr{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:12px !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
    border:1px solid #e4eaf2 !important;
    border-radius:14px !important;
    background:#fff !important;
  }
  body.dashboardPageActive .salesResponsiveTable tbody td,
  body.salesPageActive .salesResponsiveTable tbody td{
    display:block !important;
    width:auto !important;
    max-width:100% !important;
    min-width:0 !important;
    padding:7px 8px !important;
    border:0 !important;
    overflow-wrap:anywhere !important;
    word-break:break-word !important;
  }
  body.dashboardPageActive .salesResponsiveTable tbody td:nth-child(3),
  body.dashboardPageActive .salesResponsiveTable tbody td:nth-child(4),
  body.dashboardPageActive .salesResponsiveTable tbody td:nth-child(5),
  body.salesPageActive .salesResponsiveTable tbody td:nth-child(3),
  body.salesPageActive .salesResponsiveTable tbody td:nth-child(4),
  body.salesPageActive .salesResponsiveTable tbody td:nth-child(5){
    grid-column:1/-1 !important;
  }
}

/* Constructor estable en portátiles y PC medianos. */
@media(min-width:901px) and (max-width:1450px){
  .builderPage,.builderGrid,.previewPanel,.settingsPanel,
  #builderFormHost,.builderForm{
    min-width:0 !important;
    max-width:100% !important;
  }
  .builderGrid{
    grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr) !important;
  }
  .builderForm,
  .builderForm > *,
  .builderForm .fieldGroup,
  .builderForm .fieldGrid2,
  .builderForm .placementBox,
  .builderForm .durationEditor,
  .builderForm .uploadZone,
  .builderForm .rangeGroup,
  .builderForm .giftTypography,
  .builderForm .builderActions,
  .builderForm .deliveryFields,
  .builderForm .displaySectionChecks,
  .builderForm label,
  .builderForm input,
  .builderForm select,
  .builderForm textarea{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
  }
}

/* Constructor: una columna en tablet/PC compacto y tipografía adaptable en portátil. */
@media(min-width:901px) and (max-width:1200px){
  .builderGrid{
    grid-template-columns:minmax(0,1fr) !important;
  }
}
@media(min-width:1201px) and (max-width:1450px){
  .builderForm .giftTypography,
  .builderForm .giftTypographyHead,
  .builderForm .giftTextRows,
  .builderForm .giftTextRow{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
  }
  .builderForm .giftTextRow{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
  .builderForm .giftTextRow>b{
    grid-column:1/-1 !important;
  }
}

/* El botón de acción Netflix conserva su identidad visual frente a .btn.primary. */
.btn.primary.netflixActionButton{
  background:linear-gradient(135deg,#e50914,#b20710) !important;
  color:#fff !important;
  box-shadow:0 9px 20px rgba(229,9,20,.22) !important;
}

/* ============================================================
   MoviePlay v82.2 — Servicios móvil fijado al borde superior
   ============================================================ */
@media(max-width:900px){
  /* En Servicios, el dock reemplaza completamente al encabezado móvil.
     Así no queda una franja vacía ni se ven tarjetas por encima. */
  body.catalogPageActive .refHeader{
    display:none !important;
    height:0 !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    overflow:hidden !important;
  }

  body.catalogPageActive .mobileCatalogDock{
    top:0 !important;
    margin:0 !important;
    background:#f7f9fc !important;
    border-top:0 !important;
    box-shadow:0 9px 24px rgba(15,23,42,.1) !important;
  }

  /* La billetera usa una cuadrícula real: icono y título comparten
     la primera fila y el valor queda completo debajo. */
  body.catalogPageActive .mobileDockBalance{
    display:grid !important;
    grid-template-columns:28px minmax(0,1fr) !important;
    grid-template-rows:auto auto !important;
    column-gap:7px !important;
    row-gap:4px !important;
    align-content:center !important;
    align-items:center !important;
    justify-content:stretch !important;
    text-align:left !important;
    padding:8px 9px !important;
  }

  body.catalogPageActive .mobileDockBalance::before{
    position:relative !important;
    inset:auto !important;
    grid-column:1 !important;
    grid-row:1 !important;
    width:27px !important;
    height:27px !important;
    margin:0 !important;
    align-self:center !important;
  }

  body.catalogPageActive .mobileDockBalance span{
    grid-column:2 !important;
    grid-row:1 !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    text-align:left !important;
    white-space:nowrap !important;
    overflow:visible !important;
    text-overflow:clip !important;
    font-size:clamp(.52rem,2.15vw,.62rem) !important;
    letter-spacing:.035em !important;
    line-height:1.05 !important;
  }

  body.catalogPageActive .mobileDockBalance b{
    grid-column:1 / -1 !important;
    grid-row:2 !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    text-align:center !important;
    white-space:nowrap !important;
    overflow:visible !important;
    text-overflow:clip !important;
    font-size:clamp(1rem,4.3vw,1.28rem) !important;
    line-height:1.05 !important;
  }

  /* El contenido comienza exactamente después del dock fijo. */
  body.catalogPageActive #content.refContent{
    padding-top:calc(var(--movieplay-mobile-dock-height) + var(--v82-card-gap)) !important;
  }
}

@media(max-width:390px){
  body.catalogPageActive .mobileCatalogDockInner{
    grid-template-columns:minmax(0,1fr) minmax(126px,.88fr) !important;
  }
  body.catalogPageActive .mobileDockBalance{
    grid-template-columns:25px minmax(0,1fr) !important;
    column-gap:5px !important;
    padding:7px !important;
  }
  body.catalogPageActive .mobileDockBalance::before{
    width:25px !important;
    height:25px !important;
  }
  body.catalogPageActive .mobileDockBalance span{
    font-size:clamp(.49rem,2.12vw,.57rem) !important;
    letter-spacing:.02em !important;
  }
}

@media(max-width:350px){
  body.catalogPageActive .mobileCatalogDockInner{
    grid-template-columns:minmax(0,1fr) 120px !important;
  }
  body.catalogPageActive .mobileDockBalance{
    grid-template-columns:23px minmax(0,1fr) !important;
    column-gap:4px !important;
    padding:6px !important;
  }
  body.catalogPageActive .mobileDockBalance::before{
    width:23px !important;
    height:23px !important;
  }
  body.catalogPageActive .mobileDockBalance span{
    font-size:.47rem !important;
  }
  body.catalogPageActive .mobileDockBalance b{
    font-size:.96rem !important;
  }
}


/* MoviePlay v82.9 — banner premium de instalación visible al final de Servicios en Android */
.catalogAndroidInstall[hidden]{display:none !important;}
.catalogAndroidInstall{
  position:relative;
  margin:var(--v82-card-gap,12px) 4px max(22px,env(safe-area-inset-bottom));
  padding:20px 22px;
  display:grid;
  grid-template-columns:112px minmax(0,1fr) minmax(220px,320px);
  align-items:center;
  gap:22px;
  border:1px solid rgba(163,230,53,.18);
  border-radius:28px;
  background:
    radial-gradient(circle at 18% 50%,rgba(163,230,53,.10),transparent 22%),
    radial-gradient(circle at 88% 50%,rgba(163,230,53,.08),transparent 26%),
    linear-gradient(135deg,#020617 0%,#031525 45%,#071124 100%);
  color:#fff;
  box-shadow:0 20px 40px rgba(15,23,42,.16), inset 0 1px 0 rgba(255,255,255,.05);
  overflow:hidden;
}
.catalogAndroidInstall::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(120deg,transparent 0 58%,rgba(163,230,53,.06) 72%,transparent 86%),
    repeating-linear-gradient(140deg,transparent 0 14px,rgba(56,189,248,.04) 14px 16px,transparent 16px 32px);
  pointer-events:none;
}
.catalogAndroidInstallGlow{
  position:absolute;
  inset:auto -10% -30% auto;
  width:260px;
  height:180px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(163,230,53,.16) 0%,rgba(163,230,53,0) 70%);
  filter:blur(8px);
  pointer-events:none;
}
.catalogAndroidInstallIconWrap{
  position:relative;
  z-index:1;
  width:112px;
  height:112px;
  display:grid;
  place-items:center;
  border-radius:999px;
  border:2px solid rgba(163,230,53,.75);
  box-shadow:0 0 0 10px rgba(163,230,53,.06), 0 0 34px rgba(163,230,53,.24);
  background:radial-gradient(circle at 50% 45%,rgba(34,197,94,.10),rgba(2,6,23,.94) 72%);
}
.catalogAndroidInstallIcon{
  width:78px;
  height:78px;
  display:grid;
  place-items:center;
  border-radius:26px;
  background:linear-gradient(180deg,rgba(15,23,42,.92),rgba(6,16,30,.98));
  border:1px solid rgba(163,230,53,.35);
  color:#a3e635;
  font-size:2rem;
  font-weight:900;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 12px 28px rgba(0,0,0,.34);
}
.catalogAndroidInstallCopy{
  position:relative;
  z-index:1;
  min-width:0;
}
.catalogAndroidInstallCopy span{
  display:block;
  margin-bottom:10px;
  color:#84cc16;
  font-size:.8rem;
  font-weight:900;
  letter-spacing:.08em;
}
.catalogAndroidInstallCopy h3{
  margin:0;
  font-size:1.72rem;
  line-height:1.08;
  letter-spacing:-.02em;
  text-wrap:balance;
}
.catalogAndroidInstallCopy p{
  margin:12px 0 0;
  max-width:560px;
  color:rgba(226,232,240,.92);
  font-size:1rem;
  line-height:1.48;
}
.catalogAndroidInstallActions{
  position:relative;
  z-index:1;
  display:grid;
  gap:14px;
  justify-items:end;
}
.catalogAndroidInstallButton{
  min-height:64px;
  min-width:280px;
  padding:16px 24px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  border:0;
  border-radius:20px;
  background:linear-gradient(180deg,#befb32,#8ef11a);
  color:#06111d;
  font-weight:950;
  font-size:1.04rem;
  box-shadow:0 0 0 1px rgba(190,251,50,.34), 0 14px 30px rgba(132,204,22,.28);
  white-space:nowrap;
}
.catalogAndroidInstallButton span{
  display:inline-grid;
  place-items:center;
  width:32px;
  height:32px;
  border-radius:999px;
  background:rgba(255,255,255,.36);
  font-size:1rem;
  line-height:1;
}
.catalogAndroidInstallButton strong{font:inherit;}
.catalogAndroidInstallButton:active{transform:translateY(1px);}
.catalogAndroidInstallButton:disabled{opacity:.7;cursor:wait;}
.catalogAndroidInstallBadge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:38px;
  padding:8px 16px;
  border-radius:999px;
  border:1px solid rgba(163,230,53,.24);
  background:rgba(2,6,23,.54);
  color:#bef264;
  font-size:.92rem;
  font-weight:900;
}

@media(max-width:980px){
  .catalogAndroidInstall{
    grid-template-columns:90px minmax(0,1fr);
    gap:16px;
  }
  .catalogAndroidInstallActions{
    grid-column:1/-1;
    justify-items:stretch;
  }
  .catalogAndroidInstallButton{
    min-width:0;
    width:100%;
  }
  .catalogAndroidInstallBadge{
    justify-self:flex-start;
  }
}

@media(max-width:700px){
  .catalogAndroidInstall{
    margin-left:0;
    margin-right:0;
    padding:16px;
    grid-template-columns:70px minmax(0,1fr);
    gap:14px;
    border-radius:22px;
  }
  .catalogAndroidInstallIconWrap{
    width:70px;
    height:70px;
    box-shadow:0 0 0 6px rgba(163,230,53,.06), 0 0 24px rgba(163,230,53,.22);
  }
  .catalogAndroidInstallIcon{
    width:50px;
    height:50px;
    border-radius:17px;
    font-size:1.4rem;
  }
  .catalogAndroidInstallCopy span{
    margin-bottom:6px;
    font-size:.7rem;
  }
  .catalogAndroidInstallCopy h3{
    font-size:1.08rem;
    line-height:1.14;
  }
  .catalogAndroidInstallCopy p{
    margin-top:8px;
    font-size:.82rem;
    line-height:1.4;
  }
  .catalogAndroidInstallActions{
    grid-column:1/-1;
    gap:10px;
  }
  .catalogAndroidInstallButton{
    min-height:50px;
    padding:12px 16px;
    border-radius:16px;
    font-size:.95rem;
  }
  .catalogAndroidInstallButton span{
    width:26px;
    height:26px;
    font-size:.92rem;
  }
  .catalogAndroidInstallBadge{
    min-height:32px;
    padding:6px 12px;
    font-size:.78rem;
  }
}

/* MoviePlay v82.7 — correo entregado en historial de ventas */
.saleDeliveryEmails{display:grid;gap:4px;min-width:190px}
.saleDeliveryEmails span{display:block;max-width:280px;padding:5px 8px;border:1px solid #dbe4f0;border-radius:9px;background:#f8fafc;color:#1e293b;font-size:.73rem;font-weight:800;line-height:1.25;overflow-wrap:anywhere}
@media(max-width:800px){
  .saleDeliveryEmails{min-width:0;width:100%}
  .saleDeliveryEmails span{max-width:none;text-align:right}
}

/* MoviePlay v82.11 — alertas administrativas y estados sin stock */
.adminPushButton{
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:9px 13px;
  border:1px solid #dbe4ef;
  border-radius:13px;
  background:#fff;
  color:#334155;
  font-size:.76rem;
  font-weight:900;
  white-space:nowrap;
  box-shadow:0 5px 14px rgba(15,23,42,.05);
}
.adminPushButton.active{
  border-color:rgba(34,197,94,.38);
  background:linear-gradient(135deg,#ecfdf5,#dcfce7);
  color:#166534;
}
.notificationItem.balance-zero,
.notificationItem.stock-zero{
  border-color:rgba(239,68,68,.32) !important;
  background:linear-gradient(135deg,#fff7f7,#fff1f2) !important;
  box-shadow:0 8px 22px rgba(239,68,68,.08) !important;
}
.notificationItem.balance-zero>span,
.notificationItem.stock-zero>span{color:#ef4444 !important;}
.criticalList .criticalZero{
  position:relative;
  border:1px solid rgba(239,68,68,.42) !important;
  background:linear-gradient(135deg,#fff1f2,#fee2e2) !important;
  box-shadow:0 0 0 3px rgba(239,68,68,.07),0 8px 20px rgba(239,68,68,.10) !important;
  animation:movieplayZeroPulse 1.9s ease-in-out infinite;
  cursor:pointer;
}
.criticalList .criticalZero b{color:#991b1b !important;}
.criticalList .criticalZero .red{font-weight:950 !important;letter-spacing:.03em;}
@keyframes movieplayZeroPulse{
  0%,100%{transform:translateY(0);box-shadow:0 0 0 3px rgba(239,68,68,.06),0 8px 20px rgba(239,68,68,.08)}
  50%{transform:translateY(-1px);box-shadow:0 0 0 6px rgba(239,68,68,.04),0 12px 25px rgba(239,68,68,.14)}
}
.catalogPageActive .premiumGift.outOfStockHighlight{
  opacity:1 !important;
  filter:none !important;
  border:2px solid rgba(248,113,113,.95) !important;
  box-shadow:0 0 0 4px rgba(239,68,68,.12),0 18px 34px rgba(127,29,29,.20) !important;
}
.catalogPageActive .premiumGift.outOfStockHighlight::after{
  content:"SIN STOCK";
  position:absolute;
  left:12px;
  right:12px;
  bottom:12px;
  z-index:8;
  display:grid;
  place-items:center;
  min-height:34px;
  border-radius:11px;
  background:rgba(127,29,29,.94);
  color:#fff;
  font-size:.72rem;
  font-weight:950;
  letter-spacing:.08em;
  box-shadow:0 8px 18px rgba(127,29,29,.28);
}
.inventoryDisclosure.inventoryZeroHighlight{
  border:2px solid rgba(239,68,68,.65) !important;
  background:#fff7f7 !important;
  box-shadow:0 0 0 5px rgba(239,68,68,.09),0 16px 32px rgba(127,29,29,.10) !important;
  scroll-margin-top:120px;
}
.inventoryDisclosure.inventoryZeroHighlight .inventoryDisclosureSummary h3{color:#991b1b !important;}
.inventoryDisclosure.inventoryZeroHighlight .inventoryDisclosureSummary::after{
  content:"SIN STOCK";
  margin-left:auto;
  padding:6px 10px;
  border-radius:999px;
  background:#fee2e2;
  color:#991b1b;
  font-size:.65rem;
  font-weight:950;
  letter-spacing:.05em;
}
@media(max-width:900px){
  .adminPushButton span{display:none;}
  .adminPushButton{width:42px;min-width:42px;padding:0;border-radius:12px;font-size:1rem;}
}
.usersPage tr.sellerZeroBalance td{background:#fff7f7 !important;}
.usersPage tr.sellerZeroBalance td:first-child{box-shadow:inset 4px 0 0 #ef4444;}
.sellerZeroBadge{display:inline-flex;margin-top:6px;padding:4px 7px;border-radius:999px;background:#fee2e2;color:#991b1b;font-size:.6rem;font-style:normal;font-weight:950;letter-spacing:.05em;}


/* MoviePlay v82.16 — notificaciones diferenciadas para stock 1 y stock 0 */
.notificationItem.stock-critical{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(245,158,11,.42) !important;
  background:linear-gradient(135deg,#fffbeb 0%,#fff7d6 58%,#ffedd5 100%) !important;
  box-shadow:0 9px 24px rgba(217,119,6,.12),inset 4px 0 0 #f59e0b !important;
}
.notificationItem.stock-critical::after{
  content:"ÚLTIMA UNIDAD";
  position:absolute;
  right:9px;
  top:9px;
  padding:4px 7px;
  border-radius:999px;
  background:#f59e0b;
  color:#fff;
  font-size:.54rem;
  font-weight:950;
  letter-spacing:.07em;
}
.notificationItem.stock-critical>span{
  color:#d97706 !important;
  font-size:1.25rem;
  filter:drop-shadow(0 4px 7px rgba(217,119,6,.18));
}
.notificationItem.stock-critical b{color:#92400e !important;padding-right:82px;display:block;}
.notificationItem.stock-critical p{color:#a16207 !important;}

.notificationItem.stock-zero{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(239,68,68,.48) !important;
  background:linear-gradient(135deg,#fff1f2 0%,#fee2e2 58%,#fecaca 100%) !important;
  box-shadow:0 10px 26px rgba(185,28,28,.16),inset 4px 0 0 #dc2626 !important;
  animation:movieplayNotificationZeroPulse 2s ease-in-out infinite;
}
.notificationItem.stock-zero::after{
  content:"URGENTE";
  position:absolute;
  right:9px;
  top:9px;
  padding:4px 8px;
  border-radius:999px;
  background:#dc2626;
  color:#fff;
  font-size:.54rem;
  font-weight:950;
  letter-spacing:.08em;
}
.notificationItem.stock-zero>span{
  color:#dc2626 !important;
  font-size:1.3rem;
  filter:drop-shadow(0 4px 8px rgba(185,28,28,.22));
}
.notificationItem.stock-zero b{color:#991b1b !important;padding-right:58px;display:block;}
.notificationItem.stock-zero p{color:#b91c1c !important;}
@keyframes movieplayNotificationZeroPulse{
  0%,100%{box-shadow:0 10px 26px rgba(185,28,28,.12),inset 4px 0 0 #dc2626}
  50%{box-shadow:0 12px 32px rgba(185,28,28,.22),0 0 0 4px rgba(239,68,68,.07),inset 4px 0 0 #dc2626}
}
@media(max-width:620px){
  .notificationItem.stock-critical::after,
  .notificationItem.stock-zero::after{position:static;display:inline-flex;margin-top:6px;}
  .notificationItem.stock-critical b,
  .notificationItem.stock-zero b{padding-right:0;}
}


/* MoviePlay v82.16 — Centro de garantías y soporte */
.supportChatBox{margin:16px 0;padding:16px;border:1px solid #dbe5db;border-radius:18px;background:#f8fbf7}
.supportChatBox h3{margin:0 0 12px}
.supportChatMessages{display:grid;gap:9px;max-height:320px;overflow:auto;padding:8px;background:#fff;border:1px solid #e2e8e0;border-radius:12px}
.supportChatMessage{max-width:86%;padding:9px 12px;border-radius:12px;background:#f0f4ee;overflow-wrap:anywhere}
.supportChatMessage.mine{justify-self:end;background:#e8f8d8}
.supportChatMessage b,.supportChatMessage small{font-size:11px;color:#536453}
.supportChatMessage p{margin:4px 0;white-space:pre-wrap}
.supportChatComposer{display:flex;gap:8px;margin-top:10px;align-items:flex-end}
.supportChatComposer textarea{flex:1;min-width:0;resize:vertical}
.supportChatEmojis{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
.supportChatEmojis button{font-size:20px;background:#fff;border:1px solid #dbe5db;border-radius:9px;padding:4px 7px;cursor:pointer}
@media(max-width:640px){.supportChatComposer{flex-direction:column;align-items:stretch}.supportChatMessage{max-width:95%}}
.supportSaleButton{background:linear-gradient(135deg,#0f766e,#0d9488)!important;color:#fff!important;border:0!important;white-space:nowrap}
.saleWarrantyHint{display:block;margin-top:5px;font-size:.68rem;font-weight:850}.saleWarrantyHint.active{color:#059669}.saleWarrantyHint.expired{color:#dc2626}
.supportWorkspace{display:grid;gap:16px}.supportHero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px;border-radius:25px;background:linear-gradient(135deg,#071827,#0f2940 55%,#103b3d);color:#fff;box-shadow:0 18px 38px rgba(15,23,42,.13)}.supportHero h1{margin:4px 0 5px;font-size:clamp(1.6rem,3vw,2.35rem)}.supportHero p{margin:0;color:#cbd5e1}.supportHeroBadge{padding:12px 18px;border-radius:999px;background:#a3e635;color:#11210a;font-weight:950;white-space:nowrap}
.supportMetricGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.supportMetricGrid article{padding:17px;border:1px solid #e2e8f0;border-radius:18px;background:#fff;box-shadow:0 10px 24px rgba(15,23,42,.06)}.supportMetricGrid span{display:block;color:#64748b;font-size:.78rem;font-weight:800}.supportMetricGrid strong{display:block;margin-top:4px;font-size:1.65rem}.supportMetricGrid .supportNew strong{color:#dc2626}.supportMetricGrid .supportSolved strong{color:#059669}
.supportFilters{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:12px}.supportFilters select{border:1px solid #dbe4f0;border-radius:15px;padding:0 14px;background:#fff;font-weight:800}
.supportTicketsGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.supportTicketCard{padding:17px;border:1px solid #e2e8f0;border-left:5px solid #64748b;border-radius:20px;background:#fff;box-shadow:0 12px 26px rgba(15,23,42,.07);cursor:pointer;transition:.18s}.supportTicketCard:hover{transform:translateY(-2px);box-shadow:0 16px 30px rgba(15,23,42,.11)}.supportTicketCard.status-nuevo{border-left-color:#ef4444}.supportTicketCard.status-en-revision{border-left-color:#f59e0b}.supportTicketCard.status-esperando-cliente{border-left-color:#eab308}.supportTicketCard.status-cambio-de-credenciales{border-left-color:#8b5cf6}.supportTicketCard.status-escalado-al-administrador{border-left-color:#ec4899}.supportTicketCard.status-solucionado{border-left-color:#10b981}.supportTicketCard.status-cerrado-sin-garantia{border-left-color:#475569}
.supportTicketHeader,.supportTicketFooter,.supportTicketMeta{display:flex;align-items:center;justify-content:space-between;gap:10px}.supportTicketHeader>div>span{font-size:.7rem;color:#64748b;font-weight:900;letter-spacing:.06em}.supportTicketHeader h3{margin:3px 0 0}.supportStatus{padding:6px 9px;border-radius:999px;background:#e2e8f0;color:#334155;font-size:.68rem;font-weight:900;white-space:nowrap}.supportStatus.status-nuevo{background:#fee2e2;color:#b91c1c}.supportStatus.status-en-revision{background:#fef3c7;color:#92400e}.supportStatus.status-esperando-cliente{background:#fef9c3;color:#854d0e}.supportStatus.status-cambio-de-credenciales{background:#ede9fe;color:#6d28d9}.supportStatus.status-escalado-al-administrador{background:#fce7f3;color:#be185d}.supportStatus.status-solucionado{background:#d1fae5;color:#047857}.supportStatus.status-cerrado-sin-garantia{background:#e2e8f0;color:#334155}
.supportTicketCustomer{display:grid;gap:3px;margin:15px 0}.supportTicketCustomer small{color:#64748b}.supportProgressTrack{height:9px;border-radius:999px;background:#e2e8f0;overflow:hidden}.supportProgressTrack i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#14b8a6,#84cc16)}.supportTicketMeta{margin:8px 0 14px;color:#64748b;font-size:.72rem}.warrantyBadge{display:inline-flex;align-items:center;min-height:30px;padding:6px 10px;border-radius:999px;font-size:.7rem;font-weight:900}.warrantyBadge.active{background:#dcfce7;color:#047857}.warrantyBadge.expired{background:#fee2e2;color:#b91c1c}.supportEmpty{grid-column:1/-1;padding:50px;text-align:center;border:1px dashed #cbd5e1;border-radius:22px;background:#fff}.supportEmpty span{font-size:2.2rem}.supportEmpty h3{margin:8px 0 4px}.supportEmpty p{margin:0;color:#64748b}
.supportSaleSummary,.supportDetailGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}.supportSaleSummary div,.supportDetailGrid div{padding:11px;border-radius:13px;background:#f8fafc;border:1px solid #e2e8f0}.supportSaleSummary span,.supportDetailGrid span{display:block;color:#64748b;font-size:.68rem;font-weight:800}.supportSaleSummary b,.supportDetailGrid b{display:block;margin-top:3px;overflow-wrap:anywhere}.supportReportForm,.supportUpdateForm{display:grid;gap:12px;margin-top:14px}.supportReportForm label,.supportUpdateForm label{display:grid;gap:6px;font-weight:800}.supportReportForm select,.supportReportForm textarea,.supportUpdateForm select,.supportUpdateForm textarea{width:100%;border:1px solid #cbd5e1;border-radius:12px;padding:11px;background:#fff}.supportTicketTop{display:flex;justify-content:space-between;gap:10px;align-items:center}.supportDescriptionBox,.supportPublicResponse{margin:12px 0;padding:14px;border-radius:15px;background:#f8fafc;border:1px solid #e2e8f0;white-space:pre-wrap}.supportProgressLarge{margin:14px 0;padding:14px;border-radius:15px;background:#071827;color:#fff}.supportProgressLarge>div:first-child{display:flex;justify-content:space-between;margin-bottom:9px}.supportProgressLarge .supportProgressTrack{background:rgba(255,255,255,.16)}.supportModalActions{display:flex;gap:10px;flex-wrap:wrap}.supportTimeline{margin-top:18px}.supportTimeline>div{display:grid;grid-template-columns:90px 12px minmax(0,1fr);gap:8px}.supportTimeline>div>span{font-size:.7rem;color:#64748b;padding-top:4px}.supportTimeline>div>i{position:relative;width:8px;height:8px;margin-top:5px;border-radius:50%;background:#14b8a6}.supportTimeline>div>i:after{content:"";position:absolute;top:10px;left:3px;width:2px;height:calc(100% + 38px);background:#dbe4f0}.supportTimeline>div:last-child>i:after{display:none}.supportTimeline section{padding-bottom:14px}.supportTimeline section small{display:block;color:#64748b}.supportTimeline section p{margin:5px 0 0;color:#475569;white-space:pre-wrap}.supportMiniList{display:grid;gap:8px}.supportMiniList button{width:100%;display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px;border:1px solid #e2e8f0;border-radius:13px;background:#fff;text-align:left}.supportMiniList button div{min-width:0}.supportMiniList button small{display:block;color:#64748b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.supportMiniProgress{height:5px;margin-top:7px;border-radius:99px;background:#e2e8f0;overflow:hidden}.supportMiniProgress i{display:block;height:100%;background:#14b8a6}.supportStatusDot{width:9px;height:9px;border-radius:50%;background:#64748b}
@media(max-width:1000px){.supportMetricGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.supportTicketsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.supportHero{padding:18px;align-items:flex-start}.supportHeroBadge{font-size:.76rem}.supportMetricGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.supportFilters{grid-template-columns:1fr}.supportFilters select{min-height:46px}.supportTicketsGrid{grid-template-columns:1fr}.supportSaleSummary,.supportDetailGrid{grid-template-columns:1fr}.supportTicketFooter{align-items:flex-end}.supportTicketFooter .btn{padding:9px 11px}.supportModalActions .btn{width:100%}.supportTimeline>div{grid-template-columns:72px 12px minmax(0,1fr)}}


/* MoviePlay v82.18 — notificaciones diferenciadas de garantías */
.notificationItem{width:100%;text-align:left;border:0;cursor:default;font-family:inherit;}
.notificationItem[data-notification-url]{cursor:pointer;transition:transform .16s ease,box-shadow .16s ease;}
.notificationItem[data-notification-url]:active{transform:scale(.99);}
.notificationItem.support-new{background:linear-gradient(135deg,#fff7ed,#ffedd5)!important;border:1px solid #fdba74!important;box-shadow:0 8px 18px rgba(234,88,12,.08);}
.notificationItem.support-new b{color:#9a3412!important;}
.notificationItem.support-new p{color:#c2410c!important;}
.notificationItem.support-attending{background:linear-gradient(135deg,#eff6ff,#e0f2fe)!important;border:1px solid #7dd3fc!important;}
.notificationItem.support-attending b{color:#075985!important;}
.notificationItem.support-attending p{color:#0369a1!important;}
.notificationItem.support-reply{background:linear-gradient(135deg,#f5f3ff,#ede9fe)!important;border:1px solid #c4b5fd!important;}
.notificationItem.support-reply b{color:#5b21b6!important;}
.notificationItem.support-reply p{color:#6d28d9!important;}
.notificationItem.support-solved{background:linear-gradient(135deg,#ecfdf5,#d1fae5)!important;border:1px solid #6ee7b7!important;box-shadow:0 8px 18px rgba(5,150,105,.08);}
.notificationItem.support-solved b{color:#065f46!important;}
.notificationItem.support-solved p{color:#047857!important;}


/* MoviePlay v82.18 — buscador de compras y tiempo de solución de garantías */
.supportSaleFinder{display:grid;gap:12px;padding:20px;border:1px solid #dbe4f0;border-radius:22px;background:linear-gradient(145deg,#fff,#f8fbff);box-shadow:0 12px 26px rgba(15,23,42,.06)}
.supportSaleFinderHead{display:flex;align-items:center;justify-content:space-between;gap:18px}.supportSaleFinderHead h2{margin:3px 0 4px;font-size:1.25rem}.supportSaleFinderHead p{margin:0;color:#64748b}.supportFinderIcon{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:#071827;color:#a3e635;font-size:1.45rem;font-weight:950}
.supportSaleFinderInput{max-width:none}.supportSaleSearchHelp{color:#64748b;font-size:.78rem;font-weight:800}.supportSaleResults{display:grid;gap:10px}.supportSaleResult{display:grid;grid-template-columns:minmax(170px,1fr) minmax(280px,1.5fr) auto;gap:14px;align-items:center;padding:14px;border:1px solid #dbe4f0;border-radius:17px;background:#fff}.supportSaleResult.hasTicket{border-color:#fbbf24;background:#fffbeb}.supportSaleResultMain span{color:#64748b;font-size:.7rem;font-weight:900}.supportSaleResultMain h3{margin:3px 0;font-size:1rem}.supportSaleResultMain p{margin:0;color:#334155;font-weight:800}.supportSaleResultMeta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.supportSaleResultMeta div{min-width:0;padding:8px 9px;border-radius:11px;background:#f8fafc}.supportSaleResultMeta span{display:block;color:#64748b;font-size:.64rem;font-weight:800}.supportSaleResultMeta b{display:block;margin-top:2px;font-size:.78rem;overflow-wrap:anywhere}.supportSaleResultAction{display:grid;gap:7px;justify-items:end}.supportSaleResultAction small{color:#92400e;font-size:.68rem;font-weight:800;text-align:right}
.supportMetricGrid.withResolution{grid-template-columns:repeat(6,minmax(0,1fr))}.supportResolutionMetric{background:linear-gradient(145deg,#ecfeff,#fff)!important;border-color:#a5f3fc!important}.supportResolutionMetric strong{font-size:1.15rem!important;color:#0f766e}.supportResolutionTime{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:11px 0 0;padding:10px 12px;border-radius:12px;background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.supportResolutionTime span{font-size:.72rem;font-weight:850}.supportResolutionTime b{font-size:.9rem}.supportResolutionDetail{background:#ecfdf5!important;border-color:#a7f3d0!important}.supportResolutionDetail b{color:#047857}.supportResolutionDetail small{display:block;margin-top:4px;color:#64748b;font-size:.65rem}
@media(max-width:1150px){.supportMetricGrid.withResolution{grid-template-columns:repeat(3,minmax(0,1fr))}.supportSaleResult{grid-template-columns:1fr}.supportSaleResultAction{justify-items:start}.supportSaleResultAction small{text-align:left}}
@media(max-width:700px){.supportSaleFinder{padding:15px}.supportSaleFinderHead{align-items:flex-start}.supportFinderIcon{width:42px;height:42px;border-radius:14px}.supportSaleResultMeta{grid-template-columns:1fr}.supportSaleResultAction .btn{width:100%}.supportSaleResultAction{justify-items:stretch}.supportMetricGrid.withResolution{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* MoviePlay v82.19 — garantía igual a vigencia, renovación y evidencia privada */
.supportPurchaseCoverage{
  display:grid;
  gap:4px;
  margin:12px 0 16px;
  padding:13px 15px;
  border:1px solid rgba(59,130,246,.18);
  border-radius:16px;
  background:linear-gradient(135deg,rgba(239,246,255,.95),rgba(248,250,252,.98));
}
.supportPurchaseCoverage span{
  color:#475569;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.supportPurchaseCoverage b{color:#0f172a;font-size:.92rem;}
.supportPurchaseCoverage small{color:#64748b;line-height:1.4;}
.supportEvidenceUpload{
  display:grid;
  gap:8px;
  padding:14px;
  border:1px dashed rgba(99,102,241,.38);
  border-radius:16px;
  background:rgba(238,242,255,.56);
}
.supportEvidenceUpload>span{color:#1e293b;font-weight:900;}
.supportEvidenceUpload>span small{font-weight:700;color:#64748b;}
.supportEvidenceUpload input[type=file]{
  width:100%;
  padding:10px;
  border:1px solid #dbe4f0;
  border-radius:12px;
  background:#fff;
}
.supportEvidenceUpload>small{color:#64748b;line-height:1.35;}
.supportEvidencePreview{
  display:grid;
  grid-template-columns:104px minmax(0,1fr);
  align-items:center;
  gap:12px;
  padding:10px;
  border:1px solid #dbe4f0;
  border-radius:16px;
  background:#fff;
  box-shadow:0 8px 20px rgba(15,23,42,.06);
}
.supportEvidencePreview[hidden]{display:none!important;}
.supportEvidencePreview img{
  width:104px;
  height:82px;
  object-fit:cover;
  border-radius:12px;
  background:#e2e8f0;
}
.supportEvidencePreview>div{display:grid;gap:4px;min-width:0;}
.supportEvidencePreview b{overflow-wrap:anywhere;color:#0f172a;}
.supportEvidencePreview small{color:#64748b;}
.supportEvidencePreview button{
  justify-self:start;
  padding:5px 10px;
  border:0;
  border-radius:9px;
  background:#fee2e2;
  color:#991b1b;
  font-weight:900;
}
.supportEvidenceGallery{
  margin:14px 0;
  padding:14px;
  border:1px solid #dbe4f0;
  border-radius:18px;
  background:#f8fafc;
}
.supportEvidenceGallery>div:first-child{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}
.supportEvidenceGallery h3{margin:0;color:#0f172a;font-size:1rem;}
.supportEvidenceGallery>div:first-child>span{
  padding:5px 9px;
  border-radius:999px;
  background:#e0e7ff;
  color:#3730a3;
  font-size:.72rem;
  font-weight:900;
}
.supportEvidenceGrid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(145px,1fr));
  gap:10px;
}
.supportEvidenceGrid a{
  display:grid;
  gap:7px;
  padding:7px;
  border:1px solid #e2e8f0;
  border-radius:14px;
  background:#fff;
  color:#1e293b;
  text-decoration:none;
}
.supportEvidenceGrid img{
  width:100%;
  aspect-ratio:4/3;
  object-fit:cover;
  border-radius:10px;
  background:#e2e8f0;
}
.supportEvidenceGrid span{
  padding:0 3px 3px;
  font-size:.75rem;
  font-weight:800;
  overflow-wrap:anywhere;
}
.supportRenewalBox{
  position:relative;
  margin:16px 0;
  padding:16px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:14px 18px;
  border:1px solid rgba(34,197,94,.28);
  border-radius:20px;
  background:
    radial-gradient(circle at 92% 10%,rgba(34,197,94,.12),transparent 35%),
    linear-gradient(135deg,#f0fdf4,#f8fafc);
  overflow:hidden;
}
.supportRenewalBox h3{margin:3px 0 4px;color:#14532d;}
.supportRenewalBox p{margin:0;color:#475569;font-size:.84rem;line-height:1.4;}
.supportRenewalControls{
  display:flex;
  align-items:end;
  gap:10px;
}
.supportRenewalControls label{
  display:grid;
  gap:5px;
  color:#334155;
  font-size:.72rem;
  font-weight:900;
}
.supportRenewalControls input{
  width:112px;
  min-height:42px;
  padding:8px 10px;
  border:1px solid #bbf7d0;
  border-radius:12px;
  background:#fff;
  color:#0f172a;
  font-weight:900;
}
.supportRenewalBox>small{
  grid-column:1/-1;
  color:#64748b;
  line-height:1.35;
}
@media(max-width:700px){
  .supportEvidencePreview{grid-template-columns:82px minmax(0,1fr);}
  .supportEvidencePreview img{width:82px;height:72px;}
  .supportRenewalBox{grid-template-columns:1fr;}
  .supportRenewalControls{align-items:stretch;flex-direction:column;}
  .supportRenewalControls input{width:100%;}
  .supportEvidenceGrid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
.saleSupportActions{display:flex;flex-wrap:wrap;gap:7px;align-items:center;}
.saleSupportActions .btn{margin:0;white-space:nowrap;}
.supportRenewalStandalone{display:grid;gap:14px;margin-top:16px;}
.supportRenewalStandalone label{display:grid;gap:7px;color:#334155;font-weight:900;}
.supportRenewalStandalone input{
  min-height:46px;
  padding:10px 12px;
  border:1px solid #bbf7d0;
  border-radius:13px;
  background:#f0fdf4;
  color:#14532d;
  font-size:1rem;
  font-weight:950;
}
.supportRenewalStandalone p{
  margin:0;
  padding:12px 14px;
  border-radius:14px;
  background:#f8fafc;
  color:#475569;
  line-height:1.45;
}


/* MoviePlay v82.20 — cambio de cuenta y plantilla WhatsApp desde garantías */
.supportReplacementBox{display:grid;gap:14px;margin:14px 0;padding:17px;border:1px solid rgba(139,92,246,.28);border-radius:19px;background:linear-gradient(145deg,#faf5ff,#fff 58%,#f5f3ff);box-shadow:0 10px 24px rgba(91,33,182,.06)}
.supportReplacementHead{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.supportReplacementHead h3{margin:3px 0 5px;color:#2e1065}.supportReplacementHead p{margin:0;color:#64748b;line-height:1.45}
.supportReplacementToggle{display:inline-flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:8px!important;min-height:38px;padding:8px 12px;border:1px solid #c4b5fd;border-radius:999px;background:#fff;color:#5b21b6;font-size:.76rem;font-weight:950!important;white-space:nowrap;cursor:pointer}.supportReplacementToggle input{width:17px;height:17px;accent-color:#7c3aed}
.supportReplacementFields{display:grid;gap:12px}.supportReplacementFields[hidden]{display:none!important}.supportReplacementFields label{display:grid;gap:6px;color:#334155;font-weight:850}.supportReplacementFields input,.supportReplacementFields textarea{width:100%;border:1px solid #cbd5e1;border-radius:12px;padding:11px;background:#fff;color:#0f172a;font:inherit}.supportReplacementFields input:focus,.supportReplacementFields textarea:focus{outline:3px solid rgba(139,92,246,.13);border-color:#8b5cf6}
.supportReplacementActions{display:flex;gap:10px;flex-wrap:wrap}.supportReplacementActions .btn{min-height:43px}.supportReplacementActions .btn.wa{background:linear-gradient(135deg,#16a34a,#22c55e)!important;color:#fff!important;border:0!important}
@media(max-width:700px){.supportReplacementHead{display:grid}.supportReplacementToggle{justify-self:start}.supportReplacementActions .btn{width:100%}}

/* MoviePlay v82.21 — respuestas con imagen, navegación rápida y retención de garantías */
.supportQuickTabs{
  display:flex;
  gap:9px;
  padding:5px;
  overflow-x:auto;
  border:1px solid #dbe4f0;
  border-radius:17px;
  background:#fff;
  box-shadow:0 8px 22px rgba(15,23,42,.05);
  scrollbar-width:none;
}
.supportQuickTabs::-webkit-scrollbar{display:none}
.supportQuickTabs button{
  flex:0 0 auto;
  min-height:42px;
  padding:9px 14px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  border:0;
  border-radius:13px;
  background:transparent;
  color:#475569;
  font-weight:900;
  white-space:nowrap;
}
.supportQuickTabs button b{
  min-width:24px;
  padding:3px 7px;
  border-radius:999px;
  background:#eef2f7;
  color:#334155;
  font-size:.72rem;
}
.supportQuickTabs button.active{
  background:linear-gradient(135deg,#071827,#12324a);
  color:#fff;
  box-shadow:0 8px 18px rgba(15,23,42,.18);
}
.supportQuickTabs button.active b{background:#9ef01a;color:#071827}
.supportReplyUpload{margin-top:2px}
.supportReplyGallery{border-color:#bfdbfe;background:linear-gradient(145deg,#eff6ff,#fff)}
.supportReplyImageGrid{display:grid;gap:12px}
.supportReplyImageGrid article{
  display:grid;
  grid-template-columns:130px minmax(0,1fr);
  gap:12px;
  padding:10px;
  border:1px solid #dbeafe;
  border-radius:15px;
  background:#fff;
}
.supportReplyImageGrid a{display:block;min-width:0}
.supportReplyImageGrid img{
  width:130px;
  height:96px;
  display:block;
  object-fit:cover;
  border-radius:11px;
  background:#e2e8f0;
}
.supportReplyImageGrid article>div{min-width:0;padding:3px 2px}
.supportReplyImageGrid b{display:block;color:#0f172a}
.supportReplyImageGrid small{display:block;margin-top:3px;color:#64748b;font-size:.72rem}
.supportReplyImageGrid p{margin:8px 0 0;color:#334155;white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:700px){
  .supportQuickTabs{margin-left:-2px;margin-right:-2px}
  .supportReplyImageGrid article{grid-template-columns:92px minmax(0,1fr)}
  .supportReplyImageGrid img{width:92px;height:82px}
}
.supportRetentionNotice{
  padding:10px 13px;
  border:1px solid #fde68a;
  border-radius:13px;
  background:#fffbeb;
  color:#92400e;
  font-size:.78rem;
  font-weight:800;
}


/* MoviePlay v82.22 — contador visual de garantías pendientes */
.refSidebar nav button{position:relative;}
.supportNavBadge{
  margin-left:auto;
  min-width:30px;
  height:28px;
  padding:0 10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:2px solid rgba(255,255,255,.96);
  border-radius:999px;
  background:linear-gradient(180deg,#ff5b78 0%,#ef1f4b 52%,#ca1236 100%);
  color:#fff;
  font-size:.76rem;
  font-weight:1000;
  line-height:1;
  letter-spacing:-.03em;
  box-shadow:0 8px 20px rgba(239,31,75,.34),0 0 0 4px rgba(239,31,75,.12);
  position:relative;
  overflow:visible;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}
.supportNavBadge::before{
  content:'';
  position:absolute;
  inset:2px;
  border-radius:inherit;
  background:linear-gradient(180deg,rgba(255,255,255,.2),rgba(255,255,255,0));
  pointer-events:none;
}
.supportNavBadge::after{
  content:'';
  position:absolute;
  top:2px;
  right:2px;
  width:7px;
  height:7px;
  border-radius:999px;
  background:#fff6;
  box-shadow:0 0 0 2px rgba(255,255,255,.12);
  opacity:.88;
}
.supportNavBadge[hidden]{display:none !important;}
.supportNavBadge.level-warning{
  background:linear-gradient(180deg,#ffb84d 0%,#ff8a1f 55%,#e76808 100%);
  box-shadow:0 8px 18px rgba(234,120,16,.30),0 0 0 4px rgba(245,158,11,.12);
}
.supportNavBadge.level-critical{
  background:linear-gradient(180deg,#ff657b 0%,#f11e49 56%,#bf0c33 100%);
  box-shadow:0 8px 22px rgba(225,29,72,.42),0 0 0 4px rgba(244,63,94,.14);
}
.supportNavBadge.hasNew{animation:supportBadgePulse 1.65s ease-in-out infinite;}
.supportNavBadge.level-critical.hasNew{animation:supportBadgeAlert 1.35s ease-in-out infinite;}
.refSidebar nav button.active .supportNavBadge{
  border-color:#fff;
  transform:translateY(-1px);
}
@keyframes supportBadgePulse{
  0%,100%{transform:scale(1);box-shadow:0 8px 20px rgba(239,31,75,.34),0 0 0 4px rgba(239,31,75,.12)}
  50%{transform:scale(1.08);box-shadow:0 10px 24px rgba(239,31,75,.42),0 0 0 8px rgba(239,31,75,.08)}
}
@keyframes supportBadgeAlert{
  0%,100%{transform:scale(1);box-shadow:0 8px 22px rgba(225,29,72,.42),0 0 0 4px rgba(244,63,94,.14)}
  50%{transform:scale(1.11);box-shadow:0 12px 28px rgba(225,29,72,.56),0 0 0 10px rgba(244,63,94,.10)}
}
@media(min-width:901px){
  .refLayout.sidebarCollapsed .refSidebar nav button > span:not(.navIcon){display:none !important;}
  .refLayout.sidebarCollapsed .supportNavBadge{
    position:absolute;
    top:-5px;
    right:-5px;
    min-width:24px;
    height:24px;
    padding:0 6px;
    border-width:2px;
    font-size:.66rem;
    box-shadow:0 7px 16px rgba(225,29,72,.28),0 0 0 3px rgba(244,63,94,.12);
  }
}
@media(max-width:900px){
  .supportNavBadge{min-width:28px;height:26px;font-size:.72rem;padding:0 9px;}
}

/* MoviePlay v82.24 — asignación exclusiva de garantías y notificaciones confiables */
.supportAssignmentTabs{
  display:flex;
  gap:9px;
  padding:5px;
  overflow-x:auto;
  border:1px solid #dbe4f0;
  border-radius:17px;
  background:linear-gradient(145deg,#f8fafc,#fff);
  box-shadow:0 8px 22px rgba(15,23,42,.05);
  scrollbar-width:none;
}
.supportAssignmentTabs::-webkit-scrollbar{display:none}
.supportAssignmentTabs button{
  flex:0 0 auto;
  min-height:40px;
  padding:8px 13px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  border:1px solid transparent;
  border-radius:12px;
  background:transparent;
  color:#475569;
  font-weight:900;
  white-space:nowrap;
}
.supportAssignmentTabs button b{min-width:23px;padding:3px 7px;border-radius:999px;background:#e2e8f0;color:#334155;font-size:.7rem}
.supportAssignmentTabs button.active{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8;box-shadow:0 7px 16px rgba(37,99,235,.08)}
.supportAssignmentTabs button.active b{background:#2563eb;color:#fff}
.supportAssignmentPanel{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin:13px 0;
  padding:15px 16px;
  border:1px solid #dbe4f0;
  border-radius:17px;
  background:#f8fafc;
}
.supportAssignmentPanel h3{margin:3px 0 4px;font-size:1rem}
.supportAssignmentPanel p{margin:0;color:#64748b;font-size:.78rem;line-height:1.45}
.supportAssignmentPanel.unassigned{border-color:#fed7aa;background:linear-gradient(135deg,#fff7ed,#fff)}
.supportAssignmentPanel.unassigned .neoEyebrow{color:#c2410c}
.supportAssignmentPanel.mine{border-color:#86efac;background:linear-gradient(135deg,#f0fdf4,#fff)}
.supportAssignmentPanel.mine .neoEyebrow{color:#15803d}
.supportAssignmentPanel.locked{border-color:#fecaca;background:linear-gradient(135deg,#fef2f2,#fff)}
.supportAssignmentPanel.locked .neoEyebrow{color:#b91c1c}
.supportAssignmentPanel.viewer{border-color:#bfdbfe;background:linear-gradient(135deg,#eff6ff,#fff)}
.supportAssignmentActions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.supportAssignmentActions select{min-height:42px;max-width:230px;padding:0 11px;border:1px solid #cbd5e1;border-radius:12px;background:#fff;font-weight:800}
.supportAssignmentBadge{display:inline-flex;align-items:center;max-width:100%;margin:11px 0 0;padding:6px 10px;border-radius:999px;font-size:.69rem;font-weight:950;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.supportAssignmentBadge.unassigned{background:#ffedd5;color:#9a3412}
.supportAssignmentBadge.mine{background:#dcfce7;color:#166534}
.supportAssignmentBadge.assigned{background:#fee2e2;color:#991b1b}
.supportTicketCard.unassigned{box-shadow:0 12px 26px rgba(234,88,12,.08)}
.supportTicketCard.mine{box-shadow:0 12px 28px rgba(22,163,74,.10);outline:2px solid rgba(34,197,94,.12)}
.supportTicketCard.assigned{opacity:.94}
.notificationItem.support-created,.notificationItem.support-created-expired{background:linear-gradient(135deg,#f0fdf4,#ecfccb)!important;border:1px solid #bef264!important}
.notificationItem.support-created b,.notificationItem.support-created-expired b{color:#3f6212!important}
.notificationItem.support-created p,.notificationItem.support-created-expired p{color:#4d7c0f!important}
.notificationItem.support-assigned{background:linear-gradient(135deg,#eff6ff,#e0e7ff)!important;border:1px solid #a5b4fc!important}
.notificationItem.support-assigned b{color:#3730a3!important}.notificationItem.support-assigned p{color:#4338ca!important}
@media(max-width:700px){
  .supportAssignmentTabs{margin-left:-2px;margin-right:-2px}
  .supportAssignmentPanel{display:grid;align-items:start}
  .supportAssignmentPanel .btn{width:100%}
  .supportAssignmentActions{display:grid;grid-template-columns:1fr;width:100%}
  .supportAssignmentActions select{width:100%;max-width:none}
}


/* MoviePlay v82.25 — aviso compacto de garantía solucionada */
.solvedGuaranteeNotice{position:fixed;z-index:10080;right:20px;bottom:max(20px,env(safe-area-inset-bottom));width:min(430px,calc(100vw - 32px));display:grid;grid-template-columns:54px minmax(0,1fr);gap:14px;padding:17px 18px;border:1px solid rgba(16,185,129,.26);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(236,253,245,.98));color:#10231c;box-shadow:0 22px 52px rgba(6,78,59,.20),0 0 0 1px rgba(255,255,255,.7) inset;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:solvedGuaranteeNoticeIn .28s ease-out both}
.solvedGuaranteeNotice.closing{animation:solvedGuaranteeNoticeOut .18s ease-in both}.solvedGuaranteeNoticeIcon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,#34d399,#059669);color:#fff;font-size:1.65rem;font-weight:950;box-shadow:0 12px 24px rgba(5,150,105,.25)}.solvedGuaranteeNoticeCopy{min-width:0}.solvedGuaranteeNoticeCopy>span{display:block;color:#047857;font-size:.68rem;font-weight:950;letter-spacing:.11em}.solvedGuaranteeNoticeCopy h3{margin:4px 32px 3px 0;font-size:1.05rem;line-height:1.2;overflow-wrap:anywhere}.solvedGuaranteeNoticeCopy p{margin:0;color:#334155;font-size:.84rem;line-height:1.4}.solvedGuaranteeNoticeCopy small{display:block;margin-top:8px;padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.72);color:#475569;font-size:.76rem;line-height:1.38;max-height:66px;overflow:auto}.solvedGuaranteeNoticeClose{position:absolute;right:10px;top:9px;width:30px;height:30px;border:0;border-radius:10px;background:rgba(15,23,42,.06);color:#475569;font-size:1.15rem}.solvedGuaranteeNoticeActions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.solvedGuaranteeNoticeActions .btn{min-height:38px;padding:9px 13px;border-radius:12px;font-size:.78rem}@keyframes solvedGuaranteeNoticeIn{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}@keyframes solvedGuaranteeNoticeOut{to{opacity:0;transform:translateY(14px) scale(.98)}}

/* MoviePlay v82.25 — alerta de stock en vivo, breve y legible */
.stockLiveAlert{position:fixed;z-index:10070;right:20px;top:90px;width:min(410px,calc(100vw - 32px));display:grid;grid-template-columns:48px minmax(0,1fr) 22px;align-items:center;gap:12px;padding:15px 16px;border-radius:20px;text-align:left;color:#fff;border:1px solid rgba(255,255,255,.16);box-shadow:0 20px 44px rgba(15,23,42,.24);overflow:hidden;animation:stockLiveAlertIn .26s ease-out both}.stockLiveAlert.critical{background:linear-gradient(135deg,#92400e,#d97706 58%,#f59e0b)}.stockLiveAlert.zero{background:linear-gradient(135deg,#7f1d1d,#b91c1c 58%,#ef4444)}.stockLiveAlert::after{content:"";position:absolute;inset:-40% -10% auto auto;width:150px;height:150px;border-radius:50%;background:rgba(255,255,255,.10);pointer-events:none}.stockLiveAlert.closing{animation:stockLiveAlertOut .18s ease-in both}.stockLiveAlertIcon{position:relative;z-index:1;width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:rgba(255,255,255,.16);font-size:1.4rem}.stockLiveAlertCopy{position:relative;z-index:1;display:grid;gap:2px;min-width:0;font-style:normal}.stockLiveAlertCopy small{font-size:.67rem;font-weight:950;letter-spacing:.11em;color:rgba(255,255,255,.90)}.stockLiveAlertCopy strong{font-size:1rem;line-height:1.2;overflow-wrap:anywhere}.stockLiveAlertCopy em{font-style:normal;font-size:.79rem;line-height:1.35;color:rgba(255,255,255,.92);white-space:normal}.stockLiveAlertArrow{position:relative;z-index:1;font-size:1.7rem;color:rgba(255,255,255,.8)}@keyframes stockLiveAlertIn{from{opacity:0;transform:translateX(18px) scale(.98)}to{opacity:1;transform:none}}@keyframes stockLiveAlertOut{to{opacity:0;transform:translateX(14px) scale(.98)}}
.notificationItem.stockStructured{align-items:flex-start!important;overflow:visible!important}.notificationItem.stockStructured::after{display:none!important}.notificationItem.stockStructured>div{min-width:0;display:grid;gap:2px}.notificationItem.stockStructured b{padding-right:0!important;font-size:.72rem!important;letter-spacing:.08em;text-transform:uppercase}.notificationItem.stockStructured strong{display:block;font-size:.9rem;line-height:1.25;overflow-wrap:anywhere}.notificationItem.stockStructured p{margin:2px 0 3px!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.35!important}.notificationItem.stockStructured small{margin-top:2px}
@media(max-width:700px){.solvedGuaranteeNotice{right:12px;bottom:max(12px,env(safe-area-inset-bottom));width:calc(100vw - 24px);grid-template-columns:44px minmax(0,1fr);padding:14px;border-radius:18px}.solvedGuaranteeNoticeIcon{width:44px;height:44px;border-radius:14px;font-size:1.3rem}.solvedGuaranteeNoticeCopy h3{font-size:.96rem}.solvedGuaranteeNoticeActions .btn{flex:1}.stockLiveAlert{right:12px;top:76px;width:calc(100vw - 24px);grid-template-columns:42px minmax(0,1fr) 18px;padding:13px 14px;border-radius:17px}.stockLiveAlertIcon{width:42px;height:42px;border-radius:14px;font-size:1.2rem}.stockLiveAlertCopy strong{font-size:.92rem}.stockLiveAlertCopy em{font-size:.75rem}}

/* MoviePlay v82.26 — badge premium más llamativo para garantías */
.refSidebar nav button[data-page="garantias"]{isolation:isolate;}
.refSidebar nav button[data-page="garantias"] .supportNavBadge{z-index:2;}


/* MoviePlay v82.27 — badge redondo estilo WhatsApp + botón de garantías más visible */
.refSidebar nav button[data-page="garantias"]{
  overflow:visible;
}
.refSidebar nav button[data-page="garantias"].supportPendingButton{
  isolation:isolate;
}
.refSidebar nav button[data-page="garantias"].supportPendingButton::before{
  content:"";
  position:absolute;
  inset:6px 8px;
  border-radius:18px;
  opacity:0;
  pointer-events:none;
  transition:opacity .22s ease, box-shadow .22s ease, background .22s ease;
}
.refSidebar nav button[data-page="garantias"].supportPendingButton.has-pending::before{
  opacity:1;
}
.refSidebar nav button[data-page="garantias"].supportPendingButton.has-pending-warning::before{
  background:linear-gradient(135deg,rgba(245,158,11,.18),rgba(245,158,11,.06));
  box-shadow:inset 0 0 0 1px rgba(251,191,36,.22);
}
.refSidebar nav button[data-page="garantias"].supportPendingButton.has-pending-critical::before{
  background:linear-gradient(135deg,rgba(244,63,94,.20),rgba(225,29,72,.08));
  box-shadow:inset 0 0 0 1px rgba(251,113,133,.24);
}
.refSidebar nav button[data-page="garantias"].supportPendingButton.has-pending > span{
  position:relative;
  z-index:1;
}
.refSidebar nav button[data-page="garantias"].supportPendingButton.has-pending .navIcon{
  filter:drop-shadow(0 2px 6px rgba(255,255,255,.10));
}
.refSidebar nav button[data-page="garantias"].supportPendingButton.has-pending-warning:not(.active){
  background:linear-gradient(135deg,rgba(255,255,255,.02),rgba(245,158,11,.07));
  box-shadow:0 12px 24px rgba(245,158,11,.09);
}
.refSidebar nav button[data-page="garantias"].supportPendingButton.has-pending-critical:not(.active){
  background:linear-gradient(135deg,rgba(255,255,255,.02),rgba(244,63,94,.08));
  box-shadow:0 14px 30px rgba(244,63,94,.11);
}
.refSidebar nav button[data-page="garantias"].supportPendingButton.has-pending.active{
  box-shadow:0 14px 34px rgba(79,70,229,.32),0 0 0 1px rgba(255,255,255,.06) inset;
}
.refSidebar nav button[data-page="garantias"].supportPendingButton.has-pending-new.active{
  animation:guaranteesNavGlow 2.35s ease-in-out infinite;
}
.supportNavBadge{
  margin-left:auto;
  min-width:32px;
  height:32px;
  padding:0 9px;
  border:2.5px solid rgba(255,255,255,.98);
  border-radius:999px;
  background:radial-gradient(circle at 30% 28%,#ffb7c4 0%,#ff6d86 18%,#ef274f 58%,#bd0f35 100%);
  color:#fff;
  font-size:.78rem;
  font-weight:1000;
  letter-spacing:-.04em;
  line-height:1;
  box-shadow:0 10px 26px rgba(239,39,79,.36),0 0 0 5px rgba(239,39,79,.12);
  position:relative;
  overflow:hidden;
  transition:transform .22s ease,box-shadow .22s ease,background .22s ease,filter .22s ease;
}
.supportNavBadge::before{
  content:'';
  position:absolute;
  top:3px;
  left:4px;
  width:74%;
  height:40%;
  border-radius:999px;
  background:linear-gradient(180deg,rgba(255,255,255,.58),rgba(255,255,255,0));
  filter:blur(.2px);
  pointer-events:none;
}
.supportNavBadge::after{
  content:'';
  position:absolute;
  top:5px;
  right:6px;
  width:6px;
  height:6px;
  border-radius:999px;
  background:rgba(255,255,255,.92);
  box-shadow:0 0 0 3px rgba(255,255,255,.12),0 0 10px rgba(255,255,255,.32);
  opacity:.95;
}
.supportNavBadge.level-warning{
  background:radial-gradient(circle at 30% 28%,#ffe2ad 0%,#ffc15e 18%,#f59e0b 58%,#d97706 100%);
  box-shadow:0 10px 24px rgba(245,158,11,.34),0 0 0 5px rgba(245,158,11,.12);
}
.supportNavBadge.level-critical{
  background:radial-gradient(circle at 30% 28%,#ffc3cc 0%,#ff788d 16%,#ef224b 58%,#b80c31 100%);
  box-shadow:0 11px 28px rgba(225,29,72,.42),0 0 0 5px rgba(244,63,94,.13);
}
.supportNavBadge.hasNew{
  animation:supportBadgePulsePremium 2.15s cubic-bezier(.22,.61,.36,1) infinite;
}
.supportNavBadge.level-critical.hasNew{
  animation:supportBadgeCriticalPremium 1.9s cubic-bezier(.22,.61,.36,1) infinite;
}
.refSidebar nav button.active .supportNavBadge{
  transform:translateY(-1px) scale(1.02);
}
@keyframes supportBadgePulsePremium{
  0%,100%{transform:translateY(0) scale(1);box-shadow:0 10px 26px rgba(239,39,79,.36),0 0 0 0 rgba(239,39,79,.22)}
  35%{transform:translateY(-1px) scale(1.06);box-shadow:0 14px 30px rgba(239,39,79,.42),0 0 0 7px rgba(239,39,79,.10)}
  70%{transform:translateY(0) scale(1.01);box-shadow:0 11px 26px rgba(239,39,79,.36),0 0 0 3px rgba(239,39,79,.07)}
}
@keyframes supportBadgeCriticalPremium{
  0%,100%{transform:translateY(0) scale(1);box-shadow:0 11px 28px rgba(225,29,72,.42),0 0 0 0 rgba(244,63,94,.22)}
  40%{transform:translateY(-1px) scale(1.08);box-shadow:0 16px 34px rgba(225,29,72,.52),0 0 0 8px rgba(244,63,94,.11)}
  75%{transform:translateY(0) scale(1.02);box-shadow:0 12px 28px rgba(225,29,72,.44),0 0 0 3px rgba(244,63,94,.07)}
}
@keyframes guaranteesNavGlow{
  0%,100%{box-shadow:0 14px 34px rgba(79,70,229,.32),0 0 0 1px rgba(255,255,255,.06) inset}
  50%{box-shadow:0 18px 40px rgba(79,70,229,.36),0 0 0 1px rgba(255,255,255,.08) inset,0 0 0 6px rgba(244,63,94,.08)}
}
@media(min-width:901px){
  .refLayout.sidebarCollapsed .supportNavBadge{
    position:absolute;
    top:-6px;
    right:-6px;
    min-width:26px;
    height:26px;
    padding:0 7px;
    font-size:.68rem;
    border-width:2px;
    box-shadow:0 8px 18px rgba(225,29,72,.32),0 0 0 4px rgba(244,63,94,.10);
  }
}
@media(max-width:900px){
  .supportNavBadge{min-width:30px;height:30px;font-size:.74rem;padding:0 9px;}
  .refSidebar nav button[data-page="garantias"].supportPendingButton::before{inset:5px 8px;}
}


/* MoviePlay v82.28 — corrección de caché y estilo garantizado del contador */
.refSidebar nav button[data-page="garantias"].has-pending{
  color:#fff !important;
  background:linear-gradient(135deg,rgba(92,49,190,.40),rgba(225,29,72,.18)) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 12px 28px rgba(225,29,72,.13) !important;
}
.refSidebar nav button[data-page="garantias"].has-pending:hover{
  background:linear-gradient(135deg,rgba(104,59,210,.48),rgba(225,29,72,.24)) !important;
}
.refSidebar nav button[data-page="garantias"].has-pending-warning{
  border-left:3px solid #ff4d68 !important;
}
.refSidebar nav button[data-page="garantias"].has-pending-critical{
  border-left:3px solid #ff214f !important;
  background:linear-gradient(135deg,rgba(103,43,190,.46),rgba(225,29,72,.25)) !important;
}
.refSidebar nav button[data-page="garantias"] .supportNavBadge{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 auto !important;
  min-width:32px !important;
  width:auto !important;
  height:32px !important;
  padding:0 9px !important;
  margin-left:auto !important;
  border:2.5px solid #fff !important;
  border-radius:999px !important;
  background:radial-gradient(circle at 30% 25%,#ff9aad 0%,#ff4e6c 24%,#e91e46 62%,#b90c31 100%) !important;
  color:#fff !important;
  font-size:.78rem !important;
  font-weight:1000 !important;
  line-height:1 !important;
  text-align:center !important;
  text-shadow:0 1px 2px rgba(85,0,20,.38) !important;
  box-shadow:0 9px 24px rgba(233,30,70,.45),0 0 0 5px rgba(233,30,70,.12) !important;
  opacity:1 !important;
  visibility:visible !important;
  z-index:5 !important;
}
.refSidebar nav button[data-page="garantias"] .supportNavBadge[hidden]{
  display:none !important;
}
.refSidebar nav button[data-page="garantias"] .supportNavBadge.level-critical{
  background:radial-gradient(circle at 30% 25%,#ffb4c0 0%,#ff355b 22%,#dd113d 62%,#9f062a 100%) !important;
  box-shadow:0 10px 28px rgba(221,17,61,.52),0 0 0 6px rgba(244,63,94,.14) !important;
}
.refSidebar nav button[data-page="garantias"] .supportNavBadge.hasNew{
  animation:supportBadgeCriticalPremium 1.9s cubic-bezier(.22,.61,.36,1) infinite !important;
}
@media(max-width:900px){
  .refSidebar nav button[data-page="garantias"] .supportNavBadge{
    min-width:30px !important;
    height:30px !important;
    padding:0 8px !important;
  }
}


/* MoviePlay v82.29 — respaldo definitivo del contador de garantías */
.refSidebar nav button[data-page="garantias"]{position:relative!important;overflow:visible!important}
.refSidebar nav button[data-page="garantias"].has-pending{color:#fff!important;background:linear-gradient(135deg,rgba(78,49,170,.78),rgba(190,18,60,.44))!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.10),0 14px 32px rgba(225,29,72,.18)!important}
.refSidebar nav button[data-page="garantias"] .supportNavBadge{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;width:32px!important;min-width:32px!important;height:32px!important;padding:0!important;margin-left:auto!important;border:2.5px solid #fff!important;border-radius:999px!important;background:radial-gradient(circle at 30% 24%,#ffc0ca 0%,#ff6a83 18%,#ef234d 58%,#b80c31 100%)!important;color:#fff!important;font-size:.79rem!important;font-weight:950!important;line-height:1!important;box-shadow:0 9px 24px rgba(239,35,77,.48),0 0 0 5px rgba(239,35,77,.13)!important;opacity:1!important;visibility:visible!important;z-index:8!important}
.refSidebar nav button[data-page="garantias"] .supportNavBadge[data-wide="true"]{width:auto!important;min-width:36px!important;padding:0 8px!important}
.refSidebar nav button[data-page="garantias"] .supportNavBadge[hidden]{display:none!important}


/* MoviePlay v82.31 — solución detallada, copia de credenciales y contador legible */
.solvedGuaranteeResolution,.supportSolvedResultType{display:grid;gap:3px;margin-top:10px;padding:10px 12px;border:1px solid rgba(16,185,129,.20);border-radius:13px;background:rgba(255,255,255,.76)}
.solvedGuaranteeResolution span,.supportSolvedResultType span{color:#64748b;font-size:.65rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.solvedGuaranteeResolution b,.supportSolvedResultType b{color:#047857;font-size:.86rem;line-height:1.25}
.solvedCopyCredentials{background:linear-gradient(135deg,#0f766e,#059669)!important;color:#fff!important;border:0!important}
.supportSolvedResult{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;margin:16px 0;padding:16px;border:1px solid #86efac;border-radius:18px;background:linear-gradient(135deg,#ecfdf5,#f0fdf4);box-shadow:0 12px 25px rgba(5,150,105,.08)}
.supportSolvedResult>div:first-child>span{display:block;color:#047857;font-size:.66rem;font-weight:950;letter-spacing:.1em}
.supportSolvedResult h3{margin:4px 0;font-size:1rem}.supportSolvedResult p{margin:0;color:#475569;font-size:.8rem}.supportSolvedResult .btn{white-space:nowrap}
.notificationItem.support-solved p{white-space:pre-line!important}
.refSidebar nav button[data-page="garantias"] .supportNavBadge,
.refSidebar nav button[data-page="garantias"] .supportNavBadge.level-warning,
.refSidebar nav button[data-page="garantias"] .supportNavBadge.level-critical{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:32px!important;min-width:32px!important;height:32px!important;padding:0!important;border:2px solid #fff!important;border-radius:999px!important;background:linear-gradient(180deg,#ff4d6d 0%,#e11d48 100%)!important;color:#fff!important;font-family:Inter,Arial,sans-serif!important;font-size:16px!important;font-weight:900!important;font-variant-numeric:tabular-nums!important;letter-spacing:0!important;line-height:32px!important;text-align:center!important;text-shadow:none!important;box-shadow:0 8px 20px rgba(225,29,72,.42),0 0 0 4px rgba(225,29,72,.12)!important;overflow:visible!important}
.refSidebar nav button[data-page="garantias"] .supportNavBadge::before,.refSidebar nav button[data-page="garantias"] .supportNavBadge::after{display:none!important;content:none!important}
.refSidebar nav button[data-page="garantias"] .supportNavBadge[data-wide="true"]{width:auto!important;min-width:38px!important;padding:0 8px!important}
@media(max-width:700px){.supportSolvedResult{grid-template-columns:1fr;gap:10px}.supportSolvedResult .btn{width:100%}.solvedGuaranteeNoticeActions{display:grid}.solvedGuaranteeNoticeActions .btn{width:100%}}


/* MoviePlay v82.31 — alertas de saldo y campos COP */
.copInputShell{
  display:grid;
  grid-template-columns:44px minmax(0,1fr) 52px;
  align-items:center;
  min-height:50px;
  margin-top:7px;
  border:1px solid #dbe4ef;
  border-radius:15px;
  background:#fff;
  overflow:hidden;
  box-shadow:0 6px 16px rgba(15,23,42,.05);
  transition:border-color .18s ease,box-shadow .18s ease;
}
.copInputShell:focus-within{
  border-color:#7c3aed;
  box-shadow:0 0 0 4px rgba(124,58,237,.10),0 8px 20px rgba(15,23,42,.06);
}
.copInputShell>span{
  height:100%;
  display:grid;
  place-items:center;
  background:#f1f5f9;
  color:#334155;
  font-size:1.05rem;
  font-weight:950;
}
.copInputShell>em{
  color:#64748b;
  font-size:.72rem;
  font-style:normal;
  font-weight:950;
  letter-spacing:.06em;
}
.copInputShell input.copAmountInput,
.copInputShell input{
  width:100%;
  min-width:0;
  height:48px;
  padding:0 13px;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#0f172a;
  font-size:1.2rem;
  font-weight:900;
  letter-spacing:.01em;
}
.usersPage tr.sellerLowBalance td{background:#fffaf0!important;}
.usersPage tr.sellerLowBalance td:first-child{box-shadow:inset 4px 0 0 #f59e0b;}
.sellerLowBadge{display:inline-flex;margin-top:6px;padding:4px 8px;border-radius:999px;background:#fef3c7;color:#92400e;font-size:.6rem;font-style:normal;font-weight:950;letter-spacing:.05em;}
.notificationItem.balance-low{border-left:4px solid #f59e0b;background:linear-gradient(135deg,#fffbeb,#fff);}
.notificationItem.balance-zero{border-left:4px solid #ef4444;background:linear-gradient(135deg,#fef2f2,#fff);}
.notificationItem.balance-low>span,.notificationItem.balance-zero>span{font-size:1.25rem;}
@media(max-width:700px){
  .copInputShell{grid-template-columns:40px minmax(0,1fr) 48px;min-height:48px;border-radius:14px}
  .copInputShell input.copAmountInput,.copInputShell input{height:46px;font-size:1.08rem}
}

/* MoviePlay v82.32 — ubicación por IP más precisa y bandera del país */
.codeAuditLocation{
  display:inline-flex !important;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  line-height:1.35;
}
.codeAuditCountryFlag{
  display:inline-grid;
  place-items:center;
  min-width:26px;
  font-size:1.2rem;
  line-height:1;
  filter:drop-shadow(0 2px 4px rgba(15,23,42,.18));
}
.codeAuditMobileCard .codeAuditLocation{
  width:fit-content;
  max-width:100%;
  padding:8px 11px;
  border-radius:13px;
  background:linear-gradient(135deg,rgba(79,70,229,.08),rgba(37,99,235,.04));
  border:1px solid rgba(99,102,241,.10);
}


/* MoviePlay v82.33 — banderas visuales y avisos modernos de disponibilidad */
.codeAuditCountryFlag{
  width:28px;
  min-width:28px;
  height:21px;
  display:inline-grid;
  place-items:center;
  overflow:hidden;
  border-radius:5px;
  background:rgba(255,255,255,.9);
  box-shadow:0 2px 7px rgba(15,23,42,.16),0 0 0 1px rgba(15,23,42,.08);
  font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;
}
.codeAuditCountryFlag img{
  display:block;
  width:28px;
  height:21px;
  object-fit:cover;
  border-radius:4px;
}
.codeAuditFlagEmoji{
  font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;
  font-size:1.18rem;
  line-height:1;
}
.stockLiveAlert.soldout{
  background:
    radial-gradient(circle at 92% 12%,rgba(255,255,255,.15),transparent 28%),
    linear-gradient(135deg,#3b0a21 0%,#881337 48%,#e11d48 100%);
  border-color:rgba(251,113,133,.34);
  box-shadow:0 22px 50px rgba(136,19,55,.35),0 0 0 1px rgba(255,255,255,.08) inset;
}
.stockLiveAlert.restored{
  background:
    radial-gradient(circle at 92% 12%,rgba(255,255,255,.18),transparent 28%),
    linear-gradient(135deg,#064e3b 0%,#059669 50%,#22c55e 100%);
  border-color:rgba(110,231,183,.34);
  box-shadow:0 22px 50px rgba(5,150,105,.30),0 0 0 1px rgba(255,255,255,.10) inset;
}
.stockLiveAlert.soldout .stockLiveAlertIcon,
.stockLiveAlert.restored .stockLiveAlertIcon{
  background:rgba(255,255,255,.18);
  box-shadow:0 8px 18px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.16);
}
.stockLiveAlert.restored .stockLiveAlertCopy small{color:#d1fae5;}
.stockLiveAlert.soldout .stockLiveAlertCopy small{color:#ffe4e6;}
.notificationItem.stock-user-zero{
  border:1px solid rgba(244,63,94,.16);
  background:linear-gradient(135deg,#fff1f2,#fff 72%);
}
.notificationItem.stock-user-restored{
  border:1px solid rgba(16,185,129,.17);
  background:linear-gradient(135deg,#ecfdf5,#fff 72%);
}
.notificationItem.stock-user-zero b{color:#be123c!important;}
.notificationItem.stock-user-restored b{color:#047857!important;}
.notificationItem.stock-user-zero strong{color:#881337;}
.notificationItem.stock-user-restored strong{color:#065f46;}
@media(max-width:700px){
  .codeAuditCountryFlag{width:26px;min-width:26px;height:19px;}
  .codeAuditCountryFlag img{width:26px;height:19px;}
}

/* MoviePlay v82.34 — refuerzo premium para Usuarios en móvil */
@media (max-width: 800px){
  .usersPage .usersFixedHeader{
    position:relative !important;
    top:auto !important;
    margin-bottom:14px !important;
    box-shadow:0 8px 22px rgba(15,23,42,.07) !important;
  }

  .usersPage > .tableWrap{
    transform:none !important;
  }
}