/* == 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}
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}
html[data-tema="domino"] .prod .n{flex:0 0 auto;min-height:2.3em;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: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}
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 12px;padding:9px 10px 10px 16px;background:linear-gradient(180deg,#0f5a3a,#0a4029);color:#fff8e7;border:2px solid #f2b632;border-radius:18px;box-shadow:0 6px 0 #062718,0 14px 26px rgba(0,0,0,.35)}
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{min-width:148px;border:0;border-radius:14px;padding:10px 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-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{min-width:132px;padding:10px 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 ================================================== */

/* == 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 ================================================== */