/* == JEMBATAN TOKEN (dihasilkan storefrontTema, jangan disunting tangan) == */
html[data-tema="nebula"]{
  --t-bg:var(--bg,#f4f6fa);--t-frame:color-mix(in srgb,var(--bg,#f4f6fa) 82%,var(--txt,#162033));
  --t-surface:var(--card,#fff);--t-field:color-mix(in srgb,var(--card,#fff) 95%,var(--txt,#162033));
  --t-fill:color-mix(in srgb,var(--card,#fff) 92%,var(--txt,#162033));--t-line:var(--line,#dfe5ee);
  --t-text:var(--txt,#162033);--t-muted:var(--muted,#667085);--t-subtle:color-mix(in srgb,var(--muted,#667085) 70%,var(--card,#fff));
  --t-on-bg:var(--txt,#162033);--t-on-bg-muted:var(--muted,#667085);
  --t-on-bg-link:color-mix(in srgb,var(--brand,#4f7cff) 78%,var(--txt,#162033));
  --t-accent:var(--brand,#4f7cff);--t-accent-d:var(--brand-d,#3959be);--t-on-accent:#fff;
  --t-accent-text:color-mix(in srgb,var(--brand,#4f7cff) 78%,var(--txt,#162033));
  --t-accent-soft:color-mix(in srgb,var(--brand,#4f7cff) 12%,var(--card,#fff));
  --t-accent-line:color-mix(in srgb,var(--brand,#4f7cff) 32%,var(--line,#dfe5ee));
  --t-deep:color-mix(in srgb,var(--brand-d,#3959be) 30%,#0b1224);--t-deep-2:color-mix(in srgb,var(--brand,#4f7cff) 38%,#101a33);
  --t-on-deep:#fff;--t-on-deep-muted:rgba(255,255,255,.74);--t-scrim:rgba(6,8,14,.64);
  --t-ok:#22a95b;--t-ok-d:#13804a;--t-ok-soft:var(--ok-bg,#e9f9ef);--t-ok-text:var(--ok-tx,#0b7a3b);
  --t-err:#e5534b;--t-err-d:#a8261e;--t-err-soft:var(--err-bg,#fdecec);--t-err-text:var(--err-tx,#b42318);
  --t-err-line:color-mix(in srgb,var(--err-tx,#b42318) 30%,var(--card,#fff));
  --t-warn-soft:color-mix(in srgb,var(--gold,#f6b60c) 16%,var(--card,#fff));--t-warn-line:color-mix(in srgb,var(--gold,#f6b60c) 42%,var(--card,#fff));
  --t-warn-text:color-mix(in srgb,var(--gold-d,#d98e00) 62%,var(--txt,#162033));
  --t-gold:var(--gold,#f6b60c);--t-gold-d:var(--gold-d,#d98e00);--t-gold-soft:color-mix(in srgb,var(--gold,#f6b60c) 34%,var(--card,#fff));
  --t-gold-text:color-mix(in srgb,var(--gold-d,#d98e00) 85%,var(--txt,#162033));--t-on-gold:#2f2200;--t-promo:#d92d83;
  --t-font:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;--t-font-display:var(--t-font);
}
/* Kontrol formulir tidak mewarisi huruf; tema berhuruf sendiri butuh ini. */
html[data-tema="nebula"] :is(input,select,textarea){font-family:inherit}
/* Kaki identitas duduk di atas kanvas halaman, bukan di atas kartu, jadi
   aksennya memakai warna tautan-di-kanvas: warna merek apa adanya nyaris
   hilang di tema berkanvas gelap (Domino, Arena, Nebula). */
html[data-tema="nebula"] .ident-foot{--ident-accent:var(--t-on-bg-link)!important}
/* Baris tautan kebijakan juga duduk di kanvas, bukan di kartu. */
html[data-tema="nebula"] .ident-kebijakan a{color:var(--t-on-bg-muted)}
html[data-tema="nebula"] .ident-kebijakan a:hover{color:var(--t-on-bg-link)}
/* Cangkang halaman blog dan kebijakan: gayanya inline dan tidak memuat
   style.css, jadi permukaan dan teksnya dipetakan ke token di sini —
   sekali untuk semua tema. Isi artikel diberi panel supaya tetap terbaca
   di atas kanvas bertekstur atau gelap. */
html[data-tema="nebula"] body{color:var(--t-on-bg)}
html[data-tema="nebula"] :is(.b-title,.b-art-title,.b-lead,.b-date,.b-crumb,.b-pager-info,.b-foot){color:var(--t-on-bg)}
html[data-tema="nebula"] .b-eyebrow{background:var(--t-accent-soft);color:var(--t-accent-text)}
html[data-tema="nebula"] :is(.b-lead,.b-date,.b-pager-info,.b-crumb,.b-foot){color:var(--t-on-bg-muted)}
html[data-tema="nebula"] :is(.b-card,.b-pager a){background:var(--t-surface);border-color:var(--t-line);color:var(--t-text)}
html[data-tema="nebula"] .b-card a{color:inherit}
html[data-tema="nebula"] .b-body{padding:16px 18px;border:1px solid var(--t-line);border-radius:16px;
  background:var(--t-surface);color:var(--t-text)}
html[data-tema="nebula"] .b-body :is(h2,h3,h4,strong,b){color:var(--t-text)}
html[data-tema="nebula"] .b-body a{color:var(--t-accent-text)}
html[data-tema="nebula"] :is(.b-more,.b-card:hover h2,.b-pager a){color:var(--t-accent-text)}
html[data-tema="nebula"] :is(.b-foot a,.b-crumb a:hover){color:var(--t-on-bg-link)}
html[data-tema="nebula"] .b-crumb a{color:var(--t-on-bg-muted)}
html[data-tema="nebula"] .b-body blockquote{border-color:var(--t-accent)}
html[data-tema="nebula"]{--brand-soft:color-mix(in srgb,var(--brand,#4f7cff) 12%,var(--card,#fff));
  --brand-line:color-mix(in srgb,var(--brand,#4f7cff) 32%,var(--line,#dfe5ee))}
/* Huruf tema ikut ke halaman luar: tema bukan hanya warna. */
html[data-tema="nebula"] body{font-family:var(--t-font)}
html[data-tema="nebula"] :is(.b-brand,.b-title,.b-art-title,.b-card h2,.b-body h2,.b-body h3){font-family:var(--t-font-display)}
/* == /JEMBATAN TOKEN == */

/* ══ Tema NEBULA — latar ungu gelap, kartu langkah putih, bar bayar kapsul ══
   Kanvas halaman gelap; permukaan (kartu, menu, daftar) tetap putih seperti
   mockup. Karena itu --card/--txt tetap terang-gelap "di dalam kartu", dan
   teks yang duduk langsung di kanvas diberi warna krem secara eksplisit. */
@font-face{font-family:"Nunito";font-style:normal;font-weight:500 900;font-display:swap;src:url('huruf/nunito-500-900.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Lilita One";font-style:normal;font-weight:400;font-display:swap;src:url('huruf/lilita-one-400.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ── Palet & token ── */
html[data-tema="nebula"]{
  --gold:#ffc53d;--gold-d:#f2a900;
  --bg:#1c0a2b;--card:#2f1547;--txt:#f6ecfa;--muted:#b9a3c9;--line:#452a5f;
  --ok-bg:#16402c;--ok-tx:#7ee0a8;--err-bg:#46182c;--err-tx:#ff9bb5;
  --t-bg:#1c0a2b;--t-frame:#11051b;--t-surface:#2f1547;--t-field:#3a1c55;--t-fill:#3a1c55;--t-line:#452a5f;
  --t-text:#f6ecfa;--t-muted:#b9a3c9;--t-subtle:#9b86ad;
  --t-accent:var(--brand);--t-accent-d:var(--brand-d);--t-accent-text:color-mix(in srgb,var(--brand) 45%,#fff);--t-accent-soft:color-mix(in srgb,var(--brand) 24%,var(--card));--t-accent-line:color-mix(in srgb,var(--brand) 45%,var(--card));--t-on-accent:var(--brand-on,#fff);
  --t-deep:#2a1140;--t-deep-2:#3b1d52;--t-on-deep:#f6ecfa;--t-on-deep-muted:rgba(246,236,250,.72);--t-scrim:rgba(17,5,27,.74);
  --t-ok:#3ac47d;--t-ok-d:#2aa564;--t-ok-soft:#16402c;--t-ok-text:#7ee0a8;
  --t-err:#ff6a90;--t-err-d:#e5537a;--t-err-soft:#46182c;--t-err-line:#7a3550;--t-err-text:#ff9bb5;
  --t-warn-soft:#3d2c12;--t-warn-line:#6a4d1a;--t-warn-text:#ffd58e;
  --t-gold:#ffc53d;--t-gold-d:#f2a900;--t-gold-soft:#3d2f0e;--t-gold-text:#ffd98a;--t-on-gold:#3d2600;--t-promo:#e0457b;
  --t-font:"Nunito",system-ui,-apple-system,"Segoe UI",sans-serif;--t-font-display:"Lilita One","Nunito",system-ui,sans-serif;
  --nb-plum:#2a1140;--nb-raise:#3b1d52;--nb-cream:#f6ecfa;--nb-pink:#e0457b;--nb-pink-tx:#ff9ec4;--nb-peach:#3b2236;--nb-coin:radial-gradient(circle at 35% 32%,#fff3bf,#ffc53d 48%,#f2a900);
  font-synthesis:style;
}
html[data-tema="nebula"] body{color:var(--nb-cream);background:radial-gradient(150% 520px at 50% -90px,#3a1558 0%,rgba(58,21,88,0) 72%) no-repeat,#1c0a2b}
/* Teks terang di kanvas/panel gelap: antialias abu-abu, bukan subpiksel —
   tepi huruf tidak berpendar biru/oranye (paling kentara di judul Lilita One). */
html[data-tema="nebula"] body{-webkit-font-smoothing:antialiased}
/* Permukaan putih: teks kembali tinta. */
html[data-tema="nebula"] :is(.card,.checkin-card,.account-rank,.spender-card,.wallet-topup-card,.account-menu,.account-entry,.track-order-card,.track-security,.refund-box,.cs-card,.seo-block,.paycard,.tg-miniapp-install-card,.account-loading,.wallet-topup-record){color:var(--txt)}

/* ── Header ── */
html[data-tema="nebula"] .hdr{background:var(--nb-plum);box-shadow:0 1px 0 rgba(255,255,255,.06),0 8px 22px rgba(10,3,16,.35)}
html[data-tema="nebula"] #brand-logo{width:34px;height:34px;max-width:none;padding:3px;border-radius:50%;background:var(--nb-raise);box-shadow:inset 0 0 0 2px rgba(255,210,63,.6)}
html[data-tema="nebula"] #brand-name{color:var(--nb-cream)}
html[data-tema="nebula"] .hdr-back{width:34px;height:34px;border-radius:50%;background:var(--nb-raise);color:var(--nb-cream)}

/* ── Hero (bila domain menyalakannya) ── */
html[data-tema="nebula"] .hero:not(.hero-mati){margin:12px 0 14px;border:1px solid rgba(246,236,250,.1);border-radius:18px;box-shadow:0 14px 30px rgba(8,2,14,.45);
  background-image:linear-gradient(90deg,rgba(28,10,43,.97) 0%,rgba(42,17,64,.9) 38%,rgba(59,29,82,.48) 62%,rgba(59,29,82,.05) 100%),var(--hero-gambar,url('/assets/tokohiggs-hero-resmi-mitra-bergaransi.webp'))!important}
html[data-tema="nebula"] .hero:not(.hero-mati) h1{font:400 26px/1.02 var(--t-font-display);letter-spacing:.01em}
html[data-tema="nebula"] .hero:not(.hero-mati) .h1-kw{font:700 12px/1.3 var(--t-font)}
html[data-tema="nebula"] .hero:not(.hero-mati) .badge{border-color:rgba(255,210,63,.42);background:rgba(255,210,63,.14);color:#ffd23f}
html[data-tema="nebula"] .hero:not(.hero-mati) .hero-trust span{border:1px solid rgba(246,236,250,.16);border-radius:999px;background:rgba(42,17,64,.9);box-shadow:none}
html[data-tema="nebula"] .hero:not(.hero-mati) .hero-trust b{background:#ffd23f;color:var(--nb-plum)}

/* ── Banner event ── */
html[data-tema="nebula"] .event-slider{border-radius:16px;box-shadow:0 12px 28px rgba(8,2,14,.45)}
html[data-tema="nebula"] .event-dots{margin:12px 0 2px;gap:7px}
html[data-tema="nebula"] .event-dots button{width:8px;height:8px;border-radius:50%;background:rgba(246,236,250,.28)}
html[data-tema="nebula"] .event-dots button.is-on{width:8px;background:var(--nb-cream)}

/* ── Kartu putih & kartu langkah (nomor bulat menumpang tepi kiri atas) ── */
html[data-tema="nebula"] .card{margin-bottom:14px;padding:16px;border:0;border-radius:18px;background:var(--card);box-shadow:0 12px 30px rgba(8,2,14,.32)}
html[data-tema="nebula"] :is(.user-id-card-flow,.product-card,.product-card+.card,#pay-methods-card){position:relative;margin-top:34px;scroll-margin-top:92px}
html[data-tema="nebula"] section.hero.hero-mati+.event-banner[hidden]+.card{margin-top:34px}
html[data-tema="nebula"] .card h2{font-size:16px;font-weight:900;color:var(--txt)}
/* Nomor menumpang 18px di atas kartu: gulir otomatis (72px) tetap menampilkannya utuh. */
html[data-tema="nebula"] :is(#user-id-title,#product-title,#checkout-email-title,#pay-methods-card h2){min-height:26px;margin-bottom:14px;padding-left:50px;font-size:18px;font-weight:900;line-height:26px;scroll-margin-top:36px}
html[data-tema="nebula"] .user-id-head #user-id-title{margin:0}
html[data-tema="nebula"] .card h2 .num{position:absolute;top:-18px;left:14px;width:46px;height:46px;padding-top:2px;border:4px solid var(--card);border-radius:50%;background:var(--brand);color:#fff;font:400 22px/1 var(--t-font-display);box-shadow:0 6px 14px rgba(28,10,43,.38)}
html[data-tema="nebula"] .muted{color:var(--muted)}

/* Kolom isian & tombol pil */
html[data-tema="nebula"] :is(#game-id,#contact-email,#track-input,#login-email,#login-code){padding:12px 14px;border:1.5px solid var(--line);border-radius:12px;background:var(--t-field);color:var(--txt);font-weight:700}
html[data-tema="nebula"] :is(#game-id,#contact-email,#track-input,#login-email,#login-code)::placeholder{color:#9a86ad;font-weight:600}
html[data-tema="nebula"] :is(#game-id,#contact-email,#track-input,#login-email,#login-code):focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 20%,transparent)}
html[data-tema="nebula"] :is(#check-btn,#track-go,#bulk-preview-btn){padding:12px 20px;border:0;border-radius:999px;background:var(--brand);color:#fff;font-weight:900;box-shadow:0 6px 14px color-mix(in srgb,var(--brand) 35%,transparent)}
html[data-tema="nebula"] .user-id-row #check-btn{padding-inline:20px}
html[data-tema="nebula"] .user-id-row #user-id-guide-btn{align-self:center;width:40px;min-width:40px;height:40px;flex:0 0 40px;border:0;border-radius:50%;background:var(--t-accent-soft);overflow:hidden}
html[data-tema="nebula"] .user-id-row #user-id-guide-btn img{width:26px;height:26px}
html[data-tema="nebula"] .user-id-copy{font-size:12.5px;line-height:1.5;color:var(--muted)}
html[data-tema="nebula"] .buyer{padding:10px 12px;border-radius:12px;background:var(--t-accent-soft);color:var(--t-accent-text);font-weight:800}
html[data-tema="nebula"] .buyer.err{background:var(--err-bg);color:var(--err-tx)}
html[data-tema="nebula"] .id-mode{background:var(--t-fill)}
html[data-tema="nebula"] .id-mode button.is-on{background:var(--brand);color:#fff}
html[data-tema="nebula"] .bulk-field :is(select,textarea){border:1.5px solid var(--line);border-radius:12px}

/* ── Langkah 2: chip kategori & kartu nominal ── */
/* Deret chip lengket (top:54px dari style.css) harus selalu MENUTUPI lencana
   nomor langkah yang lewat di belakangnya: latar putih penuh + z-index di atas
   nomor (nomor tanpa z-index = lapis 0). Tanpa ini keduanya bertumpuk saat
   digulir. */
html[data-tema="nebula"] .tabs{z-index:4;gap:8px;margin:0 -6px 12px;padding:5px 6px;background:var(--card)}
html[data-tema="nebula"] .tabs :is(button,a){flex:0 0 auto;padding:8px 15px;border:1.5px solid var(--line);border-radius:999px;background:var(--t-field);color:#d8c7e8;font-size:12.5px;font-weight:800;box-shadow:none}
html[data-tema="nebula"] .product-card .tabs :is(button,a).active{border-color:var(--brand);background:var(--t-accent-soft);color:var(--t-accent-text);box-shadow:none}
html[data-tema="nebula"] .grid{gap:10px}
html[data-tema="nebula"] .prod{display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:112px;padding:0;overflow:hidden;border:1.5px solid var(--line);border-radius:14px;background:var(--t-field);color:var(--txt);text-align:center}
html[data-tema="nebula"] .prod:hover{border-color:color-mix(in srgb,var(--brand) 45%,#fff)}
/* Irama tegak: nama rapat di atas, koin di tengah, pita persik menutup bawah. */
html[data-tema="nebula"] .prod .n{order:1;flex:none;padding:10px 9px 0;font-size:14px;font-weight:800;line-height:1.2}
html[data-tema="nebula"] .prod .ic{order:2;width:40px;height:40px;margin:7px auto 9px;overflow:hidden}
html[data-tema="nebula"] .prod.prod-image-native .ic img{width:40px;height:40px}
html[data-tema="nebula"] .prod-price{order:3;display:flex;flex-direction:column;align-items:flex-end;gap:1px;margin-top:auto;padding:6px 10px 7px;background:var(--nb-peach);box-shadow:inset 0 1px 0 rgba(224,69,123,.14)}
html[data-tema="nebula"] .prod-price strong{color:var(--nb-pink-tx);font:400 18px/1.05 var(--t-font-display);letter-spacing:.01em}
html[data-tema="nebula"] .prod-price del{margin-bottom:-1px;color:#b49ec2;font-size:10.5px}
html[data-tema="nebula"] .prod-points{gap:4px;padding:0;border-radius:0;background:none;color:#c3aed2;font-size:10.5px;font-weight:800;line-height:1.25}
html[data-tema="nebula"] .prod-points::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--nb-coin)}
/* Harga coret domain: baris coret ikut rata kanan di pita peach, di atas
   harga besar. Label harga coret bergaris pink tipis (informasi); kapsul pink
   padat hanya untuk kartu promo, supaya promo tetap paling menonjol. */
html[data-tema="nebula"] .prod-coret{justify-content:flex-end;margin-bottom:0}
html[data-tema="nebula"] .prod-diskon{padding:2px 6px;border-radius:999px;background:rgba(224,69,123,.16);color:#ffb8d2;box-shadow:inset 0 0 0 1px rgba(224,69,123,.5)}
html[data-tema="nebula"] .prod-diskon.prod-diskon-promo{background:var(--nb-pink);color:#fff;box-shadow:none}
html[data-tema="nebula"] .promo-copy{order:4;align-items:flex-end;padding:0 10px 8px;background:var(--nb-peach);text-align:right}
html[data-tema="nebula"] .product-card .prod.active{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 22%,var(--card));box-shadow:0 0 0 2px var(--brand)}
html[data-tema="nebula"] .prod.active::after{content:"✓";position:absolute;z-index:3;top:7px;right:7px;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:var(--brand);color:#fff;font-size:12px;font-weight:900;line-height:1}
/* Lencana promo jadi pita di sudut kiri atas; nama turun sedikit agar tak tertutup. */
html[data-tema="nebula"] .prod .promo-badge{top:0;left:0;right:auto;padding:4px 10px 4px 9px;border-radius:0 0 12px 0;clip-path:none;background:var(--nb-pink)}
html[data-tema="nebula"] .prod:has(.promo-badge) .n{padding-top:26px}
html[data-tema="nebula"] .flash-sale{border-radius:16px;background:linear-gradient(145deg,#2a1140,#4a2476)}

/* ── Langkah 3–4 ── */
html[data-tema="nebula"] .email-help{border:0;border-radius:12px;background:var(--t-field);color:#d8c7e8;font-size:12px}
html[data-tema="nebula"] .email-help::before{background:var(--brand)}
html[data-tema="nebula"] .email-help[data-kind="error"]{background:var(--err-bg)}
html[data-tema="nebula"] .email-help[data-kind="error"]::before{background:var(--err-tx)}
html[data-tema="nebula"] .checkout-benefits{padding:12px;border:0;border-radius:14px;background:var(--t-field)}
html[data-tema="nebula"] :is(.checkout-benefits-head,.external-pay-head)>span{color:var(--txt)}
html[data-tema="nebula"] .benefit-card{border:1.5px solid var(--line);border-radius:14px;background:var(--t-field)}
html[data-tema="nebula"] .benefit-card.active{border-color:var(--brand);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand) 22%,transparent)}
html[data-tema="nebula"] .benefit-card.locked{background:#331a4c}
html[data-tema="nebula"] .benefit-icon{border-radius:50%;font:400 14px/1 var(--t-font-display)}
html[data-tema="nebula"] .benefit-icon.wallet{background:var(--brand)}
html[data-tema="nebula"] .benefit-icon.points{background:var(--nb-coin);color:var(--t-on-gold)}
html[data-tema="nebula"] .external-pay-head{border-top:1.5px dashed var(--line)}
html[data-tema="nebula"] .paygrid{gap:8px;margin-top:12px}
html[data-tema="nebula"] .paym{padding:12px;border:1.5px solid var(--line);border-radius:14px;background:var(--t-field)}
html[data-tema="nebula"] .paym:hover{border-color:color-mix(in srgb,var(--brand) 45%,#fff)}
html[data-tema="nebula"] .paym.active{border-color:var(--brand);background:var(--t-accent-soft);box-shadow:0 0 0 1px var(--brand)}
html[data-tema="nebula"] .paym-n{color:var(--txt);font-weight:800}
html[data-tema="nebula"] .paym-p{color:var(--muted);font-size:12.5px;font-weight:700}
html[data-tema="nebula"] .paym.active .paym-p{color:var(--brand-d);font-weight:900}

/* ── Bar bayar: panel violet menempel ke nav, jaminan DI DALAM panel ──
   Jaminan sempat jadi chip melayang di atas kapsul (seperti mockup), tetapi
   chip itu duduk di atas kartu User ID dan kisi nominal dan menutupi harga.
   Sekarang jadi baris kecil di dalam panel: kolom kiri dua baris (jaminan
   lalu "Total <harga>"), tombol putih memanjang dua baris di kolom kanan.
   Sejak 2 Okt 2026 kapsul yang dulu melayang 20px di atas nav menempel ke nav
   seperti tema lain (keputusan Taka, usulan "C"), sudut atas 22px. Tanpa
   lekukan: tombol tengah Nebula cuma menonjol 13px, jadi ruang bawah 16px
   sudah membuat isi panel lewat di atasnya dan harga boleh selebar sisi kiri. */
html[data-tema="nebula"] .summary{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1px 8px;padding:8px 8px 16px 14px;border:0;border-radius:22px 22px 0 0;background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 88%,#fff),color-mix(in srgb,var(--brand) 86%,#000));color:#fff;box-shadow:0 -8px 22px rgba(0,0,0,.12)}
html[data-tema="nebula"] .summary::after{content:none}
html[data-tema="nebula"] .summary-assurance{position:static;grid-column:1;grid-row:1;max-width:none;padding:0;border:0;border-radius:0;transform:none;background:none;color:rgba(255,255,255,.8);font-size:10px;font-weight:700;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:none}
html[data-tema="nebula"] .summary-assurance::before{content:"✓ ";color:#ffd23f}
/* "Total" dan harga sebaris supaya kapsul tetap pendek walau ada baris jaminan. */
html[data-tema="nebula"] .summary>div{grid-column:1;grid-row:2;flex-direction:row;align-items:baseline;gap:7px}
html[data-tema="nebula"] .summary>div::before{color:rgba(255,255,255,.72);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
html[data-tema="nebula"] .summary #sum-price{color:#fff;font:400 21px/1.05 var(--t-font-display);letter-spacing:.01em}
html[data-tema="nebula"] #buy-btn{grid-column:2;grid-row:1/3;max-width:150px;padding:6px 16px;border-radius:999px;background:#fff;color:var(--brand-d);font-size:13px;font-weight:900;box-shadow:0 4px 12px rgba(42,17,64,.2)}
html[data-tema="nebula"] #buy-btn:disabled{opacity:1;background:rgba(255,255,255,.18);color:#fff;box-shadow:none}
html[data-tema="nebula"] body[data-page="topup"] .wrap{padding-bottom:calc(var(--nav-h) + 80px + env(safe-area-inset-bottom))}
html[data-tema="nebula"] .bantuan-tg{width:50px;height:50px;min-height:50px;padding:3px;border:0;border-radius:50%;box-shadow:0 8px 20px rgba(8,2,14,.45)}
html[data-tema="nebula"] body[data-page="topup"] .bantuan-tg{bottom:calc(var(--nav-h) + 80px + env(safe-area-inset-bottom))}
html[data-tema="nebula"] .bantuan-tg>.bantuan-copy{display:none}
html[data-tema="nebula"] .bantuan-avatar{width:44px;height:44px;flex-basis:44px;border-radius:50%}
html[data-tema="nebula"] .bantuan-avatar>img{width:40px;height:40px;border-radius:50%}

/* ── Navigasi bawah: gelap, pil di belakang ikon aktif, tombol tengah bulat ── */
html[data-tema="nebula"] .bnav{background:var(--nb-plum);border-top:1px solid rgba(255,255,255,.07);box-shadow:0 -10px 26px rgba(8,2,14,.4)}
html[data-tema="nebula"] .bnav a{color:rgba(246,236,250,.62);font-weight:700}
html[data-tema="nebula"] .bnav a[aria-current="page"]{color:#fff;font-weight:800}
html[data-tema="nebula"] .bnav a[aria-current="page"]::before{display:none}
/* Semua ikon sama kotaknya supaya label tidak melompat saat tab aktif berganti. */
html[data-tema="nebula"] .bnav li:not(.center) svg{box-sizing:content-box;padding:3px 16px;border-radius:999px}
html[data-tema="nebula"] .bnav li:not(.center) a[aria-current="page"] svg{background:#4a2a6e;fill:none}
html[data-tema="nebula"] .bnav li.center a{color:rgba(246,236,250,.8)}
html[data-tema="nebula"] .bnav li.center a[aria-current="page"]{color:#fff}
html[data-tema="nebula"] .bnav .bnav-fab{top:-14px;width:48px;height:48px;border:4px solid var(--nb-plum);background:var(--brand);box-shadow:0 6px 16px color-mix(in srgb,var(--brand) 50%,transparent)}
html[data-tema="nebula"] .bnav li.center a[aria-current="page"] .bnav-fab{background:color-mix(in srgb,var(--brand) 90%,#fff);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 35%,transparent),0 6px 16px color-mix(in srgb,var(--brand) 50%,transparent)}
html[data-tema="nebula"] .bnav .bnav-dot{border-color:var(--nb-plum)}
html[data-tema="nebula"] .bnav li.center .bnav-dot.pts{top:-18px}

/* ── Halaman: judul di kanvas ── */
html[data-tema="nebula"] .page-head{padding:22px 2px 10px}
html[data-tema="nebula"] .page-head h1{font:400 30px/1.05 var(--t-font-display);letter-spacing:.01em;color:var(--nb-cream)}
html[data-tema="nebula"] .page-head p{color:rgba(246,236,250,.72)}
html[data-tema="nebula"] .page-head .section-kicker{color:rgba(246,236,250,.62);font-size:11px;font-weight:800;letter-spacing:.12em}
html[data-tema="nebula"] .page-back{color:color-mix(in srgb,var(--brand) 48%,#fff)}
html[data-tema="nebula"] .card .page-back{color:var(--t-accent-text)}
html[data-tema="nebula"] .account-subhead strong{color:var(--nb-cream);font-size:14px}
html[data-tema="nebula"] .account-subhead span{color:rgba(246,236,250,.62);font-size:11px}
html[data-tema="nebula"] .account-subhead button{border:1px solid rgba(246,236,250,.22);border-radius:999px;background:rgba(255,255,255,.06);color:var(--nb-cream)}
html[data-tema="nebula"] .account-filter label>span{color:rgba(246,236,250,.7)}
html[data-tema="nebula"] .account-filter :is(input,select){border:0;border-radius:12px}
html[data-tema="nebula"] :is(.account-list-state,.account-session-note,.bulk-empty,.bulk-lacak){color:rgba(246,236,250,.64)}
html[data-tema="nebula"] .account-panel .bulk-table th{color:rgba(246,236,250,.62)}
html[data-tema="nebula"] .account-more{border:0;border-radius:999px;color:var(--t-accent-text)}
html[data-tema="nebula"] :is(.checkin-card,.account-rank,.account-spender-card,.wallet-topup-card,.account-menu,.track-order-card,.cs-card,.account-entry,.wallet-topup-record){border:0;box-shadow:0 10px 26px rgba(8,2,14,.3)}
html[data-tema="nebula"] :is(.checkin-card,.account-rank,.account-spender-card,.wallet-topup-card,.account-menu,.track-order-card,.cs-card){border-radius:18px}
html[data-tema="nebula"] .btn-full{border-radius:999px;background:var(--brand);font-weight:900;box-shadow:0 8px 18px color-mix(in srgb,var(--brand) 35%,transparent)}
html[data-tema="nebula"] .btn-outline{border:1.5px solid var(--brand);background:transparent;color:var(--t-accent-text);box-shadow:none}
html[data-tema="nebula"] .login-card .login-back{color:var(--muted)}
html[data-tema="nebula"] .msg{border-radius:14px}

/* Menu akun & bantuan */
html[data-tema="nebula"] .account-menu :is(a,button)>span{border-radius:50%;background:var(--t-accent-soft);color:var(--t-accent-text)}
html[data-tema="nebula"] .account-menu button.danger>span{background:var(--err-bg);color:var(--err-tx)}
html[data-tema="nebula"] .account-menu a>i{color:#b3a2c4}
html[data-tema="nebula"] .cs-avatar{border-radius:50%}
html[data-tema="nebula"] .faq-item{border-top-color:var(--line)}
html[data-tema="nebula"] .faq-item summary::after{border-radius:50%;background:var(--t-accent-soft);color:var(--t-accent-text)}
html[data-tema="nebula"] :is(.info-promo-list,.info-leaderboard-list) img{border-color:var(--line);border-radius:14px}
html[data-tema="nebula"] :is(.info-more,.info-posts a:hover b){color:var(--t-accent-text)}

/* ── Pembayaran /pesanan/<nomor> ── */
html[data-tema="nebula"] #pay.pay-page{padding:22px 16px 14px;border:0;border-radius:20px;box-shadow:0 14px 34px rgba(8,2,14,.4)}
html[data-tema="nebula"] .payment-card::before{left:24px;right:24px;height:4px;border-radius:0 0 6px 6px;background:linear-gradient(90deg,var(--brand),var(--nb-pink),var(--gold))}
html[data-tema="nebula"] .pay-kicker{color:var(--brand);letter-spacing:.14em}
html[data-tema="nebula"] .payment-card h3{font:400 23px/1.15 var(--t-font-display);letter-spacing:.01em;color:var(--txt)}
html[data-tema="nebula"] .pay-invoice{border:0;border-radius:16px;background:var(--nb-peach);box-shadow:none}
html[data-tema="nebula"] .pay-invoice-label{color:#e6a9c4}
html[data-tema="nebula"] .pay-invoice-amount{font:400 34px/1.05 var(--t-font-display);letter-spacing:.01em;color:var(--nb-pink-tx)}
html[data-tema="nebula"] .pay-invoice-product{color:var(--muted)}
html[data-tema="nebula"] .pay-funding-breakdown{border-top:1.5px dashed rgba(224,69,123,.28)}
html[data-tema="nebula"] .pay-nota-link{color:var(--t-accent-text)}
html[data-tema="nebula"] .pay-steps{margin:16px 0 14px}
html[data-tema="nebula"] .pay-step{color:#a892ba;font-size:12px;font-weight:800}
html[data-tema="nebula"] :is(.pay-step.active,.pay-step.done){color:var(--txt)}
html[data-tema="nebula"] .pay-step-dot{width:26px;height:26px;padding-top:1px;background:var(--t-field);color:#b9a3c9;font:400 13px/1 var(--t-font-display)}
html[data-tema="nebula"] .pay-step.active .pay-step-dot{background:var(--brand);color:#fff;box-shadow:0 4px 10px color-mix(in srgb,var(--brand) 35%,transparent)}
html[data-tema="nebula"] .pay-step-line{width:18px;height:3px;background:var(--line)}
html[data-tema="nebula"] .pay-step-line.done{background:var(--t-ok)}
html[data-tema="nebula"] .pay-state-head{border:0;border-radius:14px;background:var(--t-field)}
html[data-tema="nebula"] .pay-state-symbol:not(.has-asset){border-radius:50%;background:var(--brand)}
/* Nada status tetap bermakna: hijau selesai, merah gagal. */
html[data-tema="nebula"] .pay-status.ok .pay-state-head{background:var(--ok-bg)}
html[data-tema="nebula"] .pay-status.err .pay-state-head{background:var(--err-bg)}
html[data-tema="nebula"] .pay-status.ok .pay-state-symbol:not(.has-asset){background:var(--t-ok)}
html[data-tema="nebula"] .pay-status.err .pay-state-symbol:not(.has-asset){background:var(--t-err)}
html[data-tema="nebula"] .order-ticket{border-radius:16px;background:var(--nb-plum);box-shadow:none}
html[data-tema="nebula"] .order-ticket::after{opacity:.07}
html[data-tema="nebula"] .order-ticket-top b{font:400 20px/1 var(--t-font-display);letter-spacing:.03em}
html[data-tema="nebula"] .order-ticket-actions{grid-template-columns:1fr 1fr;border-top-color:rgba(246,236,250,.18)}
html[data-tema="nebula"] .order-ticket-actions button{padding:10px 9px;border:1.5px solid rgba(246,236,250,.3);border-radius:999px;background:transparent;color:var(--nb-cream);font-size:12px}
html[data-tema="nebula"] .order-ticket-actions button:last-child{border-color:var(--brand);background:var(--brand);color:#fff}
html[data-tema="nebula"] .pay-email-note{border-radius:12px}

/* ── Lacak ── */
html[data-tema="nebula"] .track-order-card{border-radius:20px}
html[data-tema="nebula"] .track-status-icon:not(.has-asset){border-radius:50%}
html[data-tema="nebula"] .track-status-head strong{font:400 20px/1.15 var(--t-font-display);letter-spacing:.01em}
html[data-tema="nebula"] .track-buyer{border:0;border-radius:14px;background:var(--t-field)}
html[data-tema="nebula"] .track-avatar{border-radius:50%;background:var(--brand)}
html[data-tema="nebula"] .track-detail-grid{border-radius:14px}
html[data-tema="nebula"] .track-ticket{background:var(--nb-plum)}
html[data-tema="nebula"] .track-ticket b{font:400 19px/1.1 var(--t-font-display);letter-spacing:.04em}
html[data-tema="nebula"] .track-ticket button{border-radius:999px;color:var(--brand-d)}
html[data-tema="nebula"] .track-nota-link{border-radius:999px}
html[data-tema="nebula"] .refund-box{margin-top:12px;padding:14px 16px;border:0;border-radius:18px;background:var(--card);box-shadow:0 10px 26px rgba(8,2,14,.3)}
html[data-tema="nebula"] .refund-opt button{border-radius:999px}
html[data-tema="nebula"] :is(.track-result,.account-panel)>.muted{color:rgba(246,236,250,.68)}
html[data-tema="nebula"] .nota-btn{border-radius:999px;background:var(--brand)}
html[data-tema="nebula"] .nota-btn-sekunder{background:var(--t-field);color:var(--t-accent-text)}

/* ── Akun & saldo: kartu pemain violet di kanvas gelap ── */
html[data-tema="nebula"] .player-pass{border:1px solid rgba(255,255,255,.12);border-radius:22px;background:radial-gradient(120% 90% at 100% 0%,rgba(224,69,123,.32),transparent 55%),linear-gradient(150deg,color-mix(in srgb,var(--brand) 90%,#fff) 0%,var(--brand-d) 50%,color-mix(in srgb,var(--brand) 45%,#0d0616) 100%);box-shadow:0 16px 34px rgba(8,2,14,.45)}
html[data-tema="nebula"] .player-avatar{border-radius:50%}
html[data-tema="nebula"] .account-meters strong{font:400 22px/1.15 var(--t-font-display);letter-spacing:.01em}
html[data-tema="nebula"] .wallet-pass-mark{border-radius:50%;background:var(--nb-coin);color:var(--t-on-gold);font-family:var(--t-font-display);font-weight:400}
html[data-tema="nebula"] .wallet-pass-balance strong{font:400 38px/1 var(--t-font-display);letter-spacing:.01em}
html[data-tema="nebula"] .wallet-pass-btn{border-radius:999px}
html[data-tema="nebula"] .wallet-pass-btn.primary{background:var(--gold);color:var(--t-on-gold)}
html[data-tema="nebula"] .checkin-mark{border-radius:50%;background:var(--nb-coin);color:var(--t-on-gold);font:400 14px/1 var(--t-font-display)}
html[data-tema="nebula"] .checkin-card button{border-radius:999px;background:var(--brand)}
html[data-tema="nebula"] .checkin-days li{border-color:var(--line);background:var(--t-field)}
html[data-tema="nebula"] .checkin-days li>b{font:400 12px/1 var(--t-font-display)}
html[data-tema="nebula"] .checkin-days li.today{border-color:var(--brand);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand) 22%,transparent)}
html[data-tema="nebula"] .checkin-days li.bonus{border-color:#8c5b74;background:var(--nb-peach)}
html[data-tema="nebula"] .account-rank strong{font:400 26px/1 var(--t-font-display)}
html[data-tema="nebula"] .spender-head h2{font:400 21px/1.15 var(--t-font-display);letter-spacing:.01em}
html[data-tema="nebula"] .spender-trophy{border-radius:50%;background:var(--nb-coin)}
html[data-tema="nebula"] .spender-periods{border-radius:999px;background:var(--t-fill)}
html[data-tema="nebula"] .spender-periods button{border-radius:999px}
html[data-tema="nebula"] .spender-periods button[aria-selected="true"]{background:var(--brand);color:#fff;box-shadow:0 4px 10px color-mix(in srgb,var(--brand) 30%,transparent)}
html[data-tema="nebula"] .wallet-topup-mark{border-radius:50%;background:var(--brand)}
html[data-tema="nebula"] .wallet-topup-head h4{font:400 20px/1.15 var(--t-font-display);letter-spacing:.01em}
html[data-tema="nebula"] .wallet-topup-steps span{font:400 12px/1 var(--t-font-display)}
html[data-tema="nebula"] .wallet-topup-steps .active span{background:var(--brand)}
html[data-tema="nebula"] .wallet-topup-presets button{border:1.5px solid var(--line);border-radius:999px;font-weight:800}
html[data-tema="nebula"] .wallet-topup-presets button[aria-pressed="true"]{border-color:var(--brand);background:var(--t-accent-soft);color:var(--t-accent-text);box-shadow:0 0 0 1px var(--brand)}
html[data-tema="nebula"] .wallet-topup-input{border:1.5px solid var(--line);border-radius:12px}
html[data-tema="nebula"] .wallet-topup-methods button{border-radius:14px}
html[data-tema="nebula"] .wallet-topup-submit{padding:13px 14px;border-radius:999px;background:var(--brand);font-size:13px}
html[data-tema="nebula"] .wallet-topup-submit:disabled{background:#3a1c55;color:#9b86ad}

/* ── Bawah beranda: jelajah, panduan, kaki identitas ── */
html[data-tema="nebula"] .seo-jelajah{border:1px solid rgba(246,236,250,.1);border-radius:999px;background:var(--nb-plum);color:rgba(246,236,250,.45)}
html[data-tema="nebula"] .seo-jelajah a{color:var(--nb-cream);font-weight:800}
html[data-tema="nebula"] .seo-produk a{color:var(--t-accent-text)}
html[data-tema="nebula"] .seo-artikel{--seo-line:rgba(246,236,250,.12);--seo-soft:#3a1c55;border:1px solid rgba(246,236,250,.08);border-radius:20px;background:var(--nb-plum);color:var(--nb-cream);box-shadow:0 14px 34px rgba(8,2,14,.35)}
html[data-tema="nebula"] .seo-article-head{background:radial-gradient(90% 130% at 100% 0%,color-mix(in srgb,var(--brand) 34%,transparent),transparent 62%),var(--nb-plum)}
html[data-tema="nebula"] .seo-article-head::after{opacity:.2}
html[data-tema="nebula"] .seo-eyebrow{color:#ffd23f}
html[data-tema="nebula"] .seo-eyebrow span{background:linear-gradient(90deg,var(--brand),#ffd23f)}
html[data-tema="nebula"] .seo-artikel :is(h2,h3){font-weight:400;letter-spacing:.01em;line-height:1.15}
html[data-tema="nebula"] .seo-lead{color:rgba(246,236,250,.8)}
html[data-tema="nebula"] .seo-article-lead{background:transparent}
html[data-tema="nebula"] .seo-route{border-color:rgba(246,236,250,.14);background:rgba(255,255,255,.06);box-shadow:none}
html[data-tema="nebula"] .seo-route span{color:var(--nb-cream)}
html[data-tema="nebula"] .seo-route i{color:#ffd23f}
html[data-tema="nebula"] .seo-toggle{padding:9px 16px;border:1.5px solid rgba(246,236,250,.35);border-radius:999px;background:transparent;box-shadow:none;color:var(--nb-cream)}
html[data-tema="nebula"] .seo-article-body{background:transparent}
html[data-tema="nebula"] .seo-block{border:0;border-radius:16px;background:var(--card);box-shadow:none}
html[data-tema="nebula"] .seo-block::before{background:linear-gradient(var(--brand),var(--nb-pink))}
html[data-tema="nebula"] .seo-block-label{color:var(--brand)}
html[data-tema="nebula"] .seo-faq{border-color:var(--line)}
html[data-tema="nebula"] .seo-faq summary::after{border-radius:50%}
html[data-tema="nebula"] .seo-return{background:linear-gradient(120deg,color-mix(in srgb,var(--brand) 86%,#000),var(--brand))}
html[data-tema="nebula"] .seo-return span{font-weight:400}
html[data-tema="nebula"] footer.foot{color:rgba(246,236,250,.55)}
html[data-tema="nebula"] .ident-foot{border-top-color:rgba(246,236,250,.12);color:rgba(246,236,250,.62)}
html[data-tema="nebula"] .ident-segel>span{background:rgba(255,210,63,.1);box-shadow:inset 0 0 0 1px rgba(255,210,63,.35);color:#ffd23f}
html[data-tema="nebula"] .ident-mark{border-radius:50%;background:var(--nb-raise);box-shadow:inset 0 0 0 1px rgba(246,236,250,.14)}
html[data-tema="nebula"] .ident-wordmark{filter:brightness(0) invert(1);opacity:.94}
html[data-tema="nebula"] .ident-name{color:var(--nb-cream);font-family:var(--t-font-display);font-weight:400}
html[data-tema="nebula"] .ident-legal{color:rgba(246,236,250,.5)}
html[data-tema="nebula"] .ident-legal-nama{color:rgba(246,236,250,.8)}
html[data-tema="nebula"] .ident-kontak a{border-bottom-color:rgba(246,236,250,.25)}
html[data-tema="nebula"] :is(.ident-kontak b,.ident-copy){color:rgba(246,236,250,.56)}
/* Baris tautan kebijakan: bawaannya --t-muted (ungu abu untuk kartu putih),
   nyaris hilang di kanvas gelap. Dinaikkan ke krem + pemisah redup. */
html[data-tema="nebula"] .ident-kebijakan{margin-top:11px}
html[data-tema="nebula"] .ident-kebijakan li::before{border-left-color:rgba(246,236,250,.22)}
html[data-tema="nebula"] .ident-kebijakan a{color:rgba(246,236,250,.8);font-size:12px;font-weight:700}
html[data-tema="nebula"] .ident-kebijakan a:hover{color:#ffd23f}
html[data-tema="nebula"] .ident-kebijakan a:focus-visible{outline-color:#ffd23f}

/* ── Overlay ── */
html[data-tema="nebula"] :is(.paycard,.tg-miniapp-install-card){border-radius:22px}
html[data-tema="nebula"] :is(.bulk-confirm-actions button,.tg-miniapp-install-actions button){border-radius:999px}

/* ── Bingkai desktop ── */
@media (min-width:701px){
  html[data-tema="nebula"] body{background:var(--t-frame)}
  html[data-tema="nebula"] body::before{background:radial-gradient(900px 440px at 50% -90px,#3a1558,rgba(58,21,88,0) 72%),#1c0a2b;box-shadow:0 0 0 1px rgba(255,255,255,.05),0 24px 60px rgba(0,0,0,.55)}
}
@media (max-width:370px){
  html[data-tema="nebula"] .summary{padding-left:14px}
  html[data-tema="nebula"] #buy-btn{padding-inline:12px;font-size:12.5px}
  html[data-tema="nebula"] .summary #sum-price{font-size:19px}
  html[data-tema="nebula"] .summary-assurance{font-size:9.5px}
  html[data-tema="nebula"] .summary>div::before{font-size:9.5px}
  html[data-tema="nebula"] .user-id-row #check-btn{padding-inline:15px}
}

/* ── Blog & halaman kebijakan (cangkang sendiri) ──────────────────────
   Permukaan dan tinta datang dari jembatan token; di sini hanya aksen
   khas Nebula. */
html[data-tema="nebula"] .b-card:hover h2{color:var(--nb-pink-tx)}
html[data-tema="nebula"] .b-eyebrow{background:var(--nb-raise);color:var(--nb-cream)}

/* == HALAMAN LUAR: bilah merek blog & kebijakan ===================== */
html[data-tema="nebula"]{--t-on-bg:var(--nb-cream);--t-on-bg-muted:rgba(246,236,250,.72);--t-on-bg-link:#c9b6ff}
html[data-tema="nebula"] .b-top{background:var(--nb-plum);color:var(--nb-cream);box-shadow:0 1px 0 rgba(255,255,255,.06),0 8px 22px rgba(10,3,16,.35)}
html[data-tema="nebula"] .b-brand{color:var(--nb-cream)}
html[data-tema="nebula"] .b-brand img:not(.b-wordmark){padding:3px;border-radius:50%;background:var(--nb-raise);box-shadow:inset 0 0 0 2px rgba(255,210,63,.6)}
html[data-tema="nebula"] .b-back{border-radius:50%;background:var(--nb-raise);color:var(--nb-cream)}
html[data-tema="nebula"] .b-back:hover{background:color-mix(in srgb,var(--nb-raise) 80%,#fff)}
/* == /HALAMAN LUAR ================================================== */

/* == POP-UP CEK ID ================================================== */
/* Bingkai plum, cincin koin emas, panel plum gelap, nilai Lilita, tombol pil merek. */
html[data-tema="nebula"] .paycard.idcek-kartu{--idcek-emas:var(--gold);--idcek-emas-d:#b37a00;--idcek-b1:#4a2468;--idcek-b2:#2a1140;--idcek-b3:#140620;--idcek-panel:#1f0c30;--idcek-pil:#3a1c55;--idcek-teks:var(--nb-cream);--idcek-ikon:#5a2d7c;--idcek-ikon-tx:var(--nb-cream);--idcek-catatan:var(--nb-cream);border-radius:24px}
html[data-tema="nebula"] .idcek-label{color:var(--muted)}
html[data-tema="nebula"] .idcek-nilai{font-family:var(--t-font-display);font-size:20px;font-weight:400;letter-spacing:.02em}
html[data-tema="nebula"] .idcek-nilai.panjang{font-size:17px}
html[data-tema="nebula"] .idcek-nilai.sangat-panjang{font-size:15px}
html[data-tema="nebula"] .idcek-aksi button{border-radius:999px;font-weight:900}
html[data-tema="nebula"] .idcek-ubah{background:transparent;color:var(--nb-cream);box-shadow:inset 0 0 0 1.5px rgba(246,236,250,.45)}
html[data-tema="nebula"] .idcek-benar{background:var(--brand);color:#fff;box-shadow:0 6px 14px color-mix(in srgb,var(--brand) 35%,transparent)}
/* == /POP-UP CEK ID ================================================= */

/* == SUSUNAN KARTU: MEMANJANG ======================================== */
/* Pilihan domain "memanjang" (kerangka di style.css). Pita persik jadi
   sobekan tiket di kanan kartu; centang terpilih pindah ke sudut ikon karena
   pojok kanan atas kini milik harga. */
html[data-tema="nebula"][data-kartu="memanjang"] #products .prod{
  --k-harga:19px;
  grid-template-rows:1fr auto auto 1fr;
  grid-template-areas:"ic . pr" "ic n pr" "ic promo pr" "ic . pr";
  min-height:68px;padding:0 0 0 12px;
}
html[data-tema="nebula"][data-kartu="memanjang"] #products .prod .n{grid-area:n;font-size:14.5px}
html[data-tema="nebula"][data-kartu="memanjang"] #products .prod .prod-price{
  display:flex;grid-area:pr;align-self:stretch;flex-direction:column;align-items:flex-end;justify-content:center;gap:2px;
  min-width:108px;margin:0;padding:8px 13px 8px 14px;border-left:1.5px dashed rgba(224,69,123,.32);box-shadow:none;
}
html[data-tema="nebula"][data-kartu="memanjang"] #products .prod .prod-points{margin:1px 0 0}
html[data-tema="nebula"][data-kartu="memanjang"] #products .prod .promo-copy{margin:4px 0 0;align-items:flex-start;text-align:left;background:none}
html[data-tema="nebula"][data-kartu="memanjang"] #products .prod:has(.promo-badge){padding-top:20px}
html[data-tema="nebula"][data-kartu="memanjang"] #products .prod .promo-badge{top:0;left:0;right:auto}
html[data-tema="nebula"][data-kartu="memanjang"] #products .prod.active::after{top:calc(50% + 6px);right:auto;left:40px;width:18px;height:18px;font-size:11px;box-shadow:0 0 0 2px var(--card)}
@media (max-width:360px){
  html[data-tema="nebula"][data-kartu="memanjang"] #products .prod{--k-harga:16px;padding-left:10px}
  html[data-tema="nebula"][data-kartu="memanjang"] #products .prod .n{font-size:13px}
  html[data-tema="nebula"][data-kartu="memanjang"] #products .prod .prod-price{min-width:0;padding:8px 10px}
  html[data-tema="nebula"][data-kartu="memanjang"] #products .prod.active::after{left:34px}
}
/* == /SUSUNAN KARTU ================================================== */