/* == JEMBATAN TOKEN (dihasilkan storefrontTema, jangan disunting tangan) == */
html[data-tema="domino"]{
  --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="domino"] :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="domino"] .ident-foot{--ident-accent:var(--t-on-bg-link)!important}
/* Baris tautan kebijakan juga duduk di kanvas, bukan di kartu. */
html[data-tema="domino"] .ident-kebijakan a{color:var(--t-on-bg-muted)}
html[data-tema="domino"] .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="domino"] body{color:var(--t-on-bg)}
html[data-tema="domino"] :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="domino"] .b-eyebrow{background:var(--t-accent-soft);color:var(--t-accent-text)}
html[data-tema="domino"] :is(.b-lead,.b-date,.b-pager-info,.b-crumb,.b-foot){color:var(--t-on-bg-muted)}
html[data-tema="domino"] :is(.b-card,.b-pager a){background:var(--t-surface);border-color:var(--t-line);color:var(--t-text)}
html[data-tema="domino"] .b-card a{color:inherit}
/* Tanggal di DALAM kartu krem. Aturan .b-date di atas ditulis untuk latar hijau
   halaman, jadi di kartu tanggalnya hilang (kontras 1:1, diukur 29 Sep 2026). */
html[data-tema="domino"] .b-card .b-date{color:var(--t-muted)}
html[data-tema="domino"] .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="domino"] .b-body :is(h2,h3,h4,strong,b){color:var(--t-text)}
html[data-tema="domino"] .b-body a{color:var(--t-accent-text)}
html[data-tema="domino"] :is(.b-more,.b-card:hover h2,.b-pager a){color:var(--t-accent-text)}
html[data-tema="domino"] :is(.b-foot a,.b-crumb a:hover){color:var(--t-on-bg-link)}
html[data-tema="domino"] .b-crumb a{color:var(--t-on-bg-muted)}
html[data-tema="domino"] .b-body blockquote{border-color:var(--t-accent)}
html[data-tema="domino"]{--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="domino"] body{font-family:var(--t-font)}
html[data-tema="domino"] :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 DOMINO — kain meja hijau, kartu krem, koin emas (khas Higgs) ═════
   Latar halaman gelap (kain meja); kartu langkah krem bertinta gelap dengan
   bayangan "ubin" hijau tua; tombol 3D = warna pekat + bayangan bawah lebih
   gelap. Teks yang duduk LANGSUNG di atas kain meja (judul halaman, kaki,
   subjudul panel akun) wajib krem — token --txt tetap tinta untuk kartu. */

@font-face{font-family:"Baloo 2";font-style:normal;font-weight:500 800;font-display:swap;src:url('huruf/baloo-2-500-800.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="domino"]{
  --gold:#f2b632;--gold-d:#d98e04;
  --bg:#0f5a3a;--card:#fff8e7;--txt:#2b2415;--muted:#6f6550;--line:#eadfc2;
  --ok-bg:#dff3e6;--ok-tx:#146c3c;--err-bg:#fde8e4;--err-tx:#a8261e;
  --t-bg:#0f5a3a;--t-frame:#062a1b;--t-surface:#fff8e7;--t-field:#fffdf6;--t-fill:#f3e6c4;--t-line:#eadfc2;
  --t-text:#2b2415;--t-muted:#6f6550;--t-subtle:#827557;
  --t-accent:#1f8a4c;--t-accent-d:#146c3c;--t-accent-text:#146c3c;--t-accent-soft:#e3f2e8;--t-accent-line:#b9e2c7;--t-on-accent:#fff;
  --t-deep:#083322;--t-deep-2:#0f5a3a;--t-on-deep:#fff8e7;--t-on-deep-muted:#cfe0cf;--t-scrim:rgba(3,22,14,.74);
  --t-ok:#22a55b;--t-ok-d:#14713c;--t-ok-soft:#dff3e6;--t-ok-text:#146c3c;
  --t-err:#e0493d;--t-err-d:#a8261e;--t-err-soft:#fde8e4;--t-err-line:#f3c2bb;--t-err-text:#a8261e;
  --t-warn-soft:#fff1c9;--t-warn-line:#f3d68a;--t-warn-text:#7a5a10;
  --t-gold:#f2b632;--t-gold-d:#d98e04;--t-gold-soft:#fff1c9;--t-gold-text:#8a5a00;--t-on-gold:#3a2a00;--t-promo:#d6336c;
  --t-font:"Baloo 2",system-ui,-apple-system,"Segoe UI",sans-serif;--t-font-display:"Baloo 2",system-ui,sans-serif;
  --d-krem:#fff8e7;--d-emas:#ffe08a;--d-tua:#083322;--d-kain2:#0a4029;
  --d-koin:radial-gradient(circle at 35% 30%,#fff3bf,#f2b632 55%,#c77f00);
  --d-emas3d:linear-gradient(180deg,#ffd45d,#f2b632);
  --d-kain:radial-gradient(rgba(255,255,255,.045) 1px,transparent 1.3px) 0 0/6px 6px,radial-gradient(140% 900px at 50% 160px,#17774d 0%,#0f5a3a 45%,#0a4029 100%) #0a4029;
}
html[data-tema="domino"] body{background:var(--d-kain)}
html[data-tema="domino"] :is(input,select,textarea){color:var(--txt)}
html[data-tema="domino"] ::selection{background:rgba(242,182,50,.45)}

/* ── Pola bersama (kekhususan rendah lewat :where) ─────────────────────── */
/* Kartu krem berbayang ubin */
html[data-tema="domino"] :where(.card,.account-menu,.cs-card,.checkin-card,.account-rank,.account-spender-card,.wallet-topup-card,.track-order-card,.seo-artikel,.paycard,.tg-miniapp-install-card){border:2px solid #eadfc2;border-radius:20px;background:#fff8e7;color:#2b2415;box-shadow:0 5px 0 #0a4029,0 12px 20px rgba(0,0,0,.25)}
/* Tombol emas 3D */
html[data-tema="domino"] :where(.btn-full,.nota-btn,.seo-toggle,.wallet-topup-submit,.track-ticket button,.bulk-confirm-yes,.tg-miniapp-install-confirm,.event-popup-cta){border:0;border-radius:14px;background:var(--d-emas3d);color:#3a2a00;font-weight:800;box-shadow:0 4px 0 #9a6400}
/* Tombol krem sekunder */
html[data-tema="domino"] :where(.btn-outline,.nota-btn-sekunder,.account-more,.account-subhead button,.bulk-confirm-no,.tg-miniapp-install-later,.bulk-secondary){border:0;border-radius:14px;background:#f3e6c4;color:#6b4e0c;font-weight:800;box-shadow:0 3px 0 #d8c69a}
/* Koin emas */
html[data-tema="domino"] :where(.checkin-mark,.spender-trophy,.track-avatar,.avatar-initials,.benefit-icon.points,.bulk-done-mark){border-radius:50%;background:var(--d-koin);color:#3a2a00;box-shadow:inset 0 0 0 2px rgba(255,255,255,.4),0 2px 0 #9a6400}
/* Kotak isian & pilihan kecil */
html[data-tema="domino"] :where(input,.account-filter select,.bulk-field select,.bulk-field textarea,.wallet-topup-input){border:2px solid #eadfc2;border-radius:14px;background:#fff}
html[data-tema="domino"] :where(.benefit-card,.paym,.wallet-topup-methods button,.wallet-topup-presets button,.spender-list li,.account-entry,.track-buyer,.checkin-days li){border:2px solid #eadfc2;border-radius:14px;background:#fffdf6;color:#2b2415}
html[data-tema="domino"] .benefit-icon.points{background:var(--d-koin);color:#3a2a00}

/* ── Header: hijau tua, pinggir emas, jahitan putus-putus ─────────────── */
html[data-tema="domino"] .hdr{color:#fff8e7;background:#083322;border-bottom:3px solid #d98e04;box-shadow:0 3px 0 rgba(0,0,0,.2)}
html[data-tema="domino"] .hdr::after{content:"";position:absolute;left:10px;right:10px;bottom:4px;border-bottom:1.5px dashed rgba(255,224,138,.32);pointer-events:none}
html[data-tema="domino"] #brand-name{font-weight:800;letter-spacing:.04em}
html[data-tema="domino"] .brand img#brand-logo{border-radius:50%;box-shadow:0 0 0 2px #083322,0 0 0 4px #d98e04}
html[data-tema="domino"] .hdr-back{width:32px;height:32px;border-radius:50%;background:rgba(255,224,138,.15);color:#ffe08a}
html[data-tema="domino"] .hdr-back:hover{background:rgba(255,224,138,.25)}
html[data-tema="domino"] .hdr .link{color:#fff8e7}

/* ── Hero (bila dinyalakan domain) ─────────────────────────────────────── */
html[data-tema="domino"] .hero:not(.hero-mati){
  color:#fff8e7;border:0;border-radius:18px;box-shadow:0 0 0 3px #f2b632,0 10px 18px rgba(0,0,0,.35);background-color:#083322;
  background-image:linear-gradient(90deg,rgba(8,51,34,.96) 0%,rgba(8,51,34,.84) 44%,rgba(8,51,34,.2) 76%,rgba(8,51,34,0) 100%),var(--hero-gambar,url('/assets/tokohiggs-hero-resmi-mitra-bergaransi.webp'))!important;
}
html[data-tema="domino"] .hero .badge{border:0;background:#ffe08a;color:#3a2a00;box-shadow:0 2px 0 #9a6400;font-weight:800}
html[data-tema="domino"] .hero h1{font-weight:800;letter-spacing:0;text-shadow:0 2px 0 rgba(0,0,0,.35)}
html[data-tema="domino"] .hero .h1-kw{font-weight:600;color:#ffe08a;opacity:1}
html[data-tema="domino"] .hero-trust span{border:0;border-radius:999px;background:#fff8e7;color:#2b2415;font-weight:800;box-shadow:0 3px 0 #9a6400}
html[data-tema="domino"] .hero-trust b{background:var(--d-koin);color:#3a2a00}

/* ── Banner event ──────────────────────────────────────────────────────── */
html[data-tema="domino"] .event-banner{margin-bottom:16px}
html[data-tema="domino"] .event-slider{border-radius:18px;background:#083322;box-shadow:0 0 0 3px #f2b632,0 10px 18px rgba(0,0,0,.35)}
html[data-tema="domino"] .event-dots{align-items:center;gap:7px;margin-top:14px}
html[data-tema="domino"] .event-dots button{width:9px;height:9px;border-radius:50%;background:rgba(255,248,231,.28)}
html[data-tema="domino"] .event-dots button.is-on{width:11px;height:11px;background:var(--d-koin);box-shadow:0 0 0 2px rgba(255,224,138,.35)}

/* ── Kartu langkah ─────────────────────────────────────────────────────── */
html[data-tema="domino"] .card{margin-bottom:18px;padding:16px 14px 14px}
html[data-tema="domino"] .card h2{gap:10px;margin:0 0 12px;font-size:17px;font-weight:800;line-height:1.1}
html[data-tema="domino"] .user-id-head h2{margin:0}
html[data-tema="domino"] .card h2 .num{width:30px;height:30px;flex:0 0 30px;border-radius:50%;background:var(--d-koin);color:#4a3200;font-size:15px;font-weight:800;box-shadow:inset 0 0 0 2px rgba(255,255,255,.45),0 2px 0 #9a6400}
html[data-tema="domino"] .muted{color:var(--muted)}

/* Isian */
html[data-tema="domino"] input{font-weight:600}
html[data-tema="domino"] :is(input,textarea)::placeholder{color:#9c8f6e;font-weight:600;opacity:1}
html[data-tema="domino"] input:focus{border-color:#f2b632;background:#fff;box-shadow:0 0 0 3px rgba(242,182,50,.3)}
html[data-tema="domino"] :is(#game-id,#track-input,#login-code){font-weight:800;text-align:center}
html[data-tema="domino"] .wallet-topup-input input{border:0;background:transparent}
/* Tombol hijau 3D (Cek) */
html[data-tema="domino"] :is(#check-btn,#track-go,#bulk-preview-btn){border:0;border-radius:14px;padding:0 18px;background:#1f8a4c;color:#fff;font-size:15px;font-weight:800;box-shadow:0 4px 0 #0f5a3a}
html[data-tema="domino"] #bulk-preview-btn{min-height:44px}
html[data-tema="domino"] :is(#check-btn,#track-go,#bulk-preview-btn,#buy-btn,.btn-full,.nota-btn,.checkin-card button):active{transform:translateY(2px)}
html[data-tema="domino"] .user-id-row{padding-bottom:4px}
html[data-tema="domino"] .user-id-row #user-id-guide-btn{border:0;border-radius:14px;background:#f3e6c4;box-shadow:0 3px 0 #d8c69a}
html[data-tema="domino"] .user-id-copy{margin-top:8px;font-size:12.5px;line-height:1.45}
html[data-tema="domino"] .buyer{padding:8px 12px;border:2px solid #b9e2c7;border-radius:14px;background:#dff3e6;color:#146c3c;font-size:14px;font-weight:800}
html[data-tema="domino"] .buyer.err{border-color:#f3c2bb;background:#fde8e4;color:#a8261e}
html[data-tema="domino"] .id-mode{padding:4px;background:#f3e6c4}
html[data-tema="domino"] .id-mode button{color:#6b4e0c;font-weight:800}
html[data-tema="domino"] .id-mode button.is-on{background:var(--d-emas3d);color:#3a2a00;box-shadow:0 2px 0 #c98a0a}

/* ── Kategori: kontrol bersegmen emas ─────────────────────────────────── */
html[data-tema="domino"] .tabs{gap:4px;margin:0 0 12px;padding:4px;border-radius:999px;background:#f3e6c4;box-shadow:inset 0 2px 0 rgba(0,0,0,.06)}
html[data-tema="domino"] .tabs button,html[data-tema="domino"] .tabs a{padding:7px 10px;border:0;border-radius:999px;background:transparent;color:#6b4e0c;font-size:13px;font-weight:800;box-shadow:none}
html[data-tema="domino"] .tabs button.active,html[data-tema="domino"] .tabs a.active{background:var(--d-emas3d);color:#3a2a00;box-shadow:0 3px 0 #c98a0a}

/* ── Nominal: ubin tiga kolom ──────────────────────────────────────────── */
html[data-tema="domino"] .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 8px}
html[data-tema="domino"] .prod{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:0;min-height:0;padding:10px 4px 9px;border:2px solid #eadfc2;border-radius:16px;background:#fffdf6;color:#2b2415;text-align:center;box-shadow:0 3px 0 #eadfc2}
html[data-tema="domino"] .prod:hover{border-color:#f2d27a}
html[data-tema="domino"] .prod .ic{width:42px;height:42px;margin:0 0 5px;overflow:hidden;font-size:22px}
html[data-tema="domino"] .prod.prod-image-native .ic img{width:42px;height:42px}
html[data-tema="domino"] .prod .ic img{font-size:9px;line-height:1.1}
/* Nama TIDAK dipesan dua baris (dulu min-height:2.3em): nama satu baris
   menyisakan rongga di atas pil harga. Harga menempel ke bawah kartu, jadi
   baris yang semua namanya pendek tetap rapat, dan bila tetangganya bernama
   dua baris, pil harganya tetap sejajar (7 Okt 2026). */
html[data-tema="domino"] .prod .n{flex:0 0 auto;font-size:11.5px;font-weight:800;line-height:1.15}
html[data-tema="domino"] .prod-price{display:flex;flex-direction:column;align-items:center;gap:3px;margin-top:auto;padding-top:5px}
html[data-tema="domino"] .prod-price strong,html[data-tema="domino"] .prod .p{padding:2px 7px;border-radius:999px;background:#0f5a3a;color:#ffe08a;font-size:11px;font-weight:800;line-height:1.35;letter-spacing:0;white-space:nowrap;box-shadow:none}
html[data-tema="domino"] .prod .p{margin-top:5px}
html[data-tema="domino"] .prod-price del{color:#8a7d60;font-size:10px;font-weight:700}
html[data-tema="domino"] .prod-points{padding:0;border-radius:0;background:none;color:#8f5d00;font-size:10px;font-weight:800}
/* Harga coret domain: rata tengah di atas pil koin; label krem emas
   (informasi). Merah anggur berbayang khusus label promo, warna promo Domino.
   Harga sudah menempel ke bawah kartu di semua domain (aturan .prod-price di
   atas), jadi kartu tanpa coret tetap sejajar dengan tetangganya. */
html[data-tema="domino"] .prod-coret{justify-content:center;gap:2px 4px;margin-bottom:0}
html[data-tema="domino"] .prod-diskon{padding:1px 6px;border-radius:999px;background:#f6e7c8;color:#7a4b06;box-shadow:0 1.5px 0 #e2c48f}
html[data-tema="domino"] .prod-diskon.prod-diskon-promo{background:var(--t-promo);color:#fff;box-shadow:0 1.5px 0 #8f1d48}
html[data-tema="domino"] .prod.active{border-color:#f2b632;background:#fff6d6;box-shadow:0 4px 0 #d98e04}
html[data-tema="domino"] .prod.active::after{content:"✓";position:absolute;top:-8px;right:-6px;width:22px;height:22px;border-radius:50%;background:var(--d-koin);color:#3a2a00;font-size:12px;font-weight:800;line-height:22px;text-align:center;box-shadow:0 2px 0 #9a6400}
html[data-tema="domino"] .promo-badge{top:-7px;right:auto;left:50%;transform:translateX(-50%);padding:2px 8px;border-radius:999px;clip-path:none;font-size:9.5px;white-space:nowrap;box-shadow:0 2px 0 #8f1d48}
html[data-tema="domino"] .promo-copy{align-items:center;margin-top:4px}
html[data-tema="domino"] .flash-sale{border:2px solid #f2b632;border-radius:16px;background:linear-gradient(180deg,#0f5a3a,#0a4029);box-shadow:0 4px 0 #083322}
html[data-tema="domino"] .flash-ticket{border-radius:999px;clip-path:none;background:var(--d-emas3d);color:#3a2a00}
html[data-tema="domino"] .flash-sale-head h3{font-weight:800}
html[data-tema="domino"] .flash-products{padding:10px 6px 10px 2px}

/* ── Email ─────────────────────────────────────────────────────────────── */
html[data-tema="domino"] .email-help{margin-top:8px;padding:0;border:0;background:none;color:var(--muted);font-size:12.5px}
html[data-tema="domino"] .email-help::before{background:var(--d-koin);color:#3a2a00;box-shadow:0 1px 0 #9a6400}
html[data-tema="domino"] .email-help[data-kind="error"]{padding:8px 11px;border:2px solid #f3c2bb;border-radius:14px;background:#fde8e4}
html[data-tema="domino"] .email-help[data-kind="error"]::before{background:#a8261e;color:#fff;box-shadow:none}

/* ── Langkah 4: saldo/poin di panel kain + metode ─────────────────────── */
html[data-tema="domino"] .checkout-benefits{padding:10px 12px 12px;border:0;border-radius:16px;background:linear-gradient(180deg,#0f5a3a,#0a4029);color:#fff8e7;box-shadow:0 3px 0 #083322}
html[data-tema="domino"] .checkout-benefits-head>span{color:#ffe08a;font-size:13.5px;font-weight:800;letter-spacing:.02em;text-transform:none}
html[data-tema="domino"] .checkout-benefits-head small{color:rgba(255,248,231,.8);font-size:12px}
html[data-tema="domino"] .benefit-card{box-shadow:0 3px 0 #062718}
html[data-tema="domino"] .benefit-card.active{border-color:#f2b632;background:#fff6d6;box-shadow:0 3px 0 #d98e04}
html[data-tema="domino"] .benefit-card.locked{background:#efe6cf;color:#6f6550}
html[data-tema="domino"] .benefit-card b{font-size:12px;font-weight:800;letter-spacing:.03em}
html[data-tema="domino"] .benefit-card strong{font-size:14px;font-weight:800}
html[data-tema="domino"] .benefit-card small{font-size:10.5px}
html[data-tema="domino"] .benefit-icon{border-radius:50%;font-weight:800}
html[data-tema="domino"] .benefit-icon.wallet{background:#1f8a4c;box-shadow:inset 0 0 0 2px rgba(255,255,255,.3),0 2px 0 #0f5a3a}
html[data-tema="domino"] .benefit-note{color:rgba(255,248,231,.82);font-size:11px}
html[data-tema="domino"] .external-pay-head{border-top:2px dashed #eadfc2}
html[data-tema="domino"] .external-pay-head>span{font-size:13.5px;font-weight:800;letter-spacing:.02em;text-transform:none}
html[data-tema="domino"] .external-pay-head small{font-size:12px}
html[data-tema="domino"] .paygrid{gap:10px 8px}
html[data-tema="domino"] .paym{padding:9px 12px;background:#fff;box-shadow:0 3px 0 #eadfc2}
html[data-tema="domino"] .paym:hover{border-color:#b9e2c7}
html[data-tema="domino"] .paym.active{border-color:#1f8a4c;background:#effaf3;box-shadow:0 3px 0 #1f8a4c}
html[data-tema="domino"] .paym-ic{width:fit-content;max-width:100%;padding:0 4px;border-radius:6px}
html[data-tema="domino"] .paym-ic-fb{padding:0;background:transparent}
html[data-tema="domino"] .paym-n{font-size:15px;font-weight:800;color:#2b2415}
html[data-tema="domino"] .paym-p{font-size:12.5px;color:var(--muted)}
html[data-tema="domino"] .paym.active .paym-p{color:#146c3c;font-weight:800}
html[data-tema="domino"] .paym-internal{background:linear-gradient(135deg,#e3f2e8,#fff8e7)}
html[data-tema="domino"] .paym-internal .paym-ic{border-radius:50%}

/* ── Bar bayar: panel kain hijau berbingkai emas ──────────────────────── */
html[data-tema="domino"] .summary{gap:6px 4px;padding:9px 8px 10px 14px;background:linear-gradient(180deg,#0f5a3a,#0a4029);color:#fff8e7;border:2px solid #f2b632;border-bottom:0;border-radius:18px 18px 0 0;box-shadow:0 -8px 22px rgba(0,0,0,.25)}
html[data-tema="domino"] .summary-assurance{padding-bottom:6px;border-bottom:1.5px dashed rgba(255,224,138,.35);color:#bfe8cf;font-size:12px;font-weight:700}
html[data-tema="domino"] .summary>div::before{color:rgba(255,248,231,.8);font-size:11.5px;font-weight:700}
html[data-tema="domino"] #sum-price{color:#ffe08a;font-size:22px;font-weight:800;line-height:1.1;white-space:nowrap}
html[data-tema="domino"] #buy-btn{border:0;border-radius:14px;padding:6px 18px;background:var(--d-emas3d);color:#3a2a00;font-size:15px;font-weight:800;box-shadow:0 4px 0 #9a6400}
html[data-tema="domino"] #buy-btn:disabled{background:#2f6b4e;color:rgba(255,248,231,.78);box-shadow:0 4px 0 #0a3a26;opacity:1}

/* Tombol CS melayang: bulat berbingkai krem */
html[data-tema="domino"] .bantuan-tg{border:3px solid #fff8e7;border-radius:999px;box-shadow:0 4px 0 rgba(0,0,0,.25),0 10px 20px rgba(0,0,0,.25)}
html[data-tema="domino"] .bantuan-avatar,html[data-tema="domino"] .bantuan-avatar>img{border-radius:50%}
html[data-tema="domino"] .bantuan-cs .bantuan-tg{border-radius:20px}

/* ── Navigasi bawah: hijau tua, pinggir emas, koin di tengah ──────────── */
html[data-tema="domino"] .bnav{height:calc(var(--nav-h) + 3px + env(safe-area-inset-bottom));background:#083322;border-top:3px solid #d98e04;box-shadow:0 -4px 14px rgba(0,0,0,.25)}
html[data-tema="domino"] .bnav a{color:rgba(255,248,231,.68);font-size:11px;font-weight:700}
html[data-tema="domino"] .bnav a[aria-current="page"]{color:#ffe08a;font-weight:800}
html[data-tema="domino"] .bnav a[aria-current="page"]::before{display:none}
html[data-tema="domino"] .bnav a[aria-current="page"] svg{fill:rgba(255,224,138,.22);stroke-width:2.3}
html[data-tema="domino"] .bnav li.center a{color:#ffe08a}
html[data-tema="domino"] .bnav .bnav-fab{top:-27px;width:56px;height:56px;border:0;border-radius:50%;background:var(--d-koin);box-shadow:0 0 0 4px #083322,0 0 0 6px #d98e04}
html[data-tema="domino"] .bnav .bnav-fab svg{stroke:#3a2a00;stroke-width:2.4}
html[data-tema="domino"] .bnav li.center a[aria-current="page"] .bnav-fab{background:var(--d-koin);box-shadow:0 0 0 4px #083322,0 0 0 6px #ffe08a,0 0 16px rgba(255,224,138,.45)}
html[data-tema="domino"] .bnav .bnav-dot{border-color:#083322}
html[data-tema="domino"] .bnav li.center .bnav-dot.pts{top:-33px;z-index:2}

/* ── Halaman: teks langsung di atas kain meja ─────────────────────────── */
html[data-tema="domino"] .page-head{padding:18px 2px 10px;color:#fff8e7}
html[data-tema="domino"] .page-head h1{font-size:27px;font-weight:800;line-height:1.05;text-shadow:0 2px 0 rgba(0,0,0,.25)}
html[data-tema="domino"] .page-head p{display:inline-block;margin:7px 0 0;padding:3px 11px;border-radius:12px;background:rgba(0,0,0,.25);color:#fff8e7;font-size:12.5px}
html[data-tema="domino"] .section-kicker{color:#146c3c;font-size:11px;font-weight:800;letter-spacing:.1em}
html[data-tema="domino"] .page-head .section-kicker{color:#ffe08a;font-size:12px}
html[data-tema="domino"] .page-back{color:#ffe08a;font-weight:800}
html[data-tema="domino"] .card .page-back{color:#146c3c}
html[data-tema="domino"] :is(.account-session-note,.account-list-state,footer.foot){color:rgba(255,248,231,.74)}
html[data-tema="domino"] .account-subhead strong{color:#fff8e7;font-size:14px;font-weight:800}
html[data-tema="domino"] .account-subhead span{color:rgba(255,248,231,.76);font-size:11px}
html[data-tema="domino"] .account-subhead button{padding:7px 12px;border-radius:999px;font-size:11px}
html[data-tema="domino"] .account-filter label>span{color:rgba(255,248,231,.82)}
html[data-tema="domino"] .account-loading{border:2px solid #eadfc2;border-radius:14px}
html[data-tema="domino"] .account-error{border-width:2px;border-radius:14px}
/* Tombol penuh */
html[data-tema="domino"] :is(.btn-full,.nota-btn){padding:12px;font-size:15px}
html[data-tema="domino"] .btn-full.btn-outline{border:0;background:#f3e6c4;color:#6b4e0c;box-shadow:0 3px 0 #d8c69a}
html[data-tema="domino"] #pay-body a.btn-full{color:#3a2a00!important}

/* ── Pembayaran /pesanan/<nomor> ───────────────────────────────────────── */
html[data-tema="domino"] .payment-card::before{display:none}
html[data-tema="domino"] .pay-page{padding:16px 14px 14px}
html[data-tema="domino"] .pay-kicker{color:#146c3c;font-size:11px;letter-spacing:.12em}
html[data-tema="domino"] .pay-page h3{font-size:20px;font-weight:800;letter-spacing:0}
html[data-tema="domino"] .pay-invoice{padding:12px 14px;border:0;border-radius:16px;background:#0f5a3a;color:#fff8e7;box-shadow:0 4px 0 #0a4029}
html[data-tema="domino"] .pay-invoice-label{color:rgba(255,248,231,.82);font-size:12px;font-weight:700;letter-spacing:.02em;text-transform:none}
html[data-tema="domino"] .pay-invoice-amount{color:#ffe08a;font-size:32px;font-weight:800;line-height:1.05;letter-spacing:0}
html[data-tema="domino"] .pay-invoice-product{color:rgba(255,248,231,.86);font-weight:700}
html[data-tema="domino"] .pay-funding-breakdown{border-top:1.5px dashed rgba(255,224,138,.35)}
html[data-tema="domino"] .pay-funding-breakdown span{color:rgba(255,248,231,.78);font-size:12px}
html[data-tema="domino"] .pay-funding-breakdown b{color:#fff8e7;font-size:12px}
html[data-tema="domino"] .pay-nota-link{color:#ffe08a}
html[data-tema="domino"] .pay-steps{gap:6px}
html[data-tema="domino"] .pay-step{gap:5px;color:var(--muted);font-size:12px;font-weight:700}
html[data-tema="domino"] .pay-step.active,html[data-tema="domino"] .pay-step.done{color:#2b2415}
html[data-tema="domino"] .pay-step-dot{width:26px;height:26px;background:#f3e6c4;color:#6b4e0c;font-size:12px;font-weight:800}
html[data-tema="domino"] .pay-step.active .pay-step-dot{background:var(--d-koin);color:#3a2a00;box-shadow:0 2px 0 #9a6400}
html[data-tema="domino"] .pay-step.done .pay-step-dot{background:#1f8a4c;color:#fff;box-shadow:0 2px 0 #0f5a3a}
html[data-tema="domino"] .pay-step-line{flex:1 1 auto;width:auto;min-width:8px;height:3px;border-radius:3px;background:#eadfc2}
html[data-tema="domino"] .pay-step-line.done{background:#1f8a4c}
html[data-tema="domino"] .pay-state-head{padding:10px 12px;border:2px solid #f3d68a;border-radius:14px;background:#fff1c9}
html[data-tema="domino"] .pay-state-symbol{border-radius:50%;background:#f2b632;color:#3a2a00;box-shadow:0 2px 0 #9a6400}
html[data-tema="domino"] .pay-state-head strong{font-size:14.5px;font-weight:800}
html[data-tema="domino"] .pay-state-head p{color:#6b4e0c}
html[data-tema="domino"] .pay-status.ok .pay-state-head{border-color:#b9e2c7;background:#dff3e6}
html[data-tema="domino"] .pay-status.ok .pay-state-head p{color:#146c3c}
html[data-tema="domino"] .pay-status.ok .pay-state-symbol{background:#1f8a4c;color:#fff;box-shadow:0 2px 0 #0f5a3a}
html[data-tema="domino"] .pay-status.err .pay-state-head{border-color:#f3c2bb;background:#fde8e4}
html[data-tema="domino"] .pay-status.err .pay-state-head p{color:#a8261e}
html[data-tema="domino"] .pay-status.err .pay-state-symbol{background:#e0493d;color:#fff;box-shadow:0 2px 0 #a8261e}
html[data-tema="domino"] :is(.pay-state-symbol,.track-status-icon).has-asset{border-radius:14px;color:#2b2415}
html[data-tema="domino"] .order-ticket{padding:12px 14px;border:2px dashed rgba(255,224,138,.4);border-radius:16px;background:#083322;color:#fff8e7;box-shadow:none}
html[data-tema="domino"] .order-ticket-top{color:rgba(255,248,231,.76);font-size:12px;font-weight:700;letter-spacing:.02em;text-transform:none}
html[data-tema="domino"] .order-ticket-top b{color:#ffe08a;font-size:18px;font-weight:800}
html[data-tema="domino"] .order-ticket-actions{grid-template-columns:1fr 1fr;gap:8px;border-top:1.5px dashed rgba(255,224,138,.3)}
html[data-tema="domino"] .order-ticket-actions button{padding:8px;border:0;border-radius:12px;background:rgba(255,248,231,.12);color:#fff8e7;font-size:12.5px;font-weight:800}
html[data-tema="domino"] .order-ticket-actions button:last-child{background:var(--d-emas3d);color:#3a2a00;box-shadow:0 3px 0 #9a6400}
html[data-tema="domino"] .pay-email-note{border:2px solid #b9e2c7;border-radius:14px;font-size:12px}
html[data-tema="domino"] .va{border-radius:14px;background:#f3e6c4;color:#2b2415}
html[data-tema="domino"] #pay-body img{background:#fff;box-shadow:0 0 0 6px #fff,0 0 0 8px #eadfc2}

/* ── Lacak pesanan & nota ──────────────────────────────────────────────── */
html[data-tema="domino"] .track-order-card{margin-bottom:8px}
html[data-tema="domino"] .track-status-icon{border-radius:50%;box-shadow:0 2px 0 rgba(0,0,0,.2)}
html[data-tema="domino"] .track-order-card:not(.ok):not(.err) .track-status-icon:not(.has-asset){background:var(--d-koin);color:#3a2a00;box-shadow:0 2px 0 #9a6400}
html[data-tema="domino"] .track-status-head strong{font-size:17px;font-weight:800}
html[data-tema="domino"] .track-buyer{margin-top:12px}
html[data-tema="domino"] .track-buyer strong{font-size:15px;font-weight:800}
html[data-tema="domino"] .track-detail-grid{border:2px solid #eadfc2;border-radius:14px}
html[data-tema="domino"] .track-detail-grid>div{background:#fffdf6}
html[data-tema="domino"] .track-detail-grid>div:nth-child(odd){border-right:2px solid #eadfc2}
html[data-tema="domino"] .track-detail-grid>div:nth-child(-n+2){border-bottom:2px solid #eadfc2}
html[data-tema="domino"] .track-detail-grid b{font-size:12.5px;font-weight:800}
html[data-tema="domino"] .track-ticket{background:#083322;color:#fff8e7}
html[data-tema="domino"] .track-ticket span{color:rgba(255,248,231,.72)}
html[data-tema="domino"] .track-ticket b{color:#ffe08a;font-size:17px;font-weight:800}
html[data-tema="domino"] .track-ticket button{padding:8px 12px;border-radius:12px;font-size:11.5px;box-shadow:0 3px 0 #9a6400}
html[data-tema="domino"] .track-nota-link{border-color:rgba(255,224,138,.45);border-radius:12px;color:#ffe08a}
html[data-tema="domino"] .refund-box{border:2px solid #eadfc2;border-radius:16px;background:#fff8e7;color:#2b2415;box-shadow:0 4px 0 #0a4029}
html[data-tema="domino"] .refund-box[style]{color:#a8261e!important}
html[data-tema="domino"] .refund-opt button{border:0;border-radius:12px;background:#1f8a4c;color:#fff;box-shadow:0 3px 0 #0f5a3a}
html[data-tema="domino"] .track-error{border-width:2px;border-radius:14px}
html[data-tema="domino"] .nota-actions{gap:12px}

/* ── Bantuan & Info ────────────────────────────────────────────────────── */
html[data-tema="domino"] .faq-item{border-top:2px dashed #eadfc2}
html[data-tema="domino"] .faq-item:first-child{border-top:0}
html[data-tema="domino"] .faq-item summary{font-size:14px;font-weight:700}
html[data-tema="domino"] .faq-item summary::after{border-radius:50%;background:#f3e6c4;color:#6b4e0c;font-weight:800}
html[data-tema="domino"] .faq-item[open] summary::after{background:var(--d-koin);color:#3a2a00}
html[data-tema="domino"] .cs-avatar{border-radius:50%;box-shadow:0 0 0 2px #fff8e7,0 0 0 4px #f2b632}
html[data-tema="domino"] .cs-copy b{font-size:15.5px;font-weight:800}
html[data-tema="domino"] .cs-go{color:#b7791f}
html[data-tema="domino"] :is(.info-promo-list,.info-leaderboard-list) img{border:2px solid #eadfc2;border-radius:14px}
html[data-tema="domino"] .info-posts li{border-top:2px dashed #eadfc2}
html[data-tema="domino"] .info-posts li:first-child{border-top:0}
html[data-tema="domino"] .info-posts a b{font-weight:800}
html[data-tema="domino"] .info-more{color:#146c3c}
html[data-tema="domino"] .info-brand{color:#146c3c}
/* Menu akun */
html[data-tema="domino"] :is(.account-menu a,.account-menu button){border-top:2px dashed #eadfc2;font-weight:700;font-size:14px}
html[data-tema="domino"] :is(.account-menu a,.account-menu button):first-child{border-top:0}
html[data-tema="domino"] :is(.account-menu a,.account-menu button):hover{background:#fff1c9}
html[data-tema="domino"] :is(.account-menu a,.account-menu button)>span{border-radius:50%;background:var(--d-koin);color:#3a2a00;box-shadow:0 2px 0 #9a6400;font-weight:800}
html[data-tema="domino"] .account-menu a>i{color:#b7791f;font-weight:800}
html[data-tema="domino"] .account-menu button.danger>span{background:#fde8e4;color:#a8261e;box-shadow:0 2px 0 #f3c2bb}
html[data-tema="domino"] .login-card .login-back{border-radius:12px;background:#f3e6c4;color:#6b4e0c;font-weight:800}

/* ── Akun: kartu pemain & check-in ─────────────────────────────────────── */
html[data-tema="domino"] .player-pass{border:2px solid #d98e04;border-radius:20px;background:radial-gradient(90% 80% at 100% 0,rgba(255,224,138,.16),transparent 60%),radial-gradient(rgba(255,255,255,.05) 1px,transparent 1.3px) 0 0/6px 6px,linear-gradient(160deg,#0f5a3a,#083322);box-shadow:0 5px 0 #062718,0 12px 20px rgba(0,0,0,.25)}
html[data-tema="domino"] .player-pass::before,html[data-tema="domino"] .player-pass::after{background:#0f5a3a;box-shadow:inset 0 0 0 2px #d98e04}
html[data-tema="domino"] .player-avatar{border:2px solid #ffe08a;border-radius:50%;box-shadow:0 3px 0 rgba(0,0,0,.25)}
html[data-tema="domino"] .player-identity strong{font-size:17px;font-weight:800}
html[data-tema="domino"] .player-identity-actions button{color:#ffe08a;font-size:11px;font-weight:800}
html[data-tema="domino"] .tier-chip{border:0;background:var(--d-emas3d);color:#3a2a00;font-size:10px;font-weight:800;box-shadow:0 2px 0 #9a6400}
html[data-tema="domino"] .account-meters{border-top:1.5px dashed rgba(255,224,138,.35)}
html[data-tema="domino"] .account-meters>div+div{border-left:1.5px dashed rgba(255,224,138,.25)}
html[data-tema="domino"] .account-meters span{color:rgba(255,248,231,.76)}
html[data-tema="domino"] .account-meters strong{font-weight:800}
html[data-tema="domino"] .tier-track{height:8px;background:rgba(0,0,0,.28)}
html[data-tema="domino"] .tier-track span{background:linear-gradient(90deg,#ffd45d,#f2b632)}
html[data-tema="domino"] :is(.profile-editor,.avatar-picker){border-radius:14px;background:rgba(0,0,0,.2)}
html[data-tema="domino"] .profile-editor input{border:2px solid #eadfc2;border-radius:12px;background:#fff;color:#2b2415}
html[data-tema="domino"] .profile-editor button{border-radius:12px;font-weight:800}
html[data-tema="domino"] .profile-save{background:var(--d-emas3d);color:#3a2a00;box-shadow:0 3px 0 #9a6400}
html[data-tema="domino"] .avatar-options button{border-radius:50%}
html[data-tema="domino"] .checkin-card{padding:12px}
html[data-tema="domino"] .checkin-card strong{font-size:15px;font-weight:800}
html[data-tema="domino"] .checkin-card span{font-size:11.5px}
html[data-tema="domino"] .checkin-card button{border:0;border-radius:12px;padding:9px 13px;background:#1f8a4c;color:#fff;font-size:12px;font-weight:800;box-shadow:0 3px 0 #0f5a3a}
html[data-tema="domino"] .checkin-card button:disabled{background:#e6dcc3;color:#7a6f57;box-shadow:0 3px 0 #d8c69a}
html[data-tema="domino"] .checkin-days{gap:5px;margin-top:6px}
html[data-tema="domino"] .checkin-days li{padding:6px 1px 5px;border-radius:12px;box-shadow:0 2px 0 #eadfc2}
html[data-tema="domino"] .checkin-days li>b{border-radius:50%;background:#f3e6c4;color:#6b4e0c}
html[data-tema="domino"] .checkin-days li.done{border-color:#b9e2c7;background:#dff3e6}
html[data-tema="domino"] .checkin-days li.done>b{background:#1f8a4c;color:#fff}
html[data-tema="domino"] .checkin-days li.today{border-color:#f2b632;background:#fff6d6;box-shadow:0 3px 0 #d98e04}
html[data-tema="domino"] .checkin-days li.today:not(.done)>b{background:var(--d-koin);color:#3a2a00}
html[data-tema="domino"] .checkin-days li.bonus{border-color:#f3d68a;background:#fff1c9}
html[data-tema="domino"] .account-rank{background:linear-gradient(145deg,#fff1c9,#fff8e7)}
html[data-tema="domino"] .spender-card::after{border-color:rgba(242,182,50,.14)}
html[data-tema="domino"] .spender-head h2{font-size:18px;font-weight:800}
html[data-tema="domino"] .spender-periods{border-radius:999px;background:#f3e6c4;box-shadow:inset 0 2px 0 rgba(0,0,0,.06)}
html[data-tema="domino"] .spender-periods button{border-radius:999px;color:#6b4e0c;font-size:12px;font-weight:800}
html[data-tema="domino"] .spender-periods button[aria-selected="true"]{background:var(--d-emas3d);color:#3a2a00;box-shadow:0 3px 0 #c98a0a}
html[data-tema="domino"] .spender-avatar{border-radius:50%;color:#fff}
html[data-tema="domino"] .spender-list li>b{color:#146c3c;font-weight:800}

/* ── Saldo ─────────────────────────────────────────────────────────────── */
html[data-tema="domino"] .wallet-pass-mark{border:2px solid #ffe08a;border-radius:50%;background:var(--d-koin);color:#3a2a00;box-shadow:0 3px 0 rgba(0,0,0,.25)}
html[data-tema="domino"] .wallet-pass-copy .section-kicker{color:#ffe08a}
html[data-tema="domino"] .wallet-pass-copy strong{font-size:17px;font-weight:800}
html[data-tema="domino"] .wallet-pass-balance{border-top:1.5px dashed rgba(255,224,138,.35)}
html[data-tema="domino"] .wallet-pass-balance span{color:rgba(255,248,231,.76)}
html[data-tema="domino"] .wallet-pass-balance strong{color:#ffe08a;font-weight:800;text-shadow:0 2px 0 rgba(0,0,0,.3)}
html[data-tema="domino"] .wallet-pass .wallet-pass-meters{border-top:1.5px dashed rgba(255,224,138,.25)}
html[data-tema="domino"] .wallet-pass-btn{border-radius:14px;font-weight:800}
html[data-tema="domino"] .wallet-pass-btn.primary{border:0;background:var(--d-emas3d);color:#3a2a00;box-shadow:0 4px 0 #9a6400}
html[data-tema="domino"] .wallet-pass-btn.primary:hover{background:linear-gradient(180deg,#ffdc7a,#f5c04d)}
html[data-tema="domino"] .wallet-topup-mark{border-radius:50%;background:#1f8a4c;box-shadow:0 3px 0 #0f5a3a}
html[data-tema="domino"] .wallet-topup-mark span{border-color:#fff8e7;background:var(--d-koin);color:#3a2a00}
html[data-tema="domino"] .wallet-topup-head h4{font-size:17px;font-weight:800}
html[data-tema="domino"] .wallet-topup-steps{color:var(--muted);font-weight:700}
html[data-tema="domino"] .wallet-topup-steps span{background:#f3e6c4;color:#6b4e0c;font-weight:800}
html[data-tema="domino"] .wallet-topup-steps li:not(:last-child)::after{height:3px;border-radius:3px;background:#eadfc2}
html[data-tema="domino"] .wallet-topup-steps .active{color:#2b2415}
html[data-tema="domino"] .wallet-topup-steps .active span{background:var(--d-koin);color:#3a2a00;box-shadow:0 2px 0 #9a6400}
html[data-tema="domino"] .wallet-topup-presets{gap:10px 8px}
html[data-tema="domino"] .wallet-topup-presets button{font-size:13px;font-weight:800;box-shadow:0 3px 0 #eadfc2}
html[data-tema="domino"] .wallet-topup-presets button:hover{border-color:#f2d27a;background:#fffdf6}
html[data-tema="domino"] .wallet-topup-presets button[aria-pressed="true"]{border-color:#f2b632;background:#fff6d6;color:#3a2a00;box-shadow:0 3px 0 #d98e04}
html[data-tema="domino"] .wallet-topup-input:focus-within{border-color:#f2b632;box-shadow:0 0 0 3px rgba(242,182,50,.3)}
html[data-tema="domino"] .wallet-topup-input b{color:#146c3c}
html[data-tema="domino"] .wallet-topup-quote>p,html[data-tema="domino"] .wallet-topup-error{border-radius:12px}
html[data-tema="domino"] .wallet-topup-methods button{background:#fff;box-shadow:0 3px 0 #eadfc2}
html[data-tema="domino"] .wallet-topup-methods button.active{border-color:#1f8a4c;background:#effaf3;box-shadow:0 3px 0 #1f8a4c}
html[data-tema="domino"] .wallet-topup-method-logo{border-radius:8px;background:#fff}
html[data-tema="domino"] .wallet-topup-submit{padding:12px 14px;font-size:14px}
html[data-tema="domino"] .wallet-topup-submit:disabled{background:#e6dcc3;color:#7a6f57;box-shadow:0 4px 0 #d8c69a}
html[data-tema="domino"] .wallet-topup-record{border-top-width:2px;border-right-width:2px;border-bottom-width:2px;border-radius:14px;background:#fffdf6;box-shadow:0 3px 0 #0a4029}
html[data-tema="domino"] .wallet-topup-record button{border-radius:10px;box-shadow:0 2px 0 #0f5a3a}
html[data-tema="domino"] :is(.wallet-topup-instruction,.wallet-topup-active,.wallet-topup-breakdown){border-radius:12px}
html[data-tema="domino"] .account-entry{border-radius:16px;box-shadow:0 3px 0 #0a4029}
html[data-tema="domino"] .transaction-entry>button{border-radius:10px}
html[data-tema="domino"] .entry-status{font-weight:800}
html[data-tema="domino"] .mutation-sign{border-radius:50%}

/* Pesan massal: cukup ikut token; riwayatnya duduk di atas kain meja */
html[data-tema="domino"] :is(.bulk-summary,.bulk-rows-report,.bulk-warn,.bulk-confirm-detail){border-radius:14px}
html[data-tema="domino"] .bulk-hist{border-width:2px}
html[data-tema="domino"] #acct-panel-bulk{color:#fff8e7}
html[data-tema="domino"] :is(#acct-panel-bulk .bulk-empty,#acct-panel-bulk .bulk-table th,#acct-panel-bulk .bulk-lacak,.track-result>.muted){color:rgba(255,248,231,.78)}

/* ── Artikel panduan, jelajah, kaki identitas ─────────────────────────── */
html[data-tema="domino"] .seo-jelajah{border:2px dashed rgba(255,224,138,.45);border-radius:16px;background:rgba(0,0,0,.12);color:rgba(255,248,231,.76)}
html[data-tema="domino"] .seo-jelajah a{color:#ffe08a;font-weight:800}
html[data-tema="domino"] .seo-artikel{--seo-soft:#fffdf6;--seo-line:#eadfc2}
html[data-tema="domino"] .seo-article-head{background:linear-gradient(135deg,#fff1c9,#fff8e7 64%)}
html[data-tema="domino"] .seo-article-head::after{opacity:.5}
html[data-tema="domino"] .seo-eyebrow{color:#146c3c;letter-spacing:.08em}
html[data-tema="domino"] .seo-eyebrow span{background:linear-gradient(90deg,#1f8a4c,#f2b632)}
html[data-tema="domino"] .seo-artikel h2{font-weight:800;letter-spacing:-.01em}
html[data-tema="domino"] .seo-artikel h3{font-weight:800;letter-spacing:0}
html[data-tema="domino"] .seo-toggle{padding:9px 16px;border-radius:999px}
html[data-tema="domino"] .seo-article-lead{background:#fff8e7}
html[data-tema="domino"] .seo-route{border:2px solid #eadfc2;border-radius:14px;box-shadow:none}
html[data-tema="domino"] .seo-route i{color:#d98e04}
html[data-tema="domino"] .seo-article-body{background:linear-gradient(180deg,#fff8e7,#f7ecd0)}
html[data-tema="domino"] .seo-block{border:2px solid #eadfc2;border-radius:16px;background:#fffdf6;box-shadow:0 3px 0 #eadfc2}
html[data-tema="domino"] .seo-block::before{background:linear-gradient(#1f8a4c,#f2b632)}
html[data-tema="domino"] .seo-block-label{color:#146c3c}
html[data-tema="domino"] .seo-produk a{color:var(--t-accent-text)}
html[data-tema="domino"] .seo-step-list li::before{border-radius:50%;background:var(--d-koin);color:#3a2a00;box-shadow:0 2px 0 #9a6400}
html[data-tema="domino"] .seo-faq{border:2px solid #eadfc2;border-radius:14px}
html[data-tema="domino"] .seo-faq summary::after{border:0;border-radius:50%;background:#f3e6c4;color:#6b4e0c}
html[data-tema="domino"] .seo-return{background:linear-gradient(120deg,#0a4029,#0f5a3a);color:#fff8e7}
html[data-tema="domino"] .seo-return small{color:#ffe08a;opacity:1}
html[data-tema="domino"] .seo-return b{border:0;border-radius:50%;background:var(--d-koin);color:#3a2a00;box-shadow:0 2px 0 #9a6400}
html[data-tema="domino"] .ident-foot{--ident-accent-d:#ffe08a;border-top:1.5px dashed rgba(255,224,138,.32);color:rgba(255,248,231,.76)}
html[data-tema="domino"] .ident-segel>span{background:rgba(255,224,138,.14);box-shadow:inset 0 0 0 1.5px rgba(255,224,138,.45);color:#ffe08a}
html[data-tema="domino"] .ident-mark{border-radius:12px;background:#083322;box-shadow:0 0 0 2px #d98e04}
html[data-tema="domino"] .ident-name{color:#fff8e7}
/* Logo nama kaki halaman dibuat untuk latar terang: diputihkan di atas kain meja */
html[data-tema="domino"] .ident-wordmark{filter:brightness(0) invert(1)}
html[data-tema="domino"] .ident-legal{color:rgba(255,248,231,.66)}
html[data-tema="domino"] .ident-legal-nama{color:rgba(255,248,231,.88)}
html[data-tema="domino"] :is(.ident-kontak b,.ident-copy){color:rgba(255,248,231,.6)}
html[data-tema="domino"] .ident-kontak a{border-bottom-color:rgba(255,224,138,.35)}

/* ── Overlay ───────────────────────────────────────────────────────────── */
html[data-tema="domino"] .bulk-confirm-actions button,html[data-tema="domino"] .tg-miniapp-install-actions button{border-radius:14px}
html[data-tema="domino"] .tg-miniapp-install-mark{border-radius:50%;background:var(--d-koin);color:#3a2a00}
html[data-tema="domino"] .event-popup-card{border-radius:20px;box-shadow:0 0 0 3px #f2b632,0 22px 44px rgba(0,0,0,.42)}
html[data-tema="domino"] #event-popup-close{background:var(--d-koin);color:#3a2a00;box-shadow:0 3px 0 #9a6400}

/* ── Lebar khusus ──────────────────────────────────────────────────────── */
@media (max-width:700px){
  /* Chip kategori lengket: di bawah header bertepi emas 3px */
  /* Cincin krem menutup ubin yang menggulir di balik sudut bulat saat lengket */
  html[data-tema="domino"] .tabs{top:57px;margin:0 0 12px;padding:4px;background:#f3e6c4;box-shadow:0 0 0 5px #fff8e7,inset 0 2px 0 rgba(0,0,0,.06)}
}
@media (max-width:380px){
  html[data-tema="domino"] .grid{gap:10px 6px}
  html[data-tema="domino"] .prod{padding-inline:3px}
  html[data-tema="domino"] .prod-price strong{padding:2px 5px;font-size:10.5px}
  html[data-tema="domino"] #buy-btn{padding-inline:14px;font-size:14px}
  html[data-tema="domino"] #sum-price{font-size:20px}
  html[data-tema="domino"] :is(.tabs button,.tabs a){padding:7px 8px;font-size:12.5px}
}
@media (min-width:701px){
  html[data-tema="domino"] body{background:#062a1b}
  html[data-tema="domino"] body::before{background:var(--d-kain);box-shadow:0 0 0 2px #083322,0 24px 60px rgba(0,0,0,.5)}
}

/* == HALAMAN LUAR: bilah merek blog & kebijakan ===================== */
html[data-tema="domino"]{--t-on-bg:var(--d-krem);--t-on-bg-muted:rgba(255,248,231,.78);--t-on-bg-link:var(--d-emas)}
html[data-tema="domino"] .b-top{color:var(--d-krem);background:var(--d-tua);border-bottom:3px solid #d98e04;box-shadow:0 3px 0 rgba(0,0,0,.2)}
html[data-tema="domino"] .b-top::after{content:"";position:absolute;left:10px;right:10px;bottom:4px;border-bottom:1.5px dashed rgba(255,224,138,.32);pointer-events:none}
html[data-tema="domino"] .b-brand{color:var(--d-krem)}
html[data-tema="domino"] .b-brand img:not(.b-wordmark){border-radius:50%;box-shadow:0 0 0 2px var(--d-tua),0 0 0 4px #d98e04}
html[data-tema="domino"] .b-back{border-radius:50%;background:rgba(255,224,138,.15);color:var(--d-emas)}
html[data-tema="domino"] .b-back:hover{background:rgba(255,224,138,.25)}
/* == /HALAMAN LUAR ================================================== */

/* == POP-UP CEK ID ================================================== */
/* Rupa referensi Taka apa adanya: kain hijau, krem, pil emas muda, tombol 3D. */
html[data-tema="domino"] .paycard.idcek-kartu{--idcek-b1:#13643f;--idcek-b2:#0a4029;--idcek-b3:#062a1b;--idcek-panel:#fff8e7;--idcek-pil:#f5e4bd;--idcek-teks:#163a26;--idcek-ikon:#0d4a2f;--idcek-ikon-tx:#fff8e7;--idcek-catatan:#fff8e7}
html[data-tema="domino"] .idcek-label{color:#2b2415}
html[data-tema="domino"] .idcek-ubah{background:#f3e6c4;color:#6b4e0c;box-shadow:0 3px 0 #d8c69a}
/* == /POP-UP CEK ID ================================================= */

/* == SUSUNAN KARTU: MEMANJANG ======================================== */
/* Pilihan domain "memanjang" (kerangka di style.css): kartu krem, pil koin
   hijau-emas di kanan. Koin centang tetap di pojok kanan atas (di luar kartu). */
html[data-tema="domino"][data-kartu="memanjang"] #products.grid{gap:9px}
html[data-tema="domino"][data-kartu="memanjang"] #products .prod{--k-ikon:42px;--k-harga:13.5px;min-height:64px;padding:9px 12px 9px 11px;border-radius:16px}
html[data-tema="domino"][data-kartu="memanjang"] #products .prod .n{font-size:13.5px}
html[data-tema="domino"][data-kartu="memanjang"] #products .prod .prod-price>strong{padding:4px 11px}
html[data-tema="domino"][data-kartu="memanjang"] #products .prod .prod-points{font-size:11px}
html[data-tema="domino"][data-kartu="memanjang"] #products .prod .promo-badge{left:auto;right:30px;transform:none}
@media (max-width:360px){
  html[data-tema="domino"][data-kartu="memanjang"] #products .prod{--k-ikon:36px;--k-harga:12px;padding:8px 10px}
  html[data-tema="domino"][data-kartu="memanjang"] #products .prod .n{font-size:12.5px}
  html[data-tema="domino"][data-kartu="memanjang"] #products .prod .prod-price>strong{padding:3px 8px}
}
/* == /SUSUNAN KARTU ================================================== */

/* == AKSEN MEREK (terbatas) ======================================== */
/* Koin emas dan kain hijau adalah Domino itu sendiri; yang ikut warna
   domain hanya tombol ajakan. Bayangan 3D-nya ikut dihitung dari warna
   yang sama supaya tombolnya tetap terlihat timbul, bukan tempelan. */
html[data-tema="domino"] :is(#check-btn,#track-go,#bulk-preview-btn){background:var(--brand);color:var(--brand-on,#fff);box-shadow:0 4px 0 color-mix(in srgb,var(--brand) 58%,#000)}
html[data-tema="domino"] :is(#buy-btn,.btn-full,.nota-btn,.wallet-topup-submit,.track-ticket button,.bulk-confirm-yes,.tg-miniapp-install-confirm,.event-popup-cta,.wallet-pass-btn.primary,.seo-toggle,.checkin-card button){background:linear-gradient(180deg,color-mix(in srgb,var(--brand) 86%,#fff),var(--brand));color:var(--brand-on,#fff);box-shadow:0 4px 0 color-mix(in srgb,var(--brand) 58%,#000)}
html[data-tema="domino"] #pay-body a.btn-full{color:var(--brand-on,#fff)!important}
/* == /AKSEN MEREK ================================================== */