/* == JEMBATAN TOKEN (dihasilkan storefrontTema, jangan disunting tangan) == */
html[data-tema="lincah"]{
  --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="lincah"] :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="lincah"] .ident-foot{--ident-accent:var(--t-on-bg-link)!important}
/* Baris tautan kebijakan juga duduk di kanvas, bukan di kartu. */
html[data-tema="lincah"] .ident-kebijakan a{color:var(--t-on-bg-muted)}
html[data-tema="lincah"] .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="lincah"] body{color:var(--t-on-bg)}
html[data-tema="lincah"] :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="lincah"] .b-eyebrow{background:var(--t-accent-soft);color:var(--t-accent-text)}
html[data-tema="lincah"] :is(.b-lead,.b-date,.b-pager-info,.b-crumb,.b-foot){color:var(--t-on-bg-muted)}
html[data-tema="lincah"] :is(.b-card,.b-pager a){background:var(--t-surface);border-color:var(--t-line);color:var(--t-text)}
html[data-tema="lincah"] .b-card a{color:inherit}
html[data-tema="lincah"] .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="lincah"] .b-body :is(h2,h3,h4,strong,b){color:var(--t-text)}
html[data-tema="lincah"] .b-body a{color:var(--t-accent-text)}
html[data-tema="lincah"] :is(.b-more,.b-card:hover h2,.b-pager a){color:var(--t-accent-text)}
html[data-tema="lincah"] :is(.b-foot a,.b-crumb a:hover){color:var(--t-on-bg-link)}
html[data-tema="lincah"] .b-crumb a{color:var(--t-on-bg-muted)}
html[data-tema="lincah"] .b-body blockquote{border-color:var(--t-accent)}
html[data-tema="lincah"]{--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="lincah"] body{font-family:var(--t-font)}
html[data-tema="lincah"] :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 LINCAH — putih bersih, bagian datar selebar layar, aksen navy & merah ══
   Kartu tidak melayang: tiap bagian (kartu langkah, judul halaman, menu, kaki)
   jadi pita putih selebar kolom yang dipisah celah abu 8px. .wrap tetap
   ber-padding 14px supaya isi tak dikenal tetap menjorok; bagian yang dikenal
   menarik diri ke tepi lewat margin -14px. */
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:500 800;font-display:swap;src:url('huruf/plus-jakarta-sans-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="lincah"]{
  --gold:#f5a524;--gold-d:#d97706;
  --bg:#f3f4f7;--card:#fff;--txt:#1b1d29;--muted:#6b6f80;--line:#e6e8ee;
  --ok-bg:#ecf8f1;--ok-tx:#157046;--err-bg:#fdecec;--err-tx:#c42b2e;
  --t-bg:#f3f4f7;--t-frame:#dde1ea;--t-surface:#fff;--t-field:#fff;--t-fill:#f5f6f9;--t-line:#e6e8ee;
  --t-text:#1b1d29;--t-muted:#6b6f80;--t-subtle:#9a9eae;
  --t-accent:var(--brand-text,var(--brand));--t-accent-d:color-mix(in srgb,var(--brand-text,var(--brand)) 82%,#000);--t-accent-text:var(--brand-text,var(--brand));--t-accent-soft:color-mix(in srgb,var(--brand-text,var(--brand)) 8%,#fff);--t-accent-line:color-mix(in srgb,var(--brand-text,var(--brand)) 22%,#fff);--t-on-accent:#fff;
  --t-deep:var(--brand-text,var(--brand));--t-deep-2:color-mix(in srgb,var(--brand-text,var(--brand)) 78%,#fff);--t-on-deep:#fff;--t-on-deep-muted:rgba(255,255,255,.76);--t-scrim:rgba(13,19,48,.56);
  --t-ok:#1f9d55;--t-ok-d:#157046;--t-ok-soft:#ecf8f1;--t-ok-text:#157046;
  --t-err:#e5383b;--t-err-d:#b3262a;--t-err-soft:#fdecec;--t-err-line:#f6c6c7;--t-err-text:#c42b2e;
  --t-warn-soft:#fff4e0;--t-warn-line:#f7d9a0;--t-warn-text:#8a5300;
  --t-gold:#f5a524;--t-gold-d:#d97706;--t-gold-soft:#fff1d6;--t-gold-text:#9a5b00;--t-on-gold:#3b2500;--t-promo:#dd3034;
  --t-font:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--t-font-display:var(--t-font);
  --lc-navy:var(--brand-text,var(--brand));--lc-red:#dd3034;--lc-soft:color-mix(in srgb,var(--brand-text,var(--brand)) 8%,#fff);
  font-synthesis:style;
}

/* ── Header putih: logo nama (gambar putih) digelapkan jadi navy ── */
html[data-tema="lincah"] .hdr{background:#fff;color:var(--lc-navy);border-bottom:1px solid var(--line);box-shadow:none}
html[data-tema="lincah"] #brand-wordmark{filter:brightness(0) opacity(.86)}
html[data-tema="lincah"] #brand-logo{border-radius:8px}
html[data-tema="lincah"] #brand-name{color:var(--lc-navy)}
html[data-tema="lincah"] .hdr-back{width:32px;margin-left:-6px;background:transparent;color:var(--lc-navy)}
html[data-tema="lincah"] .hdr-back:hover{background:var(--lc-soft)}
html[data-tema="lincah"] .hdr .link{background:var(--lc-soft);color:var(--lc-navy)}
/* Tombol "Download APK" disuntik pwa/install.js dengan warna untuk header
   gelap (teks putih, latar putih transparan) — di header putih ini ia lenyap. */
html[data-tema="lincah"] .pwa-pasang-hdr{background:var(--lc-soft);border-color:color-mix(in srgb,var(--lc-navy) 22%,transparent);color:var(--lc-navy)}
html[data-tema="lincah"] .pwa-pasang-hdr:hover{background:color-mix(in srgb,var(--lc-navy) 14%,#fff)}
html[data-tema="lincah"] .pwa-pasang-hdr:focus-visible{outline-color:var(--lc-navy)}

/* ── Bagian datar selebar kolom ── */
html[data-tema="lincah"] :is(.card,.page-head,.event-banner,.bantuan-cs,.player-pass,.checkin-card,.account-rank,.account-spender-card,.wallet-topup-card,.account-menu,.track-order-card,.seo-jelajah,.seo-artikel){margin:0 -14px 8px;border:0;border-radius:0;box-shadow:none}
html[data-tema="lincah"] .card{padding:16px 14px}
html[data-tema="lincah"] section.hero.hero-mati+.event-banner,html[data-tema="lincah"] section.hero.hero-mati+.event-banner[hidden]+.card{margin-top:0}

/* Hero (bila dinyalakan): gambar membulat di dalam pita putih; bayangan putih
   dipotong clip-path jadi persegi selebar kolom. */
html[data-tema="lincah"] .hero:not(.hero-mati){margin:12px 0 18px;border:0;border-radius:12px;box-shadow:0 0 0 40px #fff;clip-path:inset(-12px -14px -10px -14px);
  background-image:linear-gradient(90deg,color-mix(in srgb,var(--brand) 96%,transparent) 0%,color-mix(in srgb,var(--brand) 86%,transparent) 40%,color-mix(in srgb,var(--brand) 38%,transparent) 64%,transparent 100%),var(--hero-gambar,url('/assets/tokohiggs-hero-resmi-mitra-bergaransi.webp'))!important}
html[data-tema="lincah"] .hero:not(.hero-mati) h1{letter-spacing:-.02em}
html[data-tema="lincah"] .hero:not(.hero-mati) .badge{border:0;border-radius:999px;background:var(--lc-red);color:#fff;backdrop-filter:none}
html[data-tema="lincah"] .hero:not(.hero-mati) .hero-trust span{border:0;border-radius:999px;background:#fff;color:var(--lc-navy);box-shadow:0 2px 8px color-mix(in srgb,var(--brand) 25%,transparent)}
html[data-tema="lincah"] .hero:not(.hero-mati) .hero-trust b{background:var(--lc-red);color:#fff}

/* Banner event */
html[data-tema="lincah"] .event-banner{padding:12px 14px 10px;background:#fff}
html[data-tema="lincah"] .event-slider{border-radius:12px;box-shadow:none}
html[data-tema="lincah"] .event-dots{margin-top:10px;gap:5px}
html[data-tema="lincah"] .event-dots button{width:14px;height:4px;border-radius:2px;background:#d3d6de}
html[data-tema="lincah"] .event-dots button.is-on{width:22px;background:var(--lc-red)}

/* ── Judul langkah: angka merah + judul navy ── */
html[data-tema="lincah"] .card h2{align-items:baseline;gap:6px;margin-bottom:12px;font-size:16px;font-weight:800;color:var(--lc-navy)}
html[data-tema="lincah"] .user-id-head h2{margin:0}
html[data-tema="lincah"] .card h2 .num{display:inline;width:auto;height:auto;border-radius:0;background:none;color:var(--lc-red);font-size:16px;font-weight:800}
html[data-tema="lincah"] .card h2 .num::after{content:"."}

/* Isian & tombol */
html[data-tema="lincah"] :is(#game-id,#contact-email,#track-input,#login-email,#login-code){padding:12px;border:1px solid #d9dce5;border-radius:10px;background:#fff;color:var(--txt);font-weight:600}
html[data-tema="lincah"] :is(#game-id,#contact-email,#track-input,#login-email,#login-code)::placeholder{color:#9a9eae;font-weight:500}
html[data-tema="lincah"] :is(#game-id,#contact-email,#track-input,#login-email,#login-code):focus{border-color:var(--lc-navy);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 12%,transparent)}
html[data-tema="lincah"] :is(#check-btn,#track-go,#bulk-preview-btn){padding:0 18px;border:0;border-radius:10px;background:var(--lc-navy);color:#fff;font-weight:700;box-shadow:none}
html[data-tema="lincah"] .user-id-row #check-btn{padding-inline:18px}
html[data-tema="lincah"] #bulk-preview-btn{padding-block:11px}
html[data-tema="lincah"] .user-id-row #user-id-guide-btn{border:1px solid #d9dce5;border-radius:10px;background:#fff}
html[data-tema="lincah"] .user-id-copy{font-size:12px;line-height:1.5;color:var(--muted)}
html[data-tema="lincah"] .buyer{padding:9px 12px;border-left:3px solid #1f9d55;border-radius:4px;background:#ecf8f1;color:#157046;font-size:13.5px;font-weight:700}
html[data-tema="lincah"] .buyer.err{border-left-color:var(--lc-red);background:var(--err-bg);color:var(--err-tx)}
html[data-tema="lincah"] .id-mode{background:#f3f4f7}
html[data-tema="lincah"] .id-mode button.is-on{background:var(--lc-navy);color:#fff}
html[data-tema="lincah"] .bulk-field :is(select,textarea){border-color:#d9dce5;border-radius:10px}
html[data-tema="lincah"] .btn-full{border-radius:10px;background:var(--lc-navy);font-weight:700;box-shadow:none}
html[data-tema="lincah"] .btn-outline{border:1px solid var(--lc-navy);background:#fff;color:var(--lc-navy)}

/* ── Langkah 2: chip pil & kartu nominal bergambar ── */
html[data-tema="lincah"] .tabs{top:55px;gap:8px;margin:0 -14px 14px;padding:6px 14px;background:#fff}
html[data-tema="lincah"] .tabs :is(button,a){flex:none;padding:8px 16px;border:1px solid #cfd3dc;border-radius:999px;background:#fff;color:#3a3d4c;font-size:13px;font-weight:600;box-shadow:none}
html[data-tema="lincah"] .product-card .tabs :is(button,a).active{border-color:var(--lc-navy);background:var(--lc-navy);color:#fff;box-shadow:none}
html[data-tema="lincah"] .grid{gap:10px}
html[data-tema="lincah"] .prod{display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:0;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--txt);box-shadow:0 1px 2px color-mix(in srgb,var(--brand) 5%,transparent)}
html[data-tema="lincah"] .prod:hover{border-color:#c5cbe0}
/* Area gambar sengaja pendek: kartu harus terbaca "nama + harga" dulu, gambar
   produk cuma penanda. 72px dulu membuat gambar mendominasi dua baris teks. */
html[data-tema="lincah"] .prod .ic,html[data-tema="lincah"] .prod.prod-image-native .ic{display:grid;place-items:center;flex:none;width:100%;height:52px;overflow:hidden;border-radius:0;background:linear-gradient(160deg,#f1f3f9,#e4e8f3);box-shadow:none}
html[data-tema="lincah"] .prod .ic img,html[data-tema="lincah"] .prod.prod-image-native .ic img{width:38px;height:38px}
html[data-tema="lincah"] .prod .n{padding:10px 10px 0;font-size:13px;font-weight:700;line-height:1.25}
html[data-tema="lincah"] .prod-price{gap:0 6px;padding:2px 10px 11px}
html[data-tema="lincah"] .prod-price strong{color:var(--lc-navy);font-size:16px;font-weight:800}
html[data-tema="lincah"] .prod-price del{color:#9a9eae}
/* Label poin = pita merah di sudut kiri area gambar. */
html[data-tema="lincah"] .prod-points{position:absolute;top:6px;left:0;padding:3px 8px 3px 7px;border-radius:0 6px 6px 0;background:var(--lc-red);color:#fff;font-size:10px;font-weight:800}
/* Harga coret domain: gaya lapak, angka coret abu lalu persen merah tanpa
   latar. Pita merah di kiri atas tetap milik poin. */
html[data-tema="lincah"] .prod-coret{gap:0 6px;margin-bottom:1px}
html[data-tema="lincah"] .prod-diskon{padding:0;border-radius:0;background:none;color:var(--lc-red);font-size:11px;font-weight:800}
html[data-tema="lincah"] .prod-diskon.prod-diskon-promo{padding:2px 6px;border-radius:4px;background:var(--t-promo);color:#fff;font-size:10.5px}
html[data-tema="lincah"] .prod .promo-badge{top:6px;right:6px;padding:3px 7px;border-radius:6px;clip-path:none;background:#fff;color:var(--lc-red);box-shadow:inset 0 0 0 1px #f3b4b5}
html[data-tema="lincah"] .prod.active .promo-badge{right:32px}
html[data-tema="lincah"] .promo-copy{padding:0 10px 10px}
html[data-tema="lincah"] .promo-copy b{color:var(--lc-red)}
html[data-tema="lincah"] .product-card .prod.active{border-color:var(--lc-navy);background:#fff;box-shadow:0 0 0 1px var(--lc-navy),0 4px 14px color-mix(in srgb,var(--brand) 16%,transparent)}
html[data-tema="lincah"] .prod.active::after{content:"✓";position:absolute;z-index:3;top:6px;right:6px;width:20px;height:20px;display:grid;place-items:center;border-radius:6px;background:var(--lc-navy);color:#fff;font-size:12px;font-weight:800;line-height:1}
html[data-tema="lincah"] .flash-sale{border:0;border-radius:12px}

/* ── Langkah 3–4 ── */
html[data-tema="lincah"] .email-help{padding:0;border:0;background:none;color:var(--muted);font-size:12px}
html[data-tema="lincah"] .email-help::before{background:var(--lc-navy)}
html[data-tema="lincah"] .email-help[data-kind="error"]{padding:9px 11px;border-radius:10px;background:var(--err-bg)}
html[data-tema="lincah"] .email-help[data-kind="error"]::before{background:var(--err-tx)}
html[data-tema="lincah"] .checkout-benefits{padding:11px 12px;border:1px dashed #cfd3dc;border-radius:10px;background:#fff}
html[data-tema="lincah"] :is(.checkout-benefits-head,.external-pay-head)>span{color:var(--lc-navy);letter-spacing:.05em}
html[data-tema="lincah"] .benefit-card{border:1px solid var(--line);border-radius:10px}
html[data-tema="lincah"] .benefit-card.active{border-color:var(--lc-navy);box-shadow:inset 0 0 0 1px var(--lc-navy)}
html[data-tema="lincah"] .benefit-card.locked{background:#f7f8fb}
html[data-tema="lincah"] .benefit-icon{border-radius:8px}
html[data-tema="lincah"] .external-pay-head{border-top:1px solid var(--line)}
/* Metode bayar = daftar satu kolom dalam satu kotak bergaris. */
html[data-tema="lincah"] .paygrid{grid-template-columns:1fr;gap:0;margin-top:10px;overflow:hidden;border:1px solid var(--line);border-radius:10px}
html[data-tema="lincah"] .paym{flex-direction:row;align-items:center;gap:12px;padding:12px 14px;border:0;border-top:1px solid var(--line);border-radius:0;background:#fff;box-shadow:none}
html[data-tema="lincah"] .paym:first-child{border-top:0}
html[data-tema="lincah"] .paym:hover{border-color:var(--line);background:#f7f8fb}
html[data-tema="lincah"] .paym.active{background:var(--lc-soft);box-shadow:inset 3px 0 0 var(--lc-navy)}
html[data-tema="lincah"] .paym-ic{width:56px;flex:0 0 56px}
html[data-tema="lincah"] .paym-b{flex:1;flex-direction:row;align-items:center;justify-content:space-between;gap:10px}
html[data-tema="lincah"] .paym-n{min-height:0;font-size:14px;font-weight:700}
html[data-tema="lincah"] .paym-p{margin:0;color:var(--txt);font-size:13px;font-weight:700;white-space:nowrap}
html[data-tema="lincah"] .paym.active .paym-p{color:var(--lc-navy);font-weight:800}
html[data-tema="lincah"] .paym-internal{grid-template-columns:56px minmax(0,1fr)}

/* ── Bar bayar menempel penuh di atas navigasi ── */
/* Dasar kini juga menempel ke nav, tetapi dengan lekukan tiga kolom untuk tombol
   tengah yang menonjol. Tombol tengah Lincah rata dengan nav, jadi Lincah tetap
   dua kolom tanpa lekukan, susunan aslinya. */
html[data-tema="lincah"] .summary{left:0;right:0;bottom:calc(var(--nav-h) + env(safe-area-inset-bottom));max-width:520px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1px 12px;padding:9px 14px 10px;border:0;border-top:1px solid var(--line);border-radius:0;background:#fff;box-shadow:0 -6px 18px color-mix(in srgb,var(--brand) 7%,transparent)}
html[data-tema="lincah"] .summary::after{content:none}
html[data-tema="lincah"] .summary>div{grid-column:1;grid-row:1}
html[data-tema="lincah"] .summary>div::before{color:var(--muted);font-size:11.5px;font-weight:600}
html[data-tema="lincah"] .summary #sum-price{color:var(--lc-navy);font-size:19px;font-weight:800}
html[data-tema="lincah"] .summary-assurance{grid-column:1;grid-row:2;padding:0;border:0;color:#15803d;font-size:10.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-tema="lincah"] .summary-assurance::before{content:"✓ "}
html[data-tema="lincah"] #buy-btn{grid-column:2;grid-row:1/3;min-width:0;padding:13px 20px;border-radius:10px;background:var(--lc-red);color:#fff;font-size:14px;font-weight:800;box-shadow:none}
html[data-tema="lincah"] #buy-btn:disabled{opacity:1;background:#e9eaef;color:#62667a}
html[data-tema="lincah"] body[data-page="topup"] .wrap{padding-bottom:calc(var(--nav-h) + 100px + env(safe-area-inset-bottom))}
html[data-tema="lincah"] .bantuan-tg{width:46px;height:46px;min-height:46px;padding:3px;border:0;border-radius:14px;box-shadow:0 6px 16px color-mix(in srgb,var(--brand) 22%,transparent)}
html[data-tema="lincah"] body[data-page="topup"] .bantuan-tg{bottom:calc(var(--nav-h) + 94px + env(safe-area-inset-bottom))}
html[data-tema="lincah"] .bantuan-tg>.bantuan-copy{display:none}
html[data-tema="lincah"] .bantuan-avatar{width:40px;height:40px;flex-basis:40px;border-radius:11px}
html[data-tema="lincah"] .bantuan-avatar>img{width:36px;height:36px;border-radius:10px}

/* ── Navigasi bawah datar: tanpa tombol tengah menonjol ── */
html[data-tema="lincah"] .bnav{background:#fff;border-top:1px solid var(--line);box-shadow:none}
html[data-tema="lincah"] .bnav a,html[data-tema="lincah"] .bnav li.center a{justify-content:center;padding-bottom:4px;color:#707486;font-weight:600}
html[data-tema="lincah"] .bnav a[aria-current="page"],html[data-tema="lincah"] .bnav li.center a[aria-current="page"]{color:var(--lc-navy);font-weight:800}
html[data-tema="lincah"] .bnav a[aria-current="page"] svg{fill:none;stroke-width:2.2}
html[data-tema="lincah"] .bnav a[aria-current="page"]::before,html[data-tema="lincah"] .bnav li.center a[aria-current="page"]::before{display:block;z-index:-1;top:6px;right:6px;bottom:4px;left:6px;width:auto;height:auto;transform:none;border-radius:12px;background:#e8ebf7}
html[data-tema="lincah"] .bnav .bnav-fab{position:static;display:block;width:24px;height:24px;border:0;border-radius:0;transform:none;background:none;box-shadow:none;color:inherit}
html[data-tema="lincah"] .bnav .bnav-fab svg{width:24px;height:24px;stroke:currentColor}
html[data-tema="lincah"] .bnav li.center a[aria-current="page"] .bnav-fab{background:none;box-shadow:none}
html[data-tema="lincah"] .bnav li.center a:active .bnav-fab{transform:none}
html[data-tema="lincah"] .bnav li.center .bnav-dot.pts{top:5px;left:calc(50% + 7px)}
html[data-tema="lincah"] .bnav li.center a:focus-visible{outline:2px solid var(--lc-navy);outline-offset:-4px}

/* ── Halaman ── */
html[data-tema="lincah"] .page-head{padding:16px 14px 14px;background:#fff}
html[data-tema="lincah"] .page-head h1{font-size:21px;font-weight:800;color:var(--lc-navy)}
html[data-tema="lincah"] .page-head p{margin-top:4px;font-size:12.5px}
html[data-tema="lincah"] .page-head .section-kicker{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.06em}
html[data-tema="lincah"] .page-back{color:var(--lc-navy)}
html[data-tema="lincah"] .bantuan-cs .cs-card{padding:14px;border:0;border-radius:0;box-shadow:none}
html[data-tema="lincah"] .cs-avatar{border-radius:12px}
html[data-tema="lincah"] .faq-item summary::after{border-radius:6px;background:var(--lc-soft);color:var(--lc-navy)}
html[data-tema="lincah"] :is(.info-promo-list,.info-leaderboard-list) img{border-radius:10px}
html[data-tema="lincah"] :is(.info-more,.info-posts a:hover b){color:var(--lc-red)}
html[data-tema="lincah"] .msg{border-radius:10px}
html[data-tema="lincah"] .account-menu :is(a,button)>span{border-radius:8px;background:var(--lc-soft);color:var(--lc-navy)}
html[data-tema="lincah"] .account-menu button.danger>span{background:var(--err-bg);color:var(--err-tx)}
html[data-tema="lincah"] .account-menu a>i{color:#b0b4c2}
/* Riwayat & daftar: satu pita putih, baris dipisah garis rambut. */
html[data-tema="lincah"] .account-panel{padding-bottom:8px}
html[data-tema="lincah"] :is(.account-subhead,.account-filter,.account-list-state,.wallet-topup-history){margin-inline:-14px;padding-inline:14px;background:#fff}
html[data-tema="lincah"] .account-subhead{margin-block:0;padding-block:14px 10px}
html[data-tema="lincah"] .account-subhead strong{color:var(--lc-navy);font-size:14px}
html[data-tema="lincah"] .account-subhead button{border-color:#cfd3dc;border-radius:999px;color:var(--lc-navy)}
html[data-tema="lincah"] .account-filter{margin-bottom:0;padding-block:4px 12px}
html[data-tema="lincah"] .account-filter :is(input,select){border-color:#d9dce5;border-radius:10px}
html[data-tema="lincah"] .account-list{gap:0;margin-inline:-14px}
html[data-tema="lincah"] .account-entry{border:0;border-top:1px solid var(--line);border-radius:0}
html[data-tema="lincah"] .transaction-entry>button{border-color:var(--lc-navy);border-radius:8px;background:#fff;color:var(--lc-navy)}
html[data-tema="lincah"] .account-more{width:auto;margin:0 -14px 8px;border:0;border-top:1px solid var(--line);border-radius:0;color:var(--lc-navy)}
html[data-tema="lincah"] .wallet-topup-record{border-radius:8px}

/* ── Pembayaran /pesanan/<nomor>: bagian dipisah celah abu ── */
html[data-tema="lincah"] #pay.pay-page{width:auto;padding:16px 14px 0}
html[data-tema="lincah"] .payment-card::before{display:none}
html[data-tema="lincah"] .pay-kicker{color:var(--muted);letter-spacing:.08em}
html[data-tema="lincah"] .payment-card h3{margin-bottom:12px;font-size:18px;font-weight:800;letter-spacing:-.01em;color:var(--lc-navy)}
html[data-tema="lincah"] .pay-invoice{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:2px 10px;padding:0 0 14px;border:0;border-radius:0;background:none;box-shadow:none}
html[data-tema="lincah"] .pay-invoice-label{grid-column:1;color:var(--muted);font-size:12px;font-weight:600;letter-spacing:0;text-transform:none}
html[data-tema="lincah"] .pay-invoice-amount{grid-column:2;grid-row:1/3;align-self:center;margin:0;color:var(--lc-navy);font-size:24px;font-weight:800;letter-spacing:-.01em}
html[data-tema="lincah"] .pay-invoice-product{grid-column:1;margin:0;color:var(--txt);font-size:13.5px;font-weight:700}
html[data-tema="lincah"] :is(.pay-funding-breakdown,.pay-nota-link){grid-column:1/-1}
html[data-tema="lincah"] .pay-funding-breakdown{border-top:1px dashed #d9dce5}
html[data-tema="lincah"] .pay-nota-link{justify-self:start;color:var(--lc-red)}
html[data-tema="lincah"] #pay .pay-status{margin:0 -14px;padding:14px;border-top:8px solid var(--bg);border-radius:0}
html[data-tema="lincah"] #pay .page-back{width:calc(100% + 28px);margin:0 -14px;padding:13px 14px;border-top:8px solid var(--bg)}
html[data-tema="lincah"] .pay-steps{justify-content:flex-start;margin:0 0 12px}
html[data-tema="lincah"] .pay-step{color:#80859a;font-size:12px;font-weight:600}
html[data-tema="lincah"] .pay-step.active{color:var(--lc-navy);font-weight:800}
html[data-tema="lincah"] .pay-step.done{color:var(--txt)}
html[data-tema="lincah"] .pay-step-dot{width:22px;height:22px;border:1.5px solid #cfd3dc;background:#fff;color:#80859a;font-size:11px;font-weight:800}
html[data-tema="lincah"] .pay-step.active .pay-step-dot{border-color:var(--lc-navy);background:var(--lc-navy);color:#fff;box-shadow:none}
html[data-tema="lincah"] .pay-step.done .pay-step-dot{border-color:var(--t-ok);background:var(--t-ok);color:#fff}
html[data-tema="lincah"] .pay-step-line{flex:1;width:auto;height:2px;background:var(--line)}
html[data-tema="lincah"] .pay-step-line.done{background:var(--t-ok)}
html[data-tema="lincah"] .pay-state-head{padding:12px 0;border:0;border-top:1px solid var(--line);border-radius:0;background:none}
html[data-tema="lincah"] .pay-state-symbol:not(.has-asset){border-radius:10px;background:#fff4e0;color:#b76e00;box-shadow:none}
html[data-tema="lincah"] .pay-status.ok .pay-state-symbol:not(.has-asset){background:var(--ok-bg);color:var(--ok-tx)}
html[data-tema="lincah"] .pay-status.err .pay-state-symbol:not(.has-asset){background:var(--err-bg);color:var(--err-tx)}
html[data-tema="lincah"] .order-ticket{margin-top:4px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--txt);box-shadow:none}
html[data-tema="lincah"] .order-ticket::after{display:none}
html[data-tema="lincah"] .order-ticket-top{color:var(--muted);font-size:12.5px;letter-spacing:0;text-transform:none}
html[data-tema="lincah"] .order-ticket-top b{color:var(--txt);font-size:15px;letter-spacing:.02em}
html[data-tema="lincah"] .order-ticket-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;padding-top:0;border-top:0}
html[data-tema="lincah"] .order-ticket-actions button{padding:10px;border:1px solid var(--lc-navy);border-radius:10px;background:#fff;color:var(--lc-navy);font-size:12.5px;font-weight:700}
html[data-tema="lincah"] .order-ticket-actions button:last-child{background:var(--lc-navy);color:#fff}
html[data-tema="lincah"] .pay-email-note{border-radius:10px}

/* ── Lacak & nota ── */
html[data-tema="lincah"] .track-status-head{border-bottom-color:var(--line)}
html[data-tema="lincah"] .track-status-icon:not(.has-asset){border-radius:10px;box-shadow:none}
html[data-tema="lincah"] .track-status-head strong{color:var(--lc-navy)}
html[data-tema="lincah"] .track-buyer{border-color:var(--line);border-radius:10px;background:#f7f8fb}
html[data-tema="lincah"] .track-avatar{border-radius:10px;background:var(--lc-navy);box-shadow:none}
html[data-tema="lincah"] .track-detail-grid{border-radius:10px}
html[data-tema="lincah"] .track-ticket{background:var(--lc-soft);color:var(--lc-navy)}
html[data-tema="lincah"] .track-ticket span{color:var(--muted)}
html[data-tema="lincah"] .track-ticket b{color:var(--lc-navy)}
html[data-tema="lincah"] .track-ticket button{border:0;border-radius:10px;background:var(--lc-navy);color:#fff}
html[data-tema="lincah"] .track-nota-link{border-color:var(--lc-navy);border-radius:10px;color:var(--lc-navy)}
html[data-tema="lincah"] :is(.refund-box,.track-security,.track-error){margin:0 -14px 8px;padding:14px;border:0;border-radius:0}
html[data-tema="lincah"] .refund-box{background:#fff}
html[data-tema="lincah"] .refund-opt button{border-radius:10px}
html[data-tema="lincah"] .nota-btn{border-radius:10px;background:var(--lc-navy)}
html[data-tema="lincah"] .nota-btn-sekunder{background:#fff;color:var(--lc-navy);border-color:#cfd3dc}

/* ── Akun & saldo: pita navy datar ── */
html[data-tema="lincah"] .player-pass{padding:18px 14px 16px;background:radial-gradient(110% 120% at 100% 0%,rgba(229,56,59,.28),transparent 55%),linear-gradient(135deg,var(--brand-text,var(--brand)),color-mix(in srgb,var(--brand-text,var(--brand)) 78%,#fff))}
html[data-tema="lincah"] .player-pass::before,html[data-tema="lincah"] .player-pass::after{display:none}
html[data-tema="lincah"] .player-avatar{border-radius:12px}
/* Avatar inisial bawaan memakai biru #4269d8 — satu-satunya biru yang bukan
   navy tema, dan duduk persis di atas pita navy. Jadi ubin putih berinisial. */
html[data-tema="lincah"] .player-avatar.avatar-initials{border-color:transparent;background:#fff;color:var(--lc-navy)}
html[data-tema="lincah"] .tier-chip{border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.12);color:#fff}
html[data-tema="lincah"] .tier-track span{background:linear-gradient(90deg,#ff8a8c,var(--lc-red))}
html[data-tema="lincah"] .wallet-pass-mark{border-color:transparent;border-radius:12px;background:#fff;color:var(--lc-navy)}
html[data-tema="lincah"] .wallet-pass-btn{border-radius:10px}
html[data-tema="lincah"] .wallet-pass-btn.primary{background:var(--lc-red);color:#fff}
html[data-tema="lincah"] .wallet-pass-btn.primary b{background:rgba(255,255,255,.22)}
html[data-tema="lincah"] .checkin-card{padding:14px}
html[data-tema="lincah"] .checkin-mark{border-radius:10px}
html[data-tema="lincah"] .checkin-card button{border-radius:10px;background:var(--lc-red)}
html[data-tema="lincah"] .checkin-days li{border-radius:10px}
html[data-tema="lincah"] .checkin-days li.today{border-color:var(--lc-navy);box-shadow:inset 0 0 0 1px var(--lc-navy)}
html[data-tema="lincah"] .checkin-days li.today:not(.done)>b{background:var(--lc-navy)}
html[data-tema="lincah"] .account-rank{padding:12px 14px}
html[data-tema="lincah"] .account-spender-card{padding:16px 14px}
/* Kartu top spender datar putih: gradasi bawaan ke --t-accent-soft menyisakan
   semburat biru muda di sudut bawah, satu-satunya panel tak rata di sini. */
html[data-tema="lincah"] .spender-card{background:#fff;border-color:var(--line)}
html[data-tema="lincah"] .spender-card::after{display:none}
html[data-tema="lincah"] .spender-list li>b{color:var(--lc-navy)}
html[data-tema="lincah"] .spender-head h2{color:var(--lc-navy)}
html[data-tema="lincah"] .section-kicker{color:var(--lc-red)}
html[data-tema="lincah"] .player-pass .section-kicker{color:#ffa3a5}
html[data-tema="lincah"] .spender-trophy{border-radius:10px}
html[data-tema="lincah"] .spender-periods{border-radius:999px;background:#f3f4f7}
html[data-tema="lincah"] .spender-periods button{border-radius:999px}
html[data-tema="lincah"] .spender-periods button[aria-selected="true"]{background:var(--lc-navy);color:#fff;box-shadow:none}
/* Bagian datar: latar gradasi + pita aksen 5px di tepi kiri ikut dibuang. */
html[data-tema="lincah"] .wallet-topup-card{padding:16px 14px;background:#fff}
html[data-tema="lincah"] .wallet-topup-card::before{display:none}
html[data-tema="lincah"] .wallet-topup-mark{border-radius:10px;background:var(--lc-navy);box-shadow:none}
html[data-tema="lincah"] .wallet-topup-head h4{color:var(--lc-navy)}
html[data-tema="lincah"] .wallet-topup-head>strong{background:var(--lc-soft);color:var(--lc-navy)}
html[data-tema="lincah"] .wallet-topup-steps span{background:#eceef4;color:var(--muted)}
html[data-tema="lincah"] .wallet-topup-steps li:not(:last-child)::after{background:var(--line)}
html[data-tema="lincah"] .wallet-topup-steps .active span{background:var(--lc-navy);color:#fff}
html[data-tema="lincah"] .wallet-topup-steps .active{color:var(--lc-navy)}
html[data-tema="lincah"] .wallet-topup-presets button{border-color:#cfd3dc;border-radius:999px;color:#3a3d4c;font-weight:700}
html[data-tema="lincah"] .wallet-topup-presets button[aria-pressed="true"]{border-color:var(--lc-navy);background:var(--lc-navy);color:#fff;box-shadow:none}
html[data-tema="lincah"] .wallet-topup-input{border-color:#d9dce5;border-radius:10px}
html[data-tema="lincah"] .wallet-topup-methods button{border-radius:10px}
html[data-tema="lincah"] .wallet-topup-submit{padding:12px 14px;border-radius:10px;background:var(--lc-red);font-size:13px;box-shadow:none}
html[data-tema="lincah"] .wallet-topup-submit:disabled{background:#e9eaef;color:#62667a}

/* ── Bawah beranda ── */
html[data-tema="lincah"] .seo-jelajah{padding:13px 14px;background:#fff}
html[data-tema="lincah"] .seo-jelajah a{color:var(--lc-navy);font-weight:700}
html[data-tema="lincah"] .seo-article-head{padding:16px 14px;background:#fff}
html[data-tema="lincah"] .seo-article-head::after{display:none}
html[data-tema="lincah"] .seo-eyebrow{margin-bottom:8px;color:var(--lc-red);letter-spacing:.08em}
html[data-tema="lincah"] .seo-eyebrow span{background:var(--lc-red)}
html[data-tema="lincah"] .seo-artikel h2{font-size:18px;font-weight:800;letter-spacing:-.01em;line-height:1.3;color:var(--lc-navy)}
html[data-tema="lincah"] .seo-toggle{margin-top:10px;padding:0;border-radius:0;background:none;box-shadow:none;color:var(--lc-red);font-size:13px;font-weight:700}
html[data-tema="lincah"] .seo-article-lead{padding:0 14px 16px;border-bottom:0}
html[data-tema="lincah"] .seo-route{border-color:var(--line);border-radius:10px;box-shadow:none}
html[data-tema="lincah"] .seo-article-body{gap:8px;padding:8px 0 0;background:var(--bg)}
html[data-tema="lincah"] .seo-artikel .seo-block{padding:16px 14px;border:0;border-radius:0;box-shadow:none}
html[data-tema="lincah"] .seo-block::before{display:none}
html[data-tema="lincah"] .seo-block-label{color:var(--lc-red)}
html[data-tema="lincah"] .seo-artikel h3{font-size:16px;font-weight:800;color:var(--lc-navy)}
html[data-tema="lincah"] .seo-step-list li::before{border-radius:6px;background:var(--lc-navy);box-shadow:none}
html[data-tema="lincah"] .seo-faq{border-radius:10px}
html[data-tema="lincah"] .seo-return{background:var(--lc-navy)}
html[data-tema="lincah"] footer.foot:empty{display:none}
html[data-tema="lincah"] .ident-foot{margin:0 -14px;padding:16px 14px 18px;border-top:0;background:#fff}
html[data-tema="lincah"] .ident-segel>span{background:var(--lc-soft);box-shadow:none;color:var(--lc-navy)}
html[data-tema="lincah"] .ident-mark{border-radius:10px}
html[data-tema="lincah"] .ident-wordmark{filter:brightness(0) opacity(.86)}
html[data-tema="lincah"] .ident-name{color:var(--lc-navy)}
/* Baris tautan kebijakan: bawaannya abu --t-muted; di sini dinaikkan ke navy
   supaya sebobot cetakan hukum di atasnya, pemisahnya garis abu tipis. */
html[data-tema="lincah"] .ident-kebijakan{margin-top:12px}
html[data-tema="lincah"] .ident-kebijakan li::before{border-left-color:#d5d9e4}
html[data-tema="lincah"] .ident-kebijakan a{color:var(--lc-navy);font-size:12px;font-weight:700}
html[data-tema="lincah"] .ident-kebijakan a:hover{color:var(--lc-red)}
html[data-tema="lincah"] .ident-kebijakan a:focus-visible{outline-color:var(--lc-navy)}

/* ── Overlay ── */
html[data-tema="lincah"] :is(.paycard,.tg-miniapp-install-card){border-radius:16px}
html[data-tema="lincah"] .profile-editor input:focus{border-color:var(--lc-navy);outline-color:color-mix(in srgb,var(--brand) 24%,transparent)}
html[data-tema="lincah"] :is(.bulk-confirm-actions button,.tg-miniapp-install-actions button){border-radius:10px}
html[data-tema="lincah"] :is(.bulk-confirm-yes,.tg-miniapp-install-confirm){border-color:var(--lc-navy);background:var(--lc-navy)}

/* ── Bingkai desktop ── */
@media (min-width:701px){
  html[data-tema="lincah"] body::before{background:var(--bg)}
}
@media (max-width:370px){
  html[data-tema="lincah"] #buy-btn{padding-inline:14px;font-size:13px}
  html[data-tema="lincah"] .user-id-row #check-btn{padding-inline:14px}
}

/* == HALAMAN LUAR: bilah merek blog & kebijakan ===================== */
html[data-tema="lincah"] .b-top{background:#fff;color:var(--lc-navy);border-bottom:1px solid var(--line);box-shadow:none}
html[data-tema="lincah"] .b-brand{color:var(--lc-navy)}
html[data-tema="lincah"] .b-brand img.b-wordmark{filter:brightness(0) saturate(100%) invert(11%) sepia(91%) saturate(2967%) hue-rotate(231deg) brightness(82%) contrast(101%)}
html[data-tema="lincah"] .b-brand img:not(.b-wordmark){border-radius:8px}
html[data-tema="lincah"] .b-back{background:transparent;color:var(--lc-navy)}
html[data-tema="lincah"] .b-back:hover{background:var(--lc-soft)}
html[data-tema="lincah"] .b-back:focus-visible{outline-color:var(--lc-navy)}
/* == /HALAMAN LUAR ================================================== */

/* == POP-UP CEK ID ================================================== */
/* Bingkai navy merek, cincin oranye emas, panel putih, sudut ringkas khas Lincah. */
html[data-tema="lincah"] .paycard.idcek-kartu{--idcek-emas:var(--gold);--idcek-emas-d:var(--gold-d);--idcek-b1:color-mix(in srgb,var(--lc-navy) 82%,#fff);--idcek-b2:var(--lc-navy);--idcek-b3:color-mix(in srgb,var(--lc-navy) 55%,#000);--idcek-pil:#f2f4f8;--idcek-teks:#1b1d29;--idcek-ikon:var(--lc-navy);border-radius:20px}
html[data-tema="lincah"] .idcek-nilai{border-radius:10px}
html[data-tema="lincah"] .idcek-aksi button{border-radius:10px}
html[data-tema="lincah"] .idcek-ubah{color:var(--lc-navy)}
html[data-tema="lincah"] .idcek-benar{background:var(--gold);color:#3b2500;box-shadow:0 3px 0 var(--gold-d)}
/* == /POP-UP CEK ID ================================================= */

/* == SUSUNAN KARTU: MEMANJANG ======================================== */
/* Pilihan domain "memanjang" (kerangka di style.css). Blok gambar jadi lajur
   kiri setinggi kartu. Pita poin merah turun ke bawah nama: lajur gambar 62px
   terlalu sempit, pitanya akan menutup ikon. */
html[data-tema="lincah"][data-kartu="memanjang"] #products .prod{--k-ikon:62px;--k-harga:16.5px;min-height:66px;padding:0 14px 0 0;column-gap:13px}
html[data-tema="lincah"][data-kartu="memanjang"] #products .prod .ic,
html[data-tema="lincah"][data-kartu="memanjang"] #products .prod.prod-image-native .ic{align-self:stretch;height:auto;min-height:66px}
html[data-tema="lincah"][data-kartu="memanjang"] #products .prod .ic img,
html[data-tema="lincah"][data-kartu="memanjang"] #products .prod.prod-image-native .ic img{width:38px;height:38px}
html[data-tema="lincah"][data-kartu="memanjang"] #products .prod .n{font-size:14px;font-weight:700}
html[data-tema="lincah"][data-kartu="memanjang"] #products .prod .prod-points{position:static;margin-top:4px;padding:2px 7px;border-radius:4px}
html[data-tema="lincah"][data-kartu="memanjang"] #products .prod .promo-copy{margin:4px 0 10px}
html[data-tema="lincah"][data-kartu="memanjang"] #products .prod .promo-badge,
html[data-tema="lincah"][data-kartu="memanjang"] #products .prod.active .promo-badge{top:-8px;right:12px}
html[data-tema="lincah"][data-kartu="memanjang"] #products .prod.active::after{top:auto;bottom:6px;right:auto;left:6px}
@media (max-width:360px){
  html[data-tema="lincah"][data-kartu="memanjang"] #products .prod{--k-ikon:52px;--k-harga:15px;column-gap:10px;padding-right:11px}
  html[data-tema="lincah"][data-kartu="memanjang"] #products .prod .ic img,
  html[data-tema="lincah"][data-kartu="memanjang"] #products .prod.prod-image-native .ic img{width:34px;height:34px}
  html[data-tema="lincah"][data-kartu="memanjang"] #products .prod .n{font-size:13px}
}
/* == /SUSUNAN KARTU ================================================== */