/* DIBANGKITKAN oleh tools-gen-dark.py - jangan disunting tangan.
   Lapisan gelap disusun dari CSS terangnya sendiri, jadi tiap permukaan yang
   ada di mode terang PASTI punya padanan gelap. Jalankan ulang skripnya kalau
   CSS terang berubah. Tema hanya menyala lewat [data-theme="dark"] - TIDAK
   mengikuti tema sistem, sesuai permintaan. */

[data-theme="dark"] {
  /* dasar bersama - dihangatkan sedikit supaya sewarna identitas oranye */
  --bg: #0b0b0c;
  --card: #151517;
  --soft: #101011;
  --line: #26262a;
  --ink: #f2f2f3;
  --ink-2: #c9c9cd;
  --ink-3: #a2a2a8;
  --muted: #8c8c93;
  /* oranye dinaikkan sedikit: di atas bidang gelap, oranye merek terasa lebih
     tua daripada di atas putih, jadi butuh sedikit tambahan terang & jenuh. */
  --orange: #ff8a3d;
  --orange-2: #ffa563;
  --orange-text: #ffa060;
  --orange-dark: #ff7524;
  /* --orange-ink dipakai di mode terang untuk teks kecil bermerek DAN
     sebagai isian di bawah teks putih kecil - di sana ia harus lebih GELAP
     daripada oranye merek. Di bidang gelap arahnya terbalik: yang dibutuhkan
     justru oranye yang lebih terang, sama seperti --orange. Tanpa baris ini
     tombolnya jadi merah tua bertulisan hitam - tak terbaca sama sekali. */
  --orange-ink: #ff8a3d;
  --orange-ink-2: #ffa563;
  --orange-soft: #2b1d0f;
  --orange-border: #4d341c;
  /* hijau ikut dihangatkan sedikit supaya tak menonjol sebagai keluarga lain */
  --green: #6fd39a;
  /* bayangan nyaris tak terlihat di bidang gelap; pakai yang lebih pekat
     supaya kedalamannya tetap terbaca. */
  /* Bayangan hitam di atas bidang hitam TAK TERLIHAT. Yang membuat kartu
     terbaca sebagai objek di mode gelap adalah garis tepi & beda terang antar
     tingkat - jadi bayangan dipakai tipis saja, ditambah cincin tepi halus. */
  --shadow: 0 0 0 1px rgba(255, 255, 255, .04);
  --shadow-md: 0 0 0 1px rgba(255, 255, 255, .05), 0 6px 18px rgba(0, 0, 0, .45);
  --shadow-lg: 0 0 0 1px rgba(255, 255, 255, .06), 0 18px 40px rgba(0, 0, 0, .55);
  color-scheme: dark;
}

/* teks gelap di atas aksen oranye - lihat catatan di tools-gen-dark.py */
[data-theme="dark"] .pricing-hero, [data-theme="dark"] .pricing-popular, [data-theme="dark"] .pricing-card:not(.is-current) .pricing-select:hover, [data-theme="dark"] .pricing-card.is-selected:not(.is-current) .pricing-select, [data-theme="dark"] .shop-card.cur, [data-theme="dark"] .shop-ava, [data-theme="dark"] .shop-card.off .shop-toggle:not(:disabled), [data-theme="dark"] .stat-hero, [data-theme="dark"] .pr-tab-check, [data-theme="dark"] .modal-btn-primary, [data-theme="dark"] .step-num, [data-theme="dark"] .empty-cta, [data-theme="dark"] .pr-genbtn, [data-theme="dark"] .gj-utama, [data-theme="dark"] .auth-btn:not(:disabled), [data-theme="dark"] .brand-mark, [data-theme="dark"] .btn-primary, [data-theme="dark"] .float-icon, [data-theme="dark"] .popular-label, [data-theme="dark"] .price-card:not(.current) .price-button:hover, [data-theme="dark"] .price-card.selected:not(.current) .price-button, [data-theme="dark"] .checkout-brand-mark, [data-theme="dark"] .checkout-step.active > span, [data-theme="dark"] .pay-button { color: #17110c; }

[data-theme="dark"] .final-cta .btn-light { color: #bf2f18; background: #fff; }

/* ---------- dari dashboard.css ---------- */
[data-theme="dark"] .pill-muted { background: #1e1d1c; border: 1px solid #393735; }
[data-theme="dark"] .pill-lic { color: #86f4c2; background: #090808; border: 1px solid #315342; }
[data-theme="dark"] .pill-lic-warn { color: #f0ae89; background: #2b2519; border-color: #59492c; }
[data-theme="dark"] .pill-lic.pill-free { color: #d6d0ca; background: #151414; border-color: #393735; }
[data-theme="dark"] .pill-lic.pill-free:hover { background: #221a17; border-color: #6b3a2c; }
[data-theme="dark"] .lic-free-tag { color: #d6d0ca; background: #2c2a28; }
[data-theme="dark"] .lic-free-sisa { color: #a8a29c; }
[data-theme="dark"] .plan-pill:hover { background: #1a2b21; border-color: #315441; }
[data-theme="dark"] .plan-pill:focus-visible { outline: 3px solid rgba(89, 51, 44, .24); }
[data-theme="dark"] .pricing-current { border: 1px solid rgba(57, 55, 53, .28); background: rgba(30, 29, 28, .14); }
[data-theme="dark"] .pricing-current.is-active { background: rgba(30, 29, 28, .2); }
[data-theme="dark"] .pricing-secure { color: #84f6c6; }
[data-theme="dark"] .pricing-card:hover { border-color: #59382c; }
[data-theme="dark"] .pricing-card:focus-visible { outline: 3px solid rgba(89, 51, 44, .22); }
[data-theme="dark"] .pricing-card.is-featured { border-color: #59372c; }
[data-theme="dark"] .pricing-card.is-current { background: linear-gradient(180deg, #1e1d1c 0%, #1e1d1c 38%); }
[data-theme="dark"] .pricing-current-chip { color: #84f6c6; background: #192b21; border: 1px solid #2c593e; }
[data-theme="dark"] .pricing-features .ic { color: #89f0c0; }
[data-theme="dark"] .pricing-select { border: 1px solid #59382c; background: #1e1d1c; }
[data-theme="dark"] .pricing-card.is-current .pricing-select { color: #84f6c6; border-color: #2c593e; background: #192b21; }
[data-theme="dark"] .shops-quota { color: #e9a991; background: #2b2019; border: 1px solid #59382c; }
[data-theme="dark"] .shops-quota.full { color: #f0ae89; background: #2b2519; border-color: #59492c; }
[data-theme="dark"] .shop-card { background: #1e1d1c; }
[data-theme="dark"] .shop-card.on { border-color: #59392c; }
[data-theme="dark"] .shop-card.cur .shop-ava { background: #1e1d1c; }
[data-theme="dark"] .shop-card.cur .shop-del:hover { background: rgba(30, 29, 28, .16); }
[data-theme="dark"] .shop-card.cur .shop-badge-cur { background: rgba(30, 29, 28, .16); border-color: rgba(57, 55, 53, .36); }
[data-theme="dark"] .shop-card.cur .shop-toggle { background: #1e1d1c; border-color: #393735; }
[data-theme="dark"] .shop-card.cur .shop-toggle:hover { color: #e89a92; background: #2b2019; }
[data-theme="dark"] .shop-ava.has-logo { background: #1e1d1c; border: 1px solid #523c33; }
[data-theme="dark"] .shop-card.off .shop-ava { background: #393735; }
[data-theme="dark"] .shop-card.off .shop-ava.has-logo { background: #1e1d1c; }
[data-theme="dark"] .shop-del:hover { color: #ec978e; background: #1e1d1c; }
[data-theme="dark"] .shop-badge-cur { background: #2b1f19; border: 1px solid #59392c; }
[data-theme="dark"] .shop-state.on { color: #84f6c6; }
[data-theme="dark"] .shop-toggle { background: #1e1d1c; }
[data-theme="dark"] .acct.open .acct-btn { border-color: #59332c; }
[data-theme="dark"] .acct.open .acct-chev { color: #f29987; }
[data-theme="dark"] .acct-plan { color: #8deccd; background: #1b2a22; }
[data-theme="dark"] .acct-privacy:hover { background: #1e1d1c; }
[data-theme="dark"] .acct-delete { background: #1e1d1c; }
[data-theme="dark"] .acct-delete:hover { color: #e89a92; border-color: #59322c; background: #1e1d1c; }
[data-theme="dark"] .acct-ganti:hover { border-color: #59382c; background: #1e1d1c; }
[data-theme="dark"] .acct-logout { color: #ec978e; background: #1e1d1c; border: 1px solid #59312c; }
[data-theme="dark"] .acct-logout:hover { background: #2b1b19; }
[data-theme="dark"] .hero { border: 1px solid #58392c; background: #1e1d1c; }
[data-theme="dark"] .hero:focus-visible { outline: 3px solid rgba(89, 51, 44, .28); }
[data-theme="dark"] .cmp-side.cmp-win { border-color: #59392c; }
[data-theme="dark"] .cmp-warn { background: #2b2319; border: 1px solid #59442c; color: #efa48b; }
[data-theme="dark"] .cmp-warn b { color: #eca68e; }
[data-theme="dark"] .cmp2-shop.cmp2-win { border-color: #59392c; }
[data-theme="dark"] .cmp2-warn { background: #2b2319; border: 1px solid #59442c; color: #efa48b; }
[data-theme="dark"] .cmp2-warn b { color: #eca68e; }
[data-theme="dark"] .ui-sel-btn:hover { border-color: #59382c; }
[data-theme="dark"] .ui-sel.open .ui-sel-btn { border-color: #59332c; }
[data-theme="dark"] .ui-sel.open .ui-sel-btn .ic { color: #f29987; }
[data-theme="dark"] .ui-sel-opt:hover { background: #2b1f19; color: #f29987; }
[data-theme="dark"] .ui-sel-opt.sel { background: #2b1f19; color: #f29987; }
[data-theme="dark"] .btn-del-kw:hover { background: #2b1c19; border-color: #59322c; color: #ec978e; }
[data-theme="dark"] .cell-age { color: #d0baaa; }
[data-theme="dark"] .pr-rm:hover { background: #2b1c19; }
[data-theme="dark"] .pr-act-del:hover { background: #2b1c19; border-color: #59322c; color: #ec978e; }
[data-theme="dark"] .toast-sukses .toast-ikon .ic, [data-theme="dark"] .toast-gagal .toast-ikon .ic { color: #0b0b0c; }
[data-theme="dark"] .modal-btn.is-copied { background: #090808; color: #8feac0; }
[data-theme="dark"] .modal-btn-ghost:hover { background: #090808; }
[data-theme="dark"] .tbl th { background: #1e1d1c; }
[data-theme="dark"] .mini-btn:hover { background: #2b1f19; }
[data-theme="dark"] .banding-hint { border: 1px solid #59392c; }
[data-theme="dark"] .pr-exportbtn.is-saved { color: #8feac0; background: #090808; }
[data-theme="dark"] .pr-aibtn #pr-ai-label.is-copied { color: #8feac0; }
[data-theme="dark"] .gj-warn { color: #ec978e; }
[data-theme="dark"] .gj-ok { color: #89f0c0; }
[data-theme="dark"] .gj-ai-btn span.is-copied { color: #8feac0; }
[data-theme="dark"] .auth-gate::before { background: radial-gradient(circle, rgba(30, 29, 28, 0.24), rgba(30, 29, 28, 0) 62%); }
[data-theme="dark"] .auth-gate::after { background: radial-gradient(circle, rgba(55, 44, 29, 0.32), rgba(30, 29, 28, 0) 65%); }
[data-theme="dark"] .auth-card { background: #1e1d1c; }
[data-theme="dark"] .auth-logo::after { border: 1px solid rgba(89, 51, 44, 0.16); }
[data-theme="dark"] .auth-terms { background: #1e1d1c; }
[data-theme="dark"] .auth-terms:hover { border-color: #393735; }
[data-theme="dark"] .auth-consent > span { border: 1.5px solid #393735; background: #1e1d1c; }
[data-theme="dark"] .auth-consent input:focus-visible + span { outline: 3px solid rgba(89, 51, 44, 0.22); }
[data-theme="dark"] .auth-btn::after { background: linear-gradient(100deg, transparent, rgba(30, 29, 28, 0.34), transparent); }
[data-theme="dark"] .auth-btn:focus-visible { outline: 3px solid rgba(89, 51, 44, 0.35); }
[data-theme="dark"] .auth-g { background: #1e1d1c; }
[data-theme="dark"] .auth-spin { border: 2.5px solid rgba(57, 55, 53, 0.45); border-top-color: #393735; }
[data-theme="dark"] .auth-btn:disabled { background: linear-gradient(135deg, #37231d, #37261d); }
[data-theme="dark"] .auth-trust .ic { color: #89f0c0; }
[data-theme="dark"] .auth-splash-logo { background: rgba(30, 29, 28, 0.16); }
[data-theme="dark"] .auth-splash .auth-spinner { border: 3px solid rgba(57, 55, 53, 0.35); border-top-color: #393735; }
[data-theme="dark"] .auth-err { background: #1e1d1c; border: 1px solid #592e2c; color: #ed938d; }
[data-theme="dark"] .auth-err-det summary { color: #ed938d; }
[data-theme="dark"] .auth-bubbles span { background: radial-gradient(circle at 32% 26%,
    rgba(30, 29, 28, 0.40), rgba(30, 29, 28, 0.13) 42%,
    rgba(30, 29, 28, 0.05) 68%, rgba(30, 29, 28, 0) 79%); border: 1px solid rgba(57, 55, 53, 0.18); }
[data-theme="dark"] .user-plan { color: #84f6c6; }
[data-theme="dark"] .user-out:hover { color: #ec978e; background: #1e1d1c; }
[data-theme="dark"] .shops-sync.ok { color: #86f4c2; background: #090808; border-color: #315342; }
[data-theme="dark"] .shops-sync.bad { color: #ed938d; background: #1e1d1c; border-color: #592f2c; }
[data-theme="dark"] .shops-sync.muted { background: #1e1d1c; border-color: #393735; }
[data-theme="dark"] .lic-notice { background: #2b2719; border: 1px solid #594d2c; color: #f1a988; }
[data-theme="dark"] .lic-notice b { color: #efa88b; }
[data-theme="dark"] .lic-notice-cta { color: #ffb08f; }
[data-theme="dark"] .shops-sync.is-action:hover { background: #2b1b19; border-color: #592f2c; }
[data-theme="dark"] .tut-note { border: 1px solid #59392c; }
[data-theme="dark"] .tut-pasang { border-color: #59392c; }
[data-theme="dark"] .ins-pos-murah { background: #090808; color: #8feab1; }
[data-theme="dark"] .ins-pos-premium { background: #27221e; color: #d0baaa; }
[data-theme="dark"] .ins-voice-title-pujian { color: #8feac0; }
[data-theme="dark"] .ins-voice-title-keluhan { color: #ed938d; }
[data-theme="dark"] .ins-points.ins-ok li::marker { color: #92e7be; }
[data-theme="dark"] .ins-points.ins-bad li::marker { color: #eb948e; }
[data-theme="dark"] .ins-prio-tinggi { background: #2b1b19; color: #ed938d; }
[data-theme="dark"] .ins-drop.is-terisi { background: #090808; }
[data-theme="dark"] .ins-drop.is-terisi .ins-drop-ic { color: #8feac0; border-color: #2c593e; }
[data-theme="dark"] .ins-drop.is-terisi .ins-drop-teks span { color: #8feac0; }
[data-theme="dark"] .ins-feed.is-ok { background: #090808; border: 1px solid #2c593e; color: #8feac0; }
[data-theme="dark"] .ins-feed.is-ok b { color: #8beec2; }
[data-theme="dark"] .ins-feed.is-bad { background: #2b1b19; border: 1px solid #592e2c; color: #ed938d; }
[data-theme="dark"] .ai-gagal { color: #ed938d; }
[data-theme="dark"] .ai-gagal b { color: #ed938d; }
[data-theme="dark"] [data-theme="dark"] .pricing-card .pricing-features li.is-kunci { color: #c2bcb7; }
[data-theme="dark"] .durasi-hemat { background: #192b21; }
[data-theme="dark"] .durasi-opsi.is-active .durasi-hemat { background: rgba(30, 29, 28, .2); }
[data-theme="dark"] .pricing-hemat em { background: #192b21; }

/* ---------- dari landing.css ---------- */
[data-theme="dark"] body { background: #090808; }
[data-theme="dark"] .site-header { border-bottom: 1px solid rgba(57, 55, 53, .9); background: rgba(30, 29, 28, .9); }
[data-theme="dark"] .plan-pill { border: 1px solid #2c593e; background: #192b21; }
[data-theme="dark"] .header-dashboard { border: 1px solid #393735; background: #1e1d1c; }
[data-theme="dark"] .header-dashboard:hover { border-color: #59362c; }
[data-theme="dark"] .hero-section { background: radial-gradient(circle at 79% 18%, rgba(43, 31, 25, .8), transparent 27%), linear-gradient(180deg, #1e1d1c 0%, #1e1d1c 82%); }
[data-theme="dark"] .hero-section::before { border: 1px solid rgba(89, 51, 44, .08); }
[data-theme="dark"] .btn-quiet { border-color: #393735; background: #1e1d1c; }
[data-theme="dark"] .btn-quiet:hover { border-color: #59362c; }
[data-theme="dark"] .avatar-stack i { border: 2px solid #393735; }
[data-theme="dark"] .glow-one { background: rgba(43, 30, 25, .6); }
[data-theme="dark"] .glow-two { background: rgba(43, 38, 25, .8); }
[data-theme="dark"] .dashboard-window { background: #1e1d1c; }
[data-theme="dark"] .window-bar { border-bottom: 1px solid #393735; background: #1e1d1c; }
[data-theme="dark"] .window-dots i { background: #787672; }
[data-theme="dark"] .window-dots i:first-child { background: #ffb09a; }
[data-theme="dark"] .window-body { background: #1e1d1c; }
[data-theme="dark"] .mock-plan { background: #192b21; }
[data-theme="dark"] .mock-search { border: 1px solid #523b32; background: #1e1d1c; }
[data-theme="dark"] .mock-metrics > div { border: 1px solid #393735; background: #1e1d1c; }
[data-theme="dark"] .neutral { color: #dcc99e; }
[data-theme="dark"] .mock-chart { border: 1px solid #393735; background: linear-gradient(180deg, rgba(30, 29, 28, .9), #1e1d1c); }
[data-theme="dark"] .mock-chart i { background: linear-gradient(180deg, #ff9a7a, #ee4d2d); }
[data-theme="dark"] .floating-card { border: 1px solid rgba(75, 65, 58, .9); background: rgba(30, 29, 28, .94); }
[data-theme="dark"] .signal-strip { border-top: 1px solid #393735; border-bottom: 1px solid #393735; background: #1e1d1c; }
[data-theme="dark"] .signal-grid > div { border-right: 1px solid #393735; }
[data-theme="dark"] .signal-check { background: #192b21; }
[data-theme="dark"] .feature-card { background: #1e1d1c; }
[data-theme="dark"] .feature-icon.orange { background: #2b1e19; }
[data-theme="dark"] .feature-icon.purple { color: #d0baaa; background: #27221e; }
[data-theme="dark"] .feature-icon.green { color: #84f5c6; background: #192b23; }
[data-theme="dark"] .feature-icon.blue { color: #d0baaa; background: #27221e; }
[data-theme="dark"] .feature-large { background: linear-gradient(160deg, #1e1d1c 60%, #1e1d1c); }
[data-theme="dark"] .feature-mini-table { border-top: 1px solid #393735; }
[data-theme="dark"] .feature-mini-table > div { border: 1px solid #393735; background: #1e1d1c; }
[data-theme="dark"] .mini-bars { border-bottom: 1px solid #393735; }
[data-theme="dark"] .mini-bars i { background: #706289; }
[data-theme="dark"] .mini-bars i:last-child { background: #8a5bd4; }
[data-theme="dark"] .store-score { border-top: 1px solid #393735; }
[data-theme="dark"] .store-score i { background: #393735; }
[data-theme="dark"] .feature-wide { background: #1e1d1c; }
[data-theme="dark"] .step-item { border-bottom: 1px solid #393735; }
[data-theme="dark"] .pricing-section { background: #1e1d1c; }
[data-theme="dark"] .current-plan { border: 1px solid #2d573f; background: #090808; }
[data-theme="dark"] .price-card { border: 1px solid #393735; background: #1e1d1c; }
[data-theme="dark"] .price-card:hover { border-color: #59362c; }
[data-theme="dark"] .price-card.featured { border-color: #59362c; }
[data-theme="dark"] .price-card.current { background: linear-gradient(180deg, #1e1d1c, #1e1d1c 42%); }
[data-theme="dark"] .active-label { border: 1px solid #2c593e; background: #192b21; }
[data-theme="dark"] .price-quota { background: #1e1d1c; }
[data-theme="dark"] .price-button { border: 1px solid #59362c; background: #1e1d1c; }
[data-theme="dark"] .price-card.current .price-button { border-color: #2c593e; background: #192b21; }
[data-theme="dark"] .faq-list { border-top: 1px solid #393735; }
[data-theme="dark"] .faq-list details { border-bottom: 1px solid #393735; }
[data-theme="dark"] .btn-light { background: #1e1d1c; }
[data-theme="dark"] .site-footer { border-top: 1px solid #393735; background: #1e1d1c; }
@media (max-width: 800px) {
  [data-theme="dark"] .main-nav { background: #1e1d1c; }
  [data-theme="dark"] .signal-grid > div:last-child { border-top: 1px solid #393735; }
}
@media (max-width: 520px) {
  [data-theme="dark"] .signal-grid > div, [data-theme="dark"] .signal-grid > div:nth-child(2), [data-theme="dark"] .signal-grid > div:nth-child(3) { border-bottom: 1px solid #393735; }
}
[data-theme="dark"] body { background: #090808; }
[data-theme="dark"] .site-header { background: rgba(30, 29, 28, .96); }
[data-theme="dark"] .hero-section { background: #090808; }
[data-theme="dark"] .hero-proof { border-top: 1px solid #4b423a; }
[data-theme="dark"] .dashboard-window { border-color: #393735; }
[data-theme="dark"] .window-bar { background: #1e1d1c; }
[data-theme="dark"] .window-body { background: #090808; }
[data-theme="dark"] .mock-search { border-color: #4b413a; }
[data-theme="dark"] .mock-chart { border-color: #393735; background: #1e1d1c; }
[data-theme="dark"] .signal-strip { background: #090808; }
[data-theme="dark"] .feature-large { background: #1e1d1c; }
[data-theme="dark"] .pricing-section { background: #090808; }
[data-theme="dark"] .final-cta { background: #29221c; }
[data-theme="dark"] .site-footer { background: #1e1d1c; }
[data-theme="dark"] .footer-inner > a:last-child { border: 1px solid #4f4036; background: rgba(30, 29, 28, .96); }
[data-theme="dark"] .footer-inner > a:last-child:hover { background: #1e1d1c; }
[data-theme="dark"] .pricing-caption { color: #c2bcb7; }
[data-theme="dark"] .feature-card { border-color: #393735; }
[data-theme="dark"] .feature-card:hover { border-color: #59392c; }
[data-theme="dark"] .step-item { border: 1px solid #393735; background: #1e1d1c; }
[data-theme="dark"] .step-item:last-child { border-bottom: 1px solid #393735; }
[data-theme="dark"] .step-item:hover { border-color: #59392c; }
[data-theme="dark"] .step-number { background: #2b1e19; }
[data-theme="dark"] .final-cta .btn-light { background: #1e1d1c; }
[data-theme="dark"] .final-cta .btn-light:hover { background: #1e1d1c; }
[data-theme="dark"] .final-cta a:focus-visible { outline-color: #393735; }
[data-theme="dark"] .price-card ul { border-top: 1px solid var(--line, #393735); }
[data-theme="dark"] .price-card li .dot-kunci { border: 1.5px solid #393735; }
[data-theme="dark"] [data-theme="dark"] .price-card li.kunci { color: #c2bcb7; }
[data-theme="dark"] .durasi-bar { border: 1px solid #393735; background: #1e1d1c; }
[data-theme="dark"] .durasi-hemat { background: #192b21; }
[data-theme="dark"] .durasi-opsi.is-active .durasi-hemat { background: rgba(30, 29, 28, .2); }
[data-theme="dark"] .price-hemat em { background: #192b21; }
[data-theme="dark"] .price-coret, [data-theme="dark"] .pricing-coret, [data-theme="dark"] #order-coret { color: #9a938d; }

/* ---------- dari checkout.css ---------- */
[data-theme="dark"] body { background: #090808; }
[data-theme="dark"] .checkout-header { border-bottom: 1px solid rgba(57, 55, 53, .9); background: rgba(30, 29, 28, .92); }
[data-theme="dark"] .checkout-step > span { border: 1px solid #393735; background: #1e1d1c; }
[data-theme="dark"] .checkout-step.done > span { border-color: #305441; }
[data-theme="dark"] .checkout-steps > i { background: #393735; }
[data-theme="dark"] .secure-note span { background: #192b22; }
[data-theme="dark"] .checkout-panel { background: #1e1d1c; }
[data-theme="dark"] .form-number { background: #2b1e19; }
[data-theme="dark"] .field input { border: 1px solid #393735; background: #1e1d1c; }
[data-theme="dark"] .field input:focus { border-color: #59352c; }
[data-theme="dark"] .field input:invalid:not(:placeholder-shown) { border-color: #59332c; }
[data-theme="dark"] .form-divider { background: #393735; }
[data-theme="dark"] .method-arrow { color: #c2bcb7; }
[data-theme="dark"] .agree-check > span { border: 1px solid #393735; background: #1e1d1c; }
[data-theme="dark"] .agree-check input:focus-visible + span { outline: 3px solid rgba(89, 51, 44, .16); }
[data-theme="dark"] .order-summary { border: 1px solid #393735; background: #1e1d1c; }
[data-theme="dark"] .summary-check { background: #192b21; }
[data-theme="dark"] .summary-plan-badge { background: #2b1e19; }
[data-theme="dark"] .switch-row { border-color: #393735; background: #151414; }
[data-theme="dark"] .switch-row button { color: #c2bcb7; }
[data-theme="dark"] .switch-row button[aria-checked="true"] { color: #ffb08f; background: #2c2a28; box-shadow: 0 1px 4px rgba(0, 0, 0, .4); }
[data-theme="dark"] .switch-row button small { color: #8feab1; }
[data-theme="dark"] .summary-rule { background: #393735; }
[data-theme="dark"] .summary-note { color: #d9c5a0; background: #2b2619; }
[data-theme="dark"] .summary-note > span { color: #efcb8a; }
[data-theme="dark"] .checkout-footer { border-top: 1px solid #393735; background: #1e1d1c; }
[data-theme="dark"] .payment-method { border-color: #393735; background: #1e1d1c; }
[data-theme="dark"] .payment-method:hover { border-color: #59352c; background: #1e1d1c; }
[data-theme="dark"] .payment-method.selected { background: #1e1d1c; }
[data-theme="dark"] .radio-dot { border-color: #393735; }
[data-theme="dark"] .method-arrow { color: #c2bcb7; }
[data-theme="dark"] .form-disclaimer { color: #c2bcb7; }
[data-theme="dark"] .form-disclaimer b { color: #c2bcb7; }
[data-theme="dark"] a:focus-visible, [data-theme="dark"] button:focus-visible, [data-theme="dark"] input:focus-visible, [data-theme="dark"] .payment-method:has(input:focus-visible) { outline: 3px solid rgba(89, 51, 44, .22); }
[data-theme="dark"] .gateway-notice { border: 1px solid #59492c; color: #ddc79d; background: #2b2619; }
[data-theme="dark"] .gateway-notice .notice-actions a, [data-theme="dark"] .email-lain { color: #ed9a8d; }
[data-theme="dark"] .gateway-notice.is-ok { border-color: #2c5940; color: #9fe3bc; background: #16241c; }
[data-theme="dark"] .gateway-notice.is-info { border-color: #393735; color: #d6d0ca; background: #1e1d1c; }
[data-theme="dark"] .result-link, [data-theme="dark"] .riwayat-cek { color: #ffb08f; }
[data-theme="dark"] .riwayat-tunda { border-color: #59372c; background: #241915; }
[data-theme="dark"] .riwayat-tunda-isi strong, [data-theme="dark"] .riwayat-kiri b, [data-theme="dark"] .riwayat-kanan strong { color: #f3f2f1; }
[data-theme="dark"] .riwayat-aksi button.is-tenang { color: #ffb08f; background: #1e1d1c; border-color: #59372c; }
[data-theme="dark"] .riwayat-daftar { border-color: #393735; background: #1e1d1c; }
[data-theme="dark"] .riwayat-daftar summary { color: #d6d0ca; }
[data-theme="dark"] .riwayat-daftar li { border-top-color: #2c2a28; }
[data-theme="dark"] .riwayat-status.is-ok { color: #9fe3bc; background: #16241c; }
[data-theme="dark"] .riwayat-status.is-tunggu { color: #f3cf85; background: #2b2619; }
[data-theme="dark"] .riwayat-status.is-mati { color: #b3ada7; background: #2c2a28; }
[data-theme="dark"] .riwayat-kosong { border: 1px dashed #393735; }
[data-theme="dark"] .voucher-row input { color: #f3f2f1; background: #151414; border: 1px solid #393735; }
[data-theme="dark"] .voucher-row input:read-only { color: #9fe3bc; background: #16241c; border-color: #2c5940; }
[data-theme="dark"] .voucher-row button { color: #ffb08f; background: #1e1d1c; border: 1px solid #393735; }
[data-theme="dark"] .voucher-row button:hover { background: #241915; border-color: #59372c; }
[data-theme="dark"] .voucher-info.is-ok { color: #9fe3bc; }
[data-theme="dark"] .voucher-info.is-salah { color: #ff9c91; }
[data-theme="dark"] .metode-gratis { border: 1px solid #2c5940; color: #9fe3bc; background: #16241c; }
[data-theme="dark"] .secure-note.pending { color: #eecc8b; }
[data-theme="dark"] .secure-note.pending span { color: #eecc8b; background: #2b2619; }
[data-theme="dark"] .pay-button:disabled { color: #c2bcb7; background: #393735; }
[data-theme="dark"] .pay-button:disabled:hover { background: #393735; }
[data-theme="dark"] .method-logo { background: #1e1d1c; }
[data-theme="dark"] .method-logo.qris { color: #f3f2f1; }
[data-theme="dark"] .method-logo.gopay { color: #d0baaa; }
[data-theme="dark"] .method-logo.shopeepay { color: #f29987; }
[data-theme="dark"] .method-logo.linkaja { color: #f08a8d; }
[data-theme="dark"] .method-logo.ovo { color: #d0baaa; }
[data-theme="dark"] .method-logo.dana { color: #d0baaa; }
[data-theme="dark"] .btn-theme { background: var(--card, #1e1d1c); }
[data-theme="dark"] .method-logo.va { color: #d0baaa; }
[data-theme="dark"] .method-logo.has-img { border-color: #393735; background: #fff; }

/* ---------- dari privacy.css ---------- */
[data-theme="dark"] body { background: #090808; }
[data-theme="dark"] .privacy-header { background: rgba(30, 29, 28, .94); }
[data-theme="dark"] .privacy-summary { border: 1px solid #59362c; }
[data-theme="dark"] code { color: #e99c91; background: #2b1e19; }
[data-theme="dark"] .privacy-actions a { background: #1e1d1c; }
[data-theme="dark"] footer { background: #1e1d1c; }

/* ---------- dari popup.css ---------- */
[data-theme="dark"] body { color: #f3f2f1; background: #090808; }
[data-theme="dark"] .sub { color: #c6bbb3; }
[data-theme="dark"] .muted { color: #c5bcb4; }
[data-theme="dark"] .account { background: #1e1d1c; color: #c8bbb1; }
[data-theme="dark"] .acct-dot.is-idle { background: #393735; }
[data-theme="dark"] .acct-plan { background: #090808; color: #c5bcb4; }
[data-theme="dark"] .acct-plan.is-warn { background: #2b2619; color: #f6ad83; }
[data-theme="dark"] .gate { border: 1px solid #593d2c; background: #1e1d1c; }
[data-theme="dark"] .gate-ic { background: #2b1f19; color: #f29987; }
[data-theme="dark"] .gate b { color: #f3f2f1; }
[data-theme="dark"] .gate-text { color: #c5bcb4; }
[data-theme="dark"] .gate.is-warn { border-color: #59472c; background: #1e1d1c; }
[data-theme="dark"] .gate.is-warn .gate-ic { background: #2b2619; color: #f6ad83; }
[data-theme="dark"] .steps { color: #c5bcb4; }
[data-theme="dark"] .steps b { color: #c8bbb1; }
[data-theme="dark"] .kw { color: #c6bbb3; }
[data-theme="dark"] .kw b { color: #c8bbb1; }
[data-theme="dark"] .stat { background: #1e1d1c; border: 1px solid #593d2c; }
[data-theme="dark"] .stat .label { color: #c6bbb3; }
[data-theme="dark"] .stat .val { color: #f29987; }
[data-theme="dark"] .stat .val.small { color: #f3f2f1; }
[data-theme="dark"] button.ghost { background: #090808; color: #c8bbb1; }
[data-theme="dark"] button.ghost:hover { background: #090808; }
[data-theme="dark"] .note { color: #c6bbb3; }

/* pengecualian - wajib tetap di akhir berkas */
[data-theme="dark"] .final-cta .btn-light,
[data-theme="dark"] .final-cta .btn-light:hover { color: #bf2f18; background: #fff; }

/* latar keadaan tombol - wajib sesudah aturan latar dasarnya */
[data-theme="dark"] .price-card:not(.current) .price-button:hover,
[data-theme="dark"] .price-card.selected:not(.current) .price-button { background: var(--orange-dark); border-color: var(--orange-dark); }
[data-theme="dark"] .pricing-select:hover,
[data-theme="dark"] .pricing-card.is-selected .pricing-select { background: var(--orange-ink); border-color: var(--orange-ink); }

/* kartu paket aktif - permukaan terangkat + garis sewarna lencananya */
[data-theme="dark"] .price-card.current { background: linear-gradient(180deg, #27352d, #222c27 42%); border-color: #3d7a56; }
[data-theme="dark"] .price-card.current .price-button { background: #243a2d; border-color: #3d7a56; color: var(--green); }

/* kartu paket aktif dashboard - permukaan terangkat + tombol hijau */
[data-theme="dark"] .pricing-card.is-current { background: linear-gradient(180deg, #27352d, #222c27 38%); border-color: #3d7a56; }
[data-theme="dark"] .pricing-card.is-current .pricing-select { background: #243a2d; border-color: #3d7a56; color: var(--green); }

/* lingkaran langkah checkout - isian & tinta ditegaskan bersama */
[data-theme="dark"] .checkout-step.done > span { background: var(--green); border-color: var(--green); color: #0c1710; }
[data-theme="dark"] .checkout-step.active > span { background: var(--orange-ink); border-color: var(--orange-ink); color: #17110c; }

/* tombol utama privasi - wajib sesudah aturan tautan umumnya */
[data-theme="dark"] .privacy-actions .primary { background: var(--orange-ink); border-color: var(--orange-ink); color: #17110c; }

/* tombol salin sesudah berhasil - harus terisi, bukan berlubang */
[data-theme="dark"] .modal-btn.is-copied { background: #1d3328; border-color: #3d7a56; color: #8feac0; }

/* lingkaran ikon dan garis waktu toast - penanda berhasil/gagal sebelum teks dibaca */
[data-theme="dark"] .toast-sukses .toast-ikon, [data-theme="dark"] .toast-sukses .toast-waktu { background: #8feac0; }
[data-theme="dark"] .toast-gagal .toast-ikon, [data-theme="dark"] .toast-gagal .toast-waktu { background: #ed938d; }

/* tirai modal mode gelap - lebih pekat & netral, bukan navy */
[data-theme="dark"] .modal-overlay { background: rgba(6, 5, 4, 0.74); }

/* ---------- layar menunggu & lunas (checkout.css, 2026-09-16) ---------- */
[data-theme="dark"] .tunggu-status { border-color: #59492c; color: #efcb8a; background: #2b2619; }
[data-theme="dark"] .tunggu-status.is-ok { border-color: #2c5940; color: #9fe3bc; background: #16241c; }
[data-theme="dark"] .tunggu-status.is-gagal { border-color: #5c3128; color: #f1a797; background: #2a1814; }
[data-theme="dark"] .tunggu-pantau.is-info { color: #d6d0ca; }
[data-theme="dark"] .tunggu-pantau.is-warn { color: #f1a797; }
[data-theme="dark"] .tagihan { border-color: #393735; background: #1e1d1c; }
[data-theme="dark"] .tagihan-total { border-bottom-color: #393735; background: #171615; }
[data-theme="dark"] .tagihan-total strong { color: #ff9c7a; }
[data-theme="dark"] .tagihan-rinci > div { border-bottom-color: #2c2a28; }
[data-theme="dark"] .tagihan-rinci dd { color: #f3f2f1; }
[data-theme="dark"] .tagihan-rinci code { color: #f3f2f1; background: none; }
[data-theme="dark"] .tagihan-salin { border-color: #59372c; color: #ffb08f; background: #1e1d1c; }
[data-theme="dark"] .tagihan-salin:hover { border-color: #7a4636; background: #241915; }
[data-theme="dark"] .tagihan-salin.is-ok { border-color: #2c5940; color: #9fe3bc; background: #16241c; }
[data-theme="dark"] .tunggu-langkah li { border-color: #393735; color: #a39d97; background: #1e1d1c; }
[data-theme="dark"] .tunggu-langkah li > span { color: #c2bcb7; background: #2c2a28; }
[data-theme="dark"] .tunggu-langkah li.selesai { color: #d6d0ca; }
[data-theme="dark"] .tunggu-langkah li.selesai > span { color: #0c1710; background: #6fd49d; }
[data-theme="dark"] .tunggu-langkah li.sekarang { border-color: #59372c; color: #f3f2f1; background: #241915; }
[data-theme="dark"] .tunggu-langkah li.sekarang > span { color: #17110c; background: #ff9c7a; }
[data-theme="dark"] .tunggu-langkah li.gagal { border-color: #393735; color: #f1a797; background: #171615; text-decoration-color: rgba(241, 167, 151, .45); }
[data-theme="dark"] .tunggu-langkah li.gagal > span { color: #17110c; background: #f1a797; }
[data-theme="dark"] .tunggu-bawah a.result-link { color: #a39d97; }
[data-theme="dark"] .tunggu-bawah a.result-link:hover { color: #d6d0ca; }
[data-theme="dark"] .tombol-kedua { border-color: #59372c; color: #f3f2f1; background: #1e1d1c; }
[data-theme="dark"] .tombol-kedua:hover { border-color: #7a4636; background: #241915; }
[data-theme="dark"] .lunas-tanda { color: #0c1710; background: #6fd49d; box-shadow: none; }

/* ---------- batalkan tagihan & invoice riwayat (checkout.css, 2026-09-16) ---------- */
[data-theme="dark"] .result-link.is-bahaya { color: #f1a797; text-decoration-color: rgba(241, 167, 151, .4); }
[data-theme="dark"] .tunggu-konfirmasi { border-color: #5c3128; background: #2a1814; }
[data-theme="dark"] .tunggu-konfirmasi p { color: #d6d0ca; }
[data-theme="dark"] .tunggu-konfirmasi p strong, [data-theme="dark"] .tunggu-konfirmasi .konfirmasi-galat { color: #f1a797; }
[data-theme="dark"] .tombol-bahaya { color: #1a0d0a; background: #f1a797; }
[data-theme="dark"] .tombol-bahaya:hover { background: #f6bdb0; }
[data-theme="dark"] .riwayat-baris:hover { background: #262422; }
[data-theme="dark"] .riwayat-panah { color: #ffb08f; }
[data-theme="dark"] .invoice-latar { background: rgba(0, 0, 0, .62); }
[data-theme="dark"] .invoice { background: #1e1d1c; box-shadow: 0 24px 60px rgba(0, 0, 0, .5); }
[data-theme="dark"] .invoice h2, [data-theme="dark"] .invoice-jumlah dt { color: #f3f2f1; }
[data-theme="dark"] .invoice-eyebrow, [data-theme="dark"] .invoice-catatan { color: #a39d97; }
[data-theme="dark"] .invoice-tutup { border-color: #393735; color: #d6d0ca; background: #171615; }
[data-theme="dark"] .invoice-tutup:hover { border-color: #7a4636; color: #ffb08f; }
[data-theme="dark"] .invoice .tagihan { background: #171615; }
[data-theme="dark"] .invoice .tagihan-total { background: #121110; }
[data-theme="dark"] .invoice-biaya { border-top-color: #393735; }
[data-theme="dark"] .tagihan-rinci > .invoice-jumlah { border-top-color: #6d6761; }
[data-theme="dark"] .tunggu-gantikan { color: #6fd49d; }
[data-theme="dark"] .tunggu-gantikan.is-warn { color: #f1a797; }

/* Ajak Teman. DITULIS TANGAN, seperti sebagian aturan di atas: menjalankan
   tools-gen-dark.py untuk seluruh berkas akan menimpa setelan tangan itu
   (dibuktikan 2026-09-18 - 136 baris hasil setelan hilang). Yang perlu padanan
   gelap di halaman ini hanya tiga warna yang memang ditulis mentah; sisanya
   memakai token, jadi ikut berganti sendiri. */
[data-theme="dark"] .ajak-kabar-galat { border-color: #59342c; }
[data-theme="dark"] .ajak-btn.is-copied { color: #8feac0; background: #090808; }
[data-theme="dark"] .ajak-status-berlangganan { background: #192b21; }

/* ---------- nomor WA tersimpan (checkout.css, 2026-10-19) ---------- */
[data-theme="dark"] .wa-tersimpan { border: 1px solid #384d3e; background: #090808; }
[data-theme="dark"] .wa-tersimpan button { border: 1px solid #393735; background: #1e1d1c; }
[data-theme="dark"] .wa-tersimpan button:hover { border-color: #59352c; }