/* 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-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 .ic { color: #8feac0; }
[data-theme="dark"] .toast-gagal .ic { color: #ed938d; }
[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; }

/* pita aksen toast - satu-satunya penanda berhasil/gagal sebelum teks dibaca */
[data-theme="dark"] .toast-sukses { border-left-color: #8feac0; }
[data-theme="dark"] .toast-gagal { border-left-color: #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; }