/* WaBonus · capa «app» del portal de clientes (pkg157). SOLO ASPECTO: no cambia lógica ni datos.
   Se carga después de los estilos de cada página. Móvil (≤980 px): barra superior + barra inferior de pestañas. */
:root{--a-ink:#0f2d22;--a-green:#1F6B49;--a-green2:#2f9a64;--a-gold:#F4C13D;--a-gold2:#E3A82B;--a-bg:#F3EFE5;
  --a-card:#fff;--a-line:rgba(16,45,34,.09);--a-muted:#6f6a5c;--a-text:#191b17;
  --a-head:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --a-sh:0 1px 2px rgba(16,45,34,.05),0 18px 40px -30px rgba(16,45,34,.45);
  --a-nav-h:68px;--a-safe:env(safe-area-inset-bottom,0px)}
body.dark{--a-bg:#0b1712;--a-card:#12221b;--a-line:rgba(236,231,218,.09);--a-muted:#9fb0a6;--a-text:#ECE7DA;
  --a-sh:0 1px 2px rgba(0,0,0,.3),0 18px 40px -30px rgba(0,0,0,.8)}

/* ---------- tarjeta de saldo estilo banco ---------- */
.wallet{background:radial-gradient(120% 90% at 100% 0%,rgba(244,193,61,.28),transparent 55%),
  radial-gradient(90% 80% at 0% 100%,rgba(47,154,100,.35),transparent 60%),linear-gradient(140deg,#174a36 0%,#0f2d22 55%,#0a1d15 100%)!important;
  color:#F3EFE5!important;border:1px solid rgba(244,193,61,.22)!important;box-shadow:0 30px 60px -34px rgba(10,29,21,.9),inset 0 1px 0 rgba(255,255,255,.08)!important;
  position:relative;overflow:hidden}
.wallet:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.07) 45%,transparent 60%);
  transform:translateX(-100%);animation:wbShine 6s ease-in-out 1.2s infinite;pointer-events:none}
@keyframes wbShine{0%,70%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
.wallet .k,.wallet .w-row,.wallet .w-foot,.wallet .cc-t{color:rgba(243,239,229,.72)!important}
.wallet .v,.wallet .wallet-name{color:#fff!important}
.wallet .col.total .v{color:var(--a-gold)!important}
.wallet .brand{color:var(--a-gold)!important;letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:700}

/* primera tarjeta de las páginas internas = saldo destacado */
.cards>.card:first-child{background:linear-gradient(140deg,#174a36 0%,#0f2d22 60%,#0a1d15 100%)!important;border-color:rgba(244,193,61,.25)!important}
.cards>.card:first-child .k{color:rgba(243,239,229,.72)!important}
.cards>.card:first-child .v{color:var(--a-gold)!important}

/* números */
.v,.wallet .v,.stat .v,.card .v{font-variant-numeric:tabular-nums;letter-spacing:-.02em}

/* ---------- ocultar saldos (botón ojo) ---------- */
html.wb-hide :is(.v,.wallet-name,#walletId,.amount,.credit,.debit,.bal,.price,.tot,td.wb-amt){filter:blur(9px);transition:filter .25s}
html.wb-hide .wallet .v{filter:blur(11px)}

/* ---------- esqueleto de carga ---------- */
.wb-sk{color:transparent!important;border-radius:10px;background:linear-gradient(90deg,rgba(16,45,34,.07) 25%,rgba(16,45,34,.14) 37%,rgba(16,45,34,.07) 63%)!important;
  background-size:400% 100%!important;animation:wbSk 1.3s ease infinite;-webkit-background-clip:border-box!important}
.wallet .wb-sk,.cards>.card:first-child .wb-sk{background:linear-gradient(90deg,rgba(255,255,255,.08) 25%,rgba(255,255,255,.18) 37%,rgba(255,255,255,.08) 63%)!important;background-size:400% 100%!important}
@keyframes wbSk{0%{background-position:100% 50%}100%{background-position:0 50%}}

/* ---------- entrada suave ---------- */
@media (prefers-reduced-motion:no-preference){
  .wb-in{animation:wbIn .5s cubic-bezier(.2,.7,.2,1) both}
  @keyframes wbIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
}

/* ---------- sin conexión ---------- */
#wbOffline{position:fixed;left:12px;right:12px;top:calc(env(safe-area-inset-top,0px) + 10px);z-index:2000;display:none;align-items:center;gap:10px;
  padding:11px 14px;border-radius:14px;background:#2b2314;color:#f4d68a;font:600 13.5px/1.3 var(--a-head);box-shadow:0 14px 30px -14px rgba(0,0,0,.6)}
#wbOffline.on{display:flex}

/* ---------- compartir: WhatsApp + Facebook + Instagram (v2) ---------- */
.wb-share-row{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:10px;align-items:stretch;justify-content:flex-end}
.wb-share-row .btn-wa{width:auto!important}
.wb-sbtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 18px;border-radius:999px;text-decoration:none;
  font:700 15px/1 var(--a-head);color:#fff;transition:transform .15s,box-shadow .15s}
.wb-sbtn:hover{transform:translateY(-2px)}.wb-sbtn:active{transform:scale(.97)}
.wb-fb.wb-sbtn{background:#1877F2;box-shadow:0 14px 28px -16px rgba(24,119,242,.9)}
.wb-ig.wb-sbtn{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fd5949 45%,#d6249f 60%,#285AEB 95%);box-shadow:0 14px 28px -16px rgba(214,36,159,.9)}
.share .wb-chip{display:inline-flex;align-items:center;gap:6px;text-decoration:none}
.share .wb-chip svg{width:16px;height:16px}
.share .wb-fb.wb-chip{background:#1877F2!important;color:#fff!important;border-color:transparent!important}
.share .wb-ig.wb-chip{background:linear-gradient(45deg,#f58529,#dd2a7b 50%,#8134af)!important;color:#fff!important;border-color:transparent!important}
/* ---------- v3: tarjeta y QR ---------- */
.wb-studio{cursor:pointer;border:0}
.wb-studio.wb-sbtn{background:linear-gradient(180deg,#f8cd55,#E3A82B);color:#102D22;box-shadow:0 14px 28px -16px rgba(227,168,43,.95)}
.share .wb-studio.wb-chip{background:linear-gradient(180deg,#f8cd55,#E3A82B)!important;color:#102D22!important;border-color:transparent!important;font:inherit;font-weight:700}
#wbStudio{position:fixed;inset:0;z-index:1500;background:rgba(5,14,10,.55);display:none;align-items:flex-end;justify-content:center}
#wbStudio.on{display:flex}
#wbStudio .wb-st-card{width:min(100%,520px);max-height:94vh;overflow:auto;background:var(--a-card);color:var(--a-text);border-radius:26px 26px 0 0;
  padding:16px 16px calc(18px + env(safe-area-inset-bottom,0px));box-shadow:0 -24px 60px -20px rgba(0,0,0,.6);animation:wbUp .3s cubic-bezier(.2,.8,.2,1)}
@media (min-width:600px){#wbStudio{align-items:center}#wbStudio .wb-st-card{border-radius:26px}}
@keyframes wbUp{from{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}
.wb-st-head{display:flex;align-items:center;justify-content:space-between;margin:2px 4px 12px;font:800 19px/1.2 var(--a-head)}
.wb-st-x{width:36px;height:36px;border-radius:12px;border:1px solid var(--a-line);background:transparent;color:inherit;font-size:16px;cursor:pointer}
.wb-st-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:5px;border-radius:16px;background:rgba(16,45,34,.06);margin-bottom:14px}
body.dark .wb-st-tabs{background:rgba(255,255,255,.06)}
.wb-st-tabs button{display:flex;align-items:center;justify-content:center;gap:6px;border:0;background:transparent;color:var(--a-muted);padding:10px 6px;border-radius:12px;font:700 13.5px/1 var(--a-head);cursor:pointer}
.wb-st-tabs button svg{width:17px;height:17px}
.wb-st-tabs button.on{background:var(--a-card);color:var(--a-green);box-shadow:0 2px 8px -3px rgba(16,45,34,.3)}
body.dark .wb-st-tabs button.on{background:#1a3026;color:var(--a-gold)}
.wb-st-pane{display:none}.wb-st-pane.on{display:block}
.wb-st-prev{position:relative;width:min(62vw,250px);margin:0 auto 12px;aspect-ratio:9/16;border-radius:18px;overflow:hidden;box-shadow:0 20px 40px -18px rgba(0,0,0,.6)}
.wb-st-prev canvas{width:100%;height:100%;display:block;background:#0f2d22}
.wb-st-load{position:absolute;inset:0;display:grid;place-items:center;background:#0f2d22;color:#F3EFE5;font:600 14px/1.3 var(--a-head);text-align:center;padding:20px}
.wb-st-opt{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13.5px;color:var(--a-muted);margin:0 0 12px}
.wb-st-go,.wb-st-sec{display:block;width:100%;border:0;border-radius:999px;padding:15px;font:800 15.5px/1 var(--a-head);cursor:pointer;margin-top:8px}
.wb-st-go{background:linear-gradient(90deg,#f58529,#dd2a7b 45%,#8134af 75%,#25D366);color:#fff;box-shadow:0 14px 28px -14px rgba(221,42,123,.8)}
.wb-st-sec{background:transparent;color:var(--a-green);border:1.5px solid rgba(31,107,73,.35)}
body.dark .wb-st-sec{color:var(--a-gold);border-color:rgba(244,193,61,.35)}
.wb-st-tip{font-size:12.5px;line-height:1.45;color:var(--a-muted);text-align:center;margin:12px 6px 2px}
.wb-st-qr{width:min(70vw,280px);margin:6px auto 4px;padding:12px;border-radius:22px;background:#fff;box-shadow:0 16px 36px -20px rgba(16,45,34,.6)}
.wb-st-qr canvas{width:100%;height:auto;display:block}
.wb-st-msg{border:1px solid var(--a-line);border-radius:18px;padding:14px;margin-bottom:10px;background:rgba(16,45,34,.025)}
.wb-st-mt{font:700 10.5px/1 var(--a-head);letter-spacing:.14em;text-transform:uppercase;color:var(--a-muted)}
.wb-st-msg p{margin:8px 0 12px;font-size:14px;line-height:1.5;word-break:break-word}
.wb-st-ma{display:flex;gap:8px}
.wb-st-wa,.wb-st-cp{flex:1;text-align:center;border-radius:999px;padding:11px;font:700 13.5px/1 var(--a-head);text-decoration:none;cursor:pointer}
.wb-st-wa{background:linear-gradient(180deg,#2f8a5f,#1F6B49);color:#fff;border:0}
.wb-st-cp{background:transparent;border:1.5px solid var(--a-line);color:inherit}
/* ---------- v4: invitación emergente ---------- */
#wbPromo{position:fixed;inset:0;z-index:1400;background:rgba(5,14,10,.55);display:none;align-items:flex-end;justify-content:center}
#wbPromo.on{display:flex}
@media (min-width:600px){#wbPromo{align-items:center}}
.wb-pr-card{position:relative;width:min(100%,420px);max-height:94vh;overflow:auto;text-align:center;color:#F3EFE5;
  padding:26px 22px calc(20px + env(safe-area-inset-bottom,0px));border-radius:28px 28px 0 0;
  background:radial-gradient(120% 70% at 100% 0%,rgba(244,193,61,.3),transparent 55%),radial-gradient(90% 60% at 0% 100%,rgba(47,154,100,.4),transparent 60%),linear-gradient(160deg,#174a36,#0f2d22 55%,#0a1d15);
  box-shadow:0 -24px 60px -20px rgba(0,0,0,.7);animation:wbUp .35s cubic-bezier(.2,.8,.2,1)}
@media (min-width:600px){.wb-pr-card{border-radius:28px}}
.wb-pr-x{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:12px;border:1px solid rgba(243,239,229,.18);background:rgba(255,255,255,.06);color:#F3EFE5;font-size:16px;cursor:pointer}
.wb-pr-kick{display:inline-block;padding:6px 12px;border-radius:99px;background:rgba(244,193,61,.15);border:1px solid rgba(244,193,61,.35);color:#F4C13D;font:700 10.5px/1 var(--a-head);letter-spacing:.14em;text-transform:uppercase}
.wb-pr-card h3{margin:12px 0 8px;font:800 25px/1.15 var(--a-head);letter-spacing:-.02em;color:#fff}
.wb-pr-card p{margin:0 auto;max-width:330px;font-size:14px;line-height:1.5;color:rgba(243,239,229,.8)}
.wb-pr-card p b{color:#F4C13D}
.wb-pr-qr{position:relative;width:190px;margin:18px auto 10px;padding:10px 10px 30px;border-radius:22px;background:#fff;box-shadow:0 20px 40px -20px rgba(0,0,0,.7)}
.wb-pr-qr canvas{width:100%;height:auto;display:block}
.wb-pr-code{position:absolute;left:50%;bottom:-14px;transform:translateX(-50%);padding:8px 16px;border-radius:99px;white-space:nowrap;
  background:linear-gradient(180deg,#f8cd55,#E3A82B);color:#102D22;font:800 17px/1 var(--a-head);letter-spacing:.04em;box-shadow:0 8px 18px -8px rgba(227,168,43,.9)}
.wb-pr-sub{margin:24px 0 14px;font-size:13px;color:rgba(243,239,229,.7)}
.wb-pr-go,.wb-pr-wa{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;border:0;border-radius:999px;padding:15px;font:800 15.5px/1 var(--a-head);cursor:pointer;text-decoration:none;margin-top:8px}
.wb-pr-go{background:linear-gradient(180deg,#f8cd55,#E3A82B);color:#102D22;box-shadow:0 14px 28px -14px rgba(227,168,43,.9)}
.wb-pr-wa{background:rgba(255,255,255,.08);color:#fff;border:1.5px solid rgba(243,239,229,.25)}
.wb-pr-foot{display:flex;justify-content:space-between;margin-top:14px}
.wb-pr-foot button{border:0;background:none;color:rgba(243,239,229,.65);font:600 13px/1 var(--a-body,inherit);padding:8px 4px;cursor:pointer}
.wb-pr-foot .wb-pr-later{color:#F3EFE5;font-weight:700}
#wbToast{position:fixed;left:50%;bottom:calc(var(--a-nav-h) + var(--a-safe) + 24px);transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:2100;
  max-width:min(92vw,420px);padding:12px 16px;border-radius:14px;background:#0f2d22;color:#F3EFE5;font:600 14px/1.35 var(--a-head);text-align:center;
  box-shadow:0 18px 40px -16px rgba(0,0,0,.6);transition:opacity .25s,transform .25s}
#wbToast.on{opacity:1;transform:translate(-50%,0)}
@media (min-width:981px){#wbToast{bottom:28px}}
@media (max-width:700px){
  .wb-share-row{width:100%;display:grid;grid-template-columns:1fr 1fr}
  .wb-share-row .btn-wa{grid-column:1/-1;width:100%!important}
  .wb-share-row .wb-studio{grid-column:1/-1}
}

/* ================= MÓVIL ================= */
@media (max-width:980px){
  body.wb-has-nav{padding-bottom:calc(var(--a-nav-h) + var(--a-safe) + 18px)!important}
  /* barra superior propia */
  #wbBar{position:sticky;top:0;z-index:900;display:flex;align-items:center;gap:10px;margin:0 0 14px;
    padding:calc(env(safe-area-inset-top,0px) + 10px) 14px 10px;
    background:linear-gradient(90deg,#123527,#0f2d22 60%,#0a1d15);color:#F3EFE5;box-shadow:0 12px 30px -20px rgba(10,29,21,.9)}
  #wbBar .wb-b-logo{display:flex;align-items:center;gap:9px;text-decoration:none;color:#F3EFE5;font:800 19px/1 var(--a-head);letter-spacing:-.02em;min-width:0}
  #wbBar .wb-b-logo .mark{width:32px;height:32px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.35))}
  #wbBar .wb-b-logo .wa{color:var(--a-gold)}
  #wbBar .wb-b-sp{flex:1}
  #wbBar .wb-b-btn{width:38px;height:38px;border-radius:12px;border:1px solid rgba(243,239,229,.14);background:rgba(255,255,255,.06);color:#F3EFE5;
    display:grid;place-items:center;cursor:pointer;position:relative;padding:0}
  #wbBar .wb-b-btn svg{width:20px;height:20px}
  #wbBar .wb-b-btn:active{transform:scale(.94)}
  #wbBar .wb-b-dot{position:absolute;top:6px;right:6px;width:8px;height:8px;border-radius:50%;background:var(--a-gold);box-shadow:0 0 0 2px #0f2d22;display:none}
  #wbBar .wb-b-dot.on{display:block}
  /* las marcas móviles antiguas quedan sustituidas por la barra */
  body.wb-has-nav .wb-mbrand,body.wb-has-nav .m-brand{display:none!important}
  body.wb-has-nav .main{padding-top:0!important}
  body.wb-has-nav .app{display:block}
  /* botones duplicados (Panel/Extracto/☰) → ya están en la barra inferior */
  body.wb-has-nav .top .actions{display:none!important}
  body.wb-has-nav .top-actions .dark-toggle,body.wb-has-nav .top-actions .icon-btn[title="Cuenta"]{display:none!important}
  body.wb-has-nav .top-actions .icon-btn[title="Notificaciones"]{display:none!important}
  /* páginas «wrap» (Extracto, Canjear, Pedidos): su barra oscura se sustituye */
  body.wb-has-nav.wb-wrap>.top,body.wb-has-nav.wb-wrap .wrap>.top:first-child:has(.wb-brand){display:none!important}

  /* rejilla compacta 2 columnas (como apps bancarias) */
  .cards{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
  .cards>.card{padding:14px!important;border-radius:18px!important;margin:0!important;min-width:0}
  .cards>.card:first-child{grid-column:1/-1;padding:20px 18px!important}
  .cards>.card:first-child .v{font-size:34px!important}
  .cards>.card .k{font-size:10.5px!important;letter-spacing:.12em}
  .cards>.card .v{font-size:21px!important}
  .stats{gap:10px!important}
  .main{padding-left:14px!important;padding-right:14px!important}

  /* barra inferior */
  #wbNav{position:fixed;left:0;right:0;bottom:0;z-index:1000;height:calc(var(--a-nav-h) + var(--a-safe));padding:0 6px var(--a-safe);
    display:grid;grid-template-columns:repeat(5,1fr);align-items:center;
    background:rgba(255,255,255,.86);-webkit-backdrop-filter:saturate(1.6) blur(18px);backdrop-filter:saturate(1.6) blur(18px);
    border-top:1px solid var(--a-line);box-shadow:0 -12px 30px -22px rgba(16,45,34,.45)}
  body.dark #wbNav{background:rgba(14,28,22,.88)}
  #wbNav a,#wbNav button{appearance:none;border:0;background:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:100%;
    text-decoration:none;color:var(--a-muted);font:700 10.5px/1 var(--a-head);letter-spacing:.01em;cursor:pointer;-webkit-tap-highlight-color:transparent;position:relative}
  #wbNav svg{width:23px;height:23px;transition:transform .2s}
  #wbNav .on{color:var(--a-green)}
  body.dark #wbNav .on{color:var(--a-gold)}
  #wbNav .on:before{content:"";position:absolute;top:0;width:28px;height:3px;border-radius:0 0 4px 4px;background:var(--a-green)}
  body.dark #wbNav .on:before{background:var(--a-gold)}
  #wbNav a:active svg,#wbNav button:active svg{transform:scale(.88)}
  #wbNav .wb-fab{color:var(--a-ink)}
  #wbNav .wb-fab .wb-fab-c{width:52px;height:52px;margin-top:-26px;border-radius:50%;display:grid;place-items:center;
    background:radial-gradient(circle at 35% 30%,#ffe68c,#F4C13D 45%,#d99a1f 100%);box-shadow:0 10px 22px -8px rgba(217,154,31,.8),0 0 0 4px var(--a-bg)}
  body.dark #wbNav .wb-fab{color:var(--a-text)}
  #wbNav .wb-fab .wb-fab-c svg{color:#0f2d22}
  #wbNav .wb-fab.on:before{display:none}

  /* hoja «Más» */
  #wbSheetBg{position:fixed;inset:0;z-index:1100;background:rgba(5,14,10,.45);opacity:0;pointer-events:none;transition:opacity .25s}
  #wbSheetBg.on{opacity:1;pointer-events:auto}
  #wbSheet{position:fixed;left:0;right:0;bottom:0;z-index:1101;background:var(--a-card);color:var(--a-text);border-radius:24px 24px 0 0;
    padding:10px 16px calc(18px + var(--a-safe));transform:translateY(105%);visibility:hidden;transition:transform .3s cubic-bezier(.2,.8,.2,1),visibility 0s linear .3s;box-shadow:0 -20px 50px -20px rgba(0,0,0,.5);max-height:86vh;overflow:auto}
  #wbSheet.on{transform:none;visibility:visible;transition:transform .3s cubic-bezier(.2,.8,.2,1),visibility 0s}
  #wbSheet .wb-grab{width:42px;height:5px;border-radius:9px;background:var(--a-line);margin:2px auto 12px}
  #wbSheet .wb-s-user{display:flex;align-items:center;gap:12px;padding:6px 4px 14px;border-bottom:1px solid var(--a-line);margin-bottom:8px}
  #wbSheet .wb-s-av{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font:800 17px/1 var(--a-head);color:#102D22;
    background:radial-gradient(circle at 35% 30%,#ffe68c,#f4c13d 45%,#d99a1f 100%)}
  #wbSheet .wb-s-n{font:800 16px/1.2 var(--a-head)}#wbSheet .wb-s-m{font-size:12.5px;color:var(--a-muted);margin-top:3px}
  #wbSheet .wb-s-it{display:flex;align-items:center;gap:14px;width:100%;padding:13px 6px;border:0;background:none;color:inherit;text-decoration:none;
    font:600 15px/1.2 var(--a-head);text-align:left;border-radius:12px;cursor:pointer}
  #wbSheet .wb-s-it:active{background:rgba(16,45,34,.06)}
  #wbSheet .wb-s-ic{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:rgba(31,107,73,.1);color:var(--a-green);flex:none}
  body.dark #wbSheet .wb-s-ic{background:rgba(244,193,61,.12);color:var(--a-gold)}
  #wbSheet .wb-s-ic svg{width:19px;height:19px}
  #wbSheet .wb-s-tg{margin-left:auto;width:42px;height:25px;border-radius:99px;background:var(--a-line);position:relative;transition:background .2s;flex:none}
  #wbSheet .wb-s-tg:after{content:"";position:absolute;top:3px;left:3px;width:19px;height:19px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:transform .2s}
  #wbSheet .wb-s-tg.on{background:var(--a-green)}#wbSheet .wb-s-tg.on:after{transform:translateX(17px)}
  #wbSheet .wb-s-out{color:#b23a2e}#wbSheet .wb-s-out .wb-s-ic{background:rgba(178,58,46,.1);color:#b23a2e}
  #wbSheet .wb-s-sec{font:700 10.5px/1 var(--a-head);letter-spacing:.14em;text-transform:uppercase;color:var(--a-muted);padding:14px 6px 6px}
}
@media (min-width:981px){#wbBar,#wbNav,#wbSheet,#wbSheetBg{display:none!important}}

/* ================= MODO OSCURO para las páginas internas ================= */
body.dark{background:#0b1712!important;color:var(--a-text)!important}
body.dark :is(.card,.panel,.stat,.sum,.form-panel,.id-panel,.table-card,.insight-card,.ref-card,.withdraw-card,.setup-card,.codebox,.modal-card,.notif-panel,.user-panel,.account-menu){
  background:var(--a-card)!important;border-color:var(--a-line)!important;color:var(--a-text)!important}
body.dark :is(h1,h2,h3,b,strong,.v,.k,label,th,td){color:inherit}
body.dark :is(.sub,.muted,.mini-note,small,p){color:var(--a-muted)}
body.dark .k{color:var(--a-muted)!important}
body.dark .cards>.card:first-child .k{color:rgba(243,239,229,.72)!important}
body.dark :is(input,select,textarea){background:#0e1c16!important;color:var(--a-text)!important;border-color:var(--a-line)!important}
body.dark table th{background:#0e1c16!important;color:var(--a-muted)!important}
body.dark table td{border-color:var(--a-line)!important}
body.dark :is(.method,.info>div,.withdraw-info>div,.notice,.note,.empty,.milestone,.row,.item,.opt){background:#0e1c16!important;border-color:var(--a-line)!important;color:var(--a-text)!important}
body.dark .method.active{border-color:var(--a-gold)!important;box-shadow:0 0 0 3px rgba(244,193,61,.15)!important}
body.dark .btn:not(.btn-green):not(.btn-gold):not(.btn-red){background:#16291f!important;color:var(--a-text)!important;border-color:var(--a-line)!important}
body.dark h1{color:#F3EFE5!important}

/* ---- v5 (pkg167): aviso del bono de bienvenida ---- */
#wbBono{position:fixed;inset:0;z-index:1450;background:rgba(5,14,10,.6);display:none;align-items:flex-end;justify-content:center}
#wbBono.on{display:flex}
@media (min-width:600px){#wbBono{align-items:center}}
.wb-bo-card{position:relative;width:min(100%,460px);max-height:92vh;overflow:auto;-webkit-overflow-scrolling:touch;padding:26px 22px calc(20px + env(safe-area-inset-bottom));
  border-radius:28px 28px 0 0;background:linear-gradient(180deg,#123a2b,#0c271d);color:#F3EFE5;box-shadow:0 -20px 60px -20px rgba(0,0,0,.6);text-align:left;
  font-size:14.5px;line-height:1.55}
@media (min-width:600px){.wb-bo-card{border-radius:28px}}
.wb-bo-coin{width:64px;height:64px;margin:0 auto 10px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:radial-gradient(circle at 35% 30%,#ffe68c,#f4c13d 45%,#d99a1f 100%);color:#102D22;font:800 17px/1 var(--a-head,inherit);box-shadow:0 10px 24px -10px rgba(244,193,61,.8)}
.wb-bo-kick{display:table;margin:0 auto 14px;padding:6px 12px;border-radius:99px;background:rgba(244,193,61,.15);border:1px solid rgba(244,193,61,.35);color:#F4C13D;
  font:700 10.5px/1 var(--a-head,inherit);letter-spacing:.14em;text-transform:uppercase}
.wb-bo-card h3{margin:0 0 4px;font:800 18px/1.3 var(--a-head,inherit);color:#fff}
.wb-bo-card p{margin:0 0 10px;color:rgba(243,239,229,.88)}
.wb-bo-card p.wb-bo-big{font:700 16px/1.4 var(--a-head,inherit);color:#fff}
.wb-bo-card b{color:#F4C13D}
.wb-bo-card a{color:#F4C13D;font-weight:700}
.wb-bo-warn{margin:4px 0 12px;padding:12px 14px;border-radius:16px;background:rgba(227,88,62,.14);border:1px solid rgba(240,128,108,.45);color:#fff}
.wb-bo-warn b{color:#ffb3a3}
.wb-bo-sign{margin-top:14px!important;font-size:13px;color:rgba(243,239,229,.7)!important}
.wb-bo-sign b{color:#fff}
.wb-bo-ok{display:block;width:100%;margin-top:16px;border:0;border-radius:999px;padding:15px;font:800 15.5px/1 var(--a-head,inherit);cursor:pointer;
  background:linear-gradient(180deg,#f8cd55,#E3A82B);color:#102D22;box-shadow:0 14px 28px -14px rgba(227,168,43,.9)}

/* ---- v6 (pkg172) ---- */
.wb-bo-gift{margin:2px 0 12px;padding:12px 14px;border-radius:16px;background:rgba(244,193,61,.14);border:1px solid rgba(244,193,61,.45);
  color:#fff;font:700 15px/1.4 var(--a-head,inherit)}
.wb-bo-h{margin:16px 0 6px;font:800 15.5px/1.3 var(--a-head,inherit);color:#fff}