/*
 * ================================================================
 *  BIZZTOK LIGHT MODE COLOR FIXES
 *  File: assets/css/light-mode-fixes.css
 *  Versi: 1.0 — April 2026
 *
 *  Perbaikan warna yang hilang/tidak terbaca di light mode.
 *  Tambahkan <link rel="stylesheet" href=".../light-mode-fixes.css">
 *  SETELAH ux-enhancements.css di header.php / functions.php.
 * ================================================================
 */

@media (prefers-color-scheme: light) {

  /* ────────────────────────────────────────────────────────────────
     1. CHIP & GHOST BUTTON
     Dark mode: bg rgba(255,255,255,0.08) + teks putih → OK
     Light mode: bg nyaris transparan + teks putih di atas putih → HILANG
  ──────────────────────────────────────────────────────────────── */
  body:not(.bt-force-dark) .bt-chip {
    background: rgba(0,0,0,0.06);
    border-color: rgba(0,0,0,0.12);
    color: #0d0d1a;
  }
  body:not(.bt-force-dark) .bt-chip:hover {
    background: rgba(0,0,0,0.1);
  }
  body:not(.bt-force-dark) .bt-chip.city {
    background: rgba(55,138,221,0.12);
    border-color: rgba(55,138,221,0.25);
    color: #185FA5;
  }

  body:not(.bt-force-dark) .bt-btn-ghost {
    background: rgba(0,0,0,0.06);
    border-color: rgba(0,0,0,0.15);
    color: #0d0d1a;
  }
  body:not(.bt-force-dark) .bt-btn-ghost:hover {
    background: rgba(0,0,0,0.1);
  }

  /* ────────────────────────────────────────────────────────────────
     2. WIZARD STEPS (Registrasi / Daftar Bisnis)
     .bt-step-pending  : lingkaran step belum aktif
     .bt-step-lbl      : label di bawah lingkaran
     .bt-step-line     : garis penghubung antar step
  ──────────────────────────────────────────────────────────────── */
  body:not(.bt-force-dark) .bt-step-pending {
    background: rgba(0,0,0,0.08);
    color: rgba(0,0,0,0.35);
  }
  body:not(.bt-force-dark) .bt-step-line {
    background: rgba(0,0,0,0.12);
  }
  body:not(.bt-force-dark) .bt-step-lbl {
    color: rgba(0,0,0,0.4);
  }
  body:not(.bt-force-dark) .bt-step-lbl.active {
    color: #0d0d1a;
  }

  /* ────────────────────────────────────────────────────────────────
     3. FORM — Upload Box & Package Card
     Elemen di halaman register/daftar bisnis
  ──────────────────────────────────────────────────────────────── */
  body:not(.bt-force-dark) .bt-upload-box {
    background: rgba(0,0,0,0.03);
    border-color: rgba(0,0,0,0.12);
  }
  body:not(.bt-force-dark) .bt-upload-box:hover {
    background: rgba(0,0,0,0.06);
    border-color: rgba(0,0,0,0.2);
  }
  body:not(.bt-force-dark) .bt-upload-icon {
    background: rgba(0,0,0,0.05);
  }

  body:not(.bt-force-dark) .bt-pkg-card {
    background: rgba(0,0,0,0.03);
    border-color: rgba(0,0,0,0.1);
  }
  body:not(.bt-force-dark) .bt-pkg-card:hover {
    background: rgba(0,0,0,0.06);
  }
  body:not(.bt-force-dark) .bt-pkg-card.selected {
    background: rgba(255,45,85,0.06);
    border-color: var(--bt-primary);
  }
  body:not(.bt-force-dark) .bt-pkg-radio {
    border-color: rgba(0,0,0,0.25);
  }
  body:not(.bt-force-dark) .bt-pkg-name {
    color: #0d0d1a;
  }
  body:not(.bt-force-dark) .bt-pkg-badge.free {
    background: rgba(0,0,0,0.06);
    color: rgba(0,0,0,0.5);
  }

  /* ────────────────────────────────────────────────────────────────
     4. VIDEO LIMIT WIDGET (profil bisnis — owner)
     Kotak notif slot video yang tersisa
  ──────────────────────────────────────────────────────────────── */
  body:not(.bt-force-dark) .bt-video-limit-title {
    color: #0d0d1a;
  }
  body:not(.bt-force-dark) .bt-video-limit-desc {
    color: rgba(0,0,0,0.55);
  }

  /* ────────────────────────────────────────────────────────────────
     5. VIDEO MANAGEMENT (list video di profil bisnis — owner)
  ──────────────────────────────────────────────────────────────── */
  body:not(.bt-force-dark) .bt-video-manage-info {
    background: rgba(0,0,0,0.03);
    border-color: rgba(0,0,0,0.08);
  }
  body:not(.bt-force-dark) .bt-video-manage-title {
    color: #0d0d1a;
  }
  body:not(.bt-force-dark) .bt-video-manage-url {
    color: rgba(0,0,0,0.4);
  }
  body:not(.bt-force-dark) .bt-video-manage-thumb {
    background: rgba(0,0,0,0.06);
  }
  body:not(.bt-force-dark) .bt-video-manage-thumb-fallback {
    color: rgba(0,0,0,0.25);
  }
  body:not(.bt-force-dark) .bt-video-manage-caption {
    color: rgba(0,0,0,0.45);
  }

  /* ────────────────────────────────────────────────────────────────
     6. LANDING PAGE (halaman marketing desktop)
     Background landing sudah ikut --bt-secondary-mid (terang di light mode)
     tapi teks & nav masih hardcoded putih
  ──────────────────────────────────────────────────────────────── */
  body:not(.bt-force-dark) .bt-landing-nav {
    background: rgba(255,255,255,0.95);
    border-bottom-color: rgba(0,0,0,0.08);
  }
  body:not(.bt-force-dark) .bt-landing-logo {
    color: #0d0d1a;
  }
  body:not(.bt-force-dark) .bt-landing-nav-links a:hover {
    color: #0d0d1a;
  }
  body:not(.bt-force-dark) .bt-landing-stat-num {
    color: #0d0d1a;
  }
  body:not(.bt-force-dark) .bt-btn-lg.outline {
    color: #0d0d1a;
    border-color: rgba(0,0,0,0.2);
  }
  body:not(.bt-force-dark) .bt-btn-lg.outline:hover {
    background: rgba(0,0,0,0.05);
  }

  /* ────────────────────────────────────────────────────────────────
     7. NOTIFIKASI
     .bt-notif-text strong : nama pengguna di teks notif
     .bt-notif-item border : garis pemisah antar notif
  ──────────────────────────────────────────────────────────────── */
  body:not(.bt-force-dark) .bt-notif-text strong {
    color: #0d0d1a;
  }
  body:not(.bt-force-dark) .bt-notif-item {
    border-bottom-color: rgba(0,0,0,0.06);
  }
  body:not(.bt-force-dark) .bt-notif-item.unread {
    background: rgba(255,45,85,0.04);
  }

  /* ────────────────────────────────────────────────────────────────
     8. SKELETON LOADER
     Dark mode: gradient putih transparan di atas gelap → shimmer OK
     Light mode: gradient putih di atas putih → tidak terlihat
  ──────────────────────────────────────────────────────────────── */
  body:not(.bt-force-dark) .bt-skeleton {
    background: linear-gradient(
      90deg,
      rgba(0,0,0,0.05) 25%,
      rgba(0,0,0,0.1)  50%,
      rgba(0,0,0,0.05) 75%
    );
    background-size: 200% 100%;
  }

  /* ────────────────────────────────────────────────────────────────
     9. EMPTY STATE
  ──────────────────────────────────────────────────────────────── */
  body:not(.bt-force-dark) .bt-empty-title {
    color: #0d0d1a;
  }
  body:not(.bt-force-dark) .bt-empty-sub {
    color: rgba(0,0,0,0.45);
  }

  /* ────────────────────────────────────────────────────────────────
     10. MISC — elemen kecil yang terlewat
  ──────────────────────────────────────────────────────────────── */
  /* Garis divider & border notif item */
  body:not(.bt-force-dark) .bt-notif-time {
    color: rgba(0,0,0,0.35);
  }

  /* Icon search bar */
  body:not(.bt-force-dark) .bt-search-icon svg,
  body:not(.bt-force-dark) .bt-search-clear svg {
    fill: rgba(0,0,0,0.4);
  }

  /* TOS checkbox centang — tetap putih karena bg-nya var(--bt-primary) */
  /* .bt-tos-check.checked::after : sudah OK, tidak perlu diubah */

  /* bt-btn-lg.primary sudah OK: bg merah + teks putih */

  /* Scrollbar thumb — lebih gelap di light mode */
  body:not(.bt-force-dark) ::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,0.15);
  }

  /* ────────────────────────────────────────────────────────────────
     11. UPGRADE BANNER — elemen dalam card
     Card bg sudah di-override jadi #fff oleh ux-enhancements,
     tapi teks & elemen dalamnya masih hardcoded putih
  ──────────────────────────────────────────────────────────────── */
  body:not(.bt-force-dark) .bt-upgrade-perk {
    color: rgba(0,0,0,0.55);
  }
  body:not(.bt-force-dark) .bt-upgrade-banner-dismiss {
    background: rgba(0,0,0,0.06);
    color: rgba(0,0,0,0.4);
  }
  body:not(.bt-force-dark) .bt-upgrade-banner-dismiss:hover {
    background: rgba(0,0,0,0.1);
    color: rgba(0,0,0,0.7);
  }

  /* ────────────────────────────────────────────────────────────────
     12. VERIFY CARD & CHECK LIST (card verifikasi profil bisnis)
  ──────────────────────────────────────────────────────────────── */
  body:not(.bt-force-dark) .bt-verify-card-title {
    color: #0d0d1a;
  }
  body:not(.bt-force-dark) .bt-verify-card-sub {
    color: rgba(0,0,0,0.45);
  }
  body:not(.bt-force-dark) .bt-verify-card-arrow {
    color: rgba(0,0,0,0.2);
  }

  /* ────────────────────────────────────────────────────────────────
     13. BOTTOM NAV — ikon BizzShop (.bs-nav-icon)
     .bt-nav-item svg sudah di-fix di ux-enhancements,
     tapi .bs-nav-icon (SVG khusus BizzShop) pakai fill hardcoded putih
  ──────────────────────────────────────────────────────────────── */
  body:not(.bt-force-dark) .bt-nav-item .bs-nav-icon {
    fill: rgba(0,0,0,0.35);
  }
  body:not(.bt-force-dark) .bt-nav-item.active .bs-nav-icon {
    fill: var(--bt-primary);
  }

} /* END @media (prefers-color-scheme: light) */

/*
 * Override tambahan untuk class .bt-light-mode (manual toggle)
 * Sama persis dengan blok di atas agar konsisten
 */
body.bt-light-mode .bt-chip {
  background: rgba(0,0,0,0.06); border-color: rgba(0,0,0,0.12); color: #0d0d1a;
}
body.bt-light-mode .bt-btn-ghost {
  background: rgba(0,0,0,0.06); border-color: rgba(0,0,0,0.15); color: #0d0d1a;
}
body.bt-light-mode .bt-step-pending {
  background: rgba(0,0,0,0.08); color: rgba(0,0,0,0.35);
}
body.bt-light-mode .bt-step-line  { background: rgba(0,0,0,0.12); }
body.bt-light-mode .bt-step-lbl   { color: rgba(0,0,0,0.4); }
body.bt-light-mode .bt-step-lbl.active { color: #0d0d1a; }
body.bt-light-mode .bt-video-limit-title { color: #0d0d1a; }
body.bt-light-mode .bt-video-limit-desc  { color: rgba(0,0,0,0.55); }
body.bt-light-mode .bt-video-manage-info { background: rgba(0,0,0,0.03); border-color: rgba(0,0,0,0.08); }
body.bt-light-mode .bt-video-manage-title { color: #0d0d1a; }
body.bt-light-mode .bt-video-manage-url   { color: rgba(0,0,0,0.4); }
body.bt-light-mode .bt-video-manage-thumb-fallback { color: rgba(0,0,0,0.25); }
body.bt-light-mode .bt-video-manage-caption { color: rgba(0,0,0,0.45); }
body.bt-light-mode .bt-landing-nav  { background: rgba(255,255,255,0.95); border-bottom-color: rgba(0,0,0,0.08); }
body.bt-light-mode .bt-landing-logo { color: #0d0d1a; }
body.bt-light-mode .bt-landing-stat-num { color: #0d0d1a; }
body.bt-light-mode .bt-btn-lg.outline { color: #0d0d1a; border-color: rgba(0,0,0,0.2); }
body.bt-light-mode .bt-notif-text strong { color: #0d0d1a; }
body.bt-light-mode .bt-notif-item { border-bottom-color: rgba(0,0,0,0.06); }
body.bt-light-mode .bt-notif-time { color: rgba(0,0,0,0.35); }
body.bt-light-mode .bt-empty-title { color: #0d0d1a; }
body.bt-light-mode .bt-empty-sub   { color: rgba(0,0,0,0.45); }
body.bt-light-mode .bt-pkg-card    { background: rgba(0,0,0,0.03); border-color: rgba(0,0,0,0.1); }
body.bt-light-mode .bt-pkg-name    { color: #0d0d1a; }
body.bt-light-mode .bt-upgrade-perk  { color: rgba(0,0,0,0.55); }
body.bt-light-mode .bt-upgrade-banner-dismiss { background: rgba(0,0,0,0.06); color: rgba(0,0,0,0.4); }
body.bt-light-mode .bt-verify-card-title { color: #0d0d1a; }
body.bt-light-mode .bt-verify-card-sub   { color: rgba(0,0,0,0.45); }
body.bt-light-mode .bt-verify-card-arrow { color: rgba(0,0,0,0.2); }
body.bt-light-mode .bt-nav-item .bs-nav-icon  { fill: rgba(0,0,0,0.35); }
body.bt-light-mode .bt-nav-item.active .bs-nav-icon { fill: var(--bt-primary); }

/* ================================================================
   CARD UPGRADE PROFIL — template-profile.php
   Menggantikan inline styles hardcoded putih agar bisa di-override
   di light mode
   ================================================================ */
.bt-inline-upgrade-card {
  margin: 16px 16px 0;
  background: linear-gradient(135deg, rgba(55,138,221,0.12), rgba(120,60,220,0.12));
  border: 0.5px solid rgba(55,138,221,0.3);
  border-radius: 16px;
  overflow: hidden;
}
.bt-inline-upgrade-header {
  background: linear-gradient(90deg, rgba(55,138,221,0.2), rgba(120,60,220,0.15));
  padding: 14px 16px 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.bt-inline-upgrade-title {
  font-size: 13px;
  font-weight: 700;
  color: #fff;
}
.bt-inline-upgrade-sub {
  font-size: 11px;
  color: rgba(255,255,255,0.5);
  margin-top: 1px;
}
.bt-inline-upgrade-dismiss {
  width: 24px; height: 24px;
  border-radius: 50%;
  background: rgba(255,255,255,0.08);
  border: none;
  color: rgba(255,255,255,0.4);
  font-size: 14px;
  cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}
.bt-inline-perk-title {
  font-size: 12px;
  font-weight: 600;
  color: #fff;
}
.bt-inline-perk-sub {
  font-size: 11px;
  color: rgba(255,255,255,0.4);
  line-height: 1.4;
  margin-top: 1px;
}

/* Light mode overrides untuk card upgrade inline */
@media (prefers-color-scheme: light) {
  body:not(.bt-force-dark) .bt-inline-upgrade-card {
    background: #ffffff;
    border-color: rgba(0,0,0,0.08);
  }
  body:not(.bt-force-dark) .bt-inline-upgrade-header {
    background: rgba(55,138,221,0.08);
  }
  body:not(.bt-force-dark) .bt-inline-upgrade-title {
    color: #0d0d1a;
  }
  body:not(.bt-force-dark) .bt-inline-upgrade-sub {
    color: rgba(0,0,0,0.45);
  }
  body:not(.bt-force-dark) .bt-inline-upgrade-dismiss {
    background: rgba(0,0,0,0.06);
    color: rgba(0,0,0,0.4);
  }
  body:not(.bt-force-dark) .bt-inline-perk-title {
    color: #0d0d1a;
  }
  body:not(.bt-force-dark) .bt-inline-perk-sub {
    color: rgba(0,0,0,0.45);
  }
}
body.bt-light-mode .bt-inline-upgrade-card {
  background: #ffffff;
  border-color: rgba(0,0,0,0.08);
}
body.bt-light-mode .bt-inline-upgrade-header { background: rgba(55,138,221,0.08); }
body.bt-light-mode .bt-inline-upgrade-title  { color: #0d0d1a; }
body.bt-light-mode .bt-inline-upgrade-sub    { color: rgba(0,0,0,0.45); }
body.bt-light-mode .bt-inline-upgrade-dismiss { background: rgba(0,0,0,0.06); color: rgba(0,0,0,0.4); }
body.bt-light-mode .bt-inline-perk-title     { color: #0d0d1a; }
body.bt-light-mode .bt-inline-perk-sub       { color: rgba(0,0,0,0.45); }


/* ================================================================
   PATCH v2.7.2 — Elemen yang terlewat dari audit menyeluruh
   April 2026 — Semua elemen di bawah tidak punya override light mode
   ================================================================ */

/* ────────────────────────────────────────────────────────────────
   14. PERSONAL PROFILE HEADER
   Container bg masih gradient gelap hardcoded, semua teks di dalamnya
   punya color:#fff tanpa override
──────────────────────────────────────────────────────────────── */
@media (prefers-color-scheme: light) {
  body:not(.bt-force-dark) .bt-personal-profile-header {
    background: linear-gradient(160deg, #e8eaf6 0%, #f0f2f5 100%) !important;
    border-bottom-color: rgba(0,0,0,0.08) !important;
  }
  body:not(.bt-force-dark) .bt-personal-name {
    color: #0d0d1a;
  }
  body:not(.bt-force-dark) .bt-personal-stat-num {
    color: #0d0d1a;
  }
  body:not(.bt-force-dark) .bt-personal-stat + .bt-personal-stat::before {
    background: rgba(0,0,0,0.12);
  }
  /* Tab profil personal */
  body:not(.bt-force-dark) .bt-personal-tabs {
    background: rgba(0,0,0,0.04);
    border-bottom-color: rgba(0,0,0,0.08);
  }
  body:not(.bt-force-dark) .bt-personal-tab {
    color: rgba(0,0,0,0.4);
  }
  body:not(.bt-force-dark) .bt-personal-tab.active {
    color: #0d0d1a;
  }

  /* ────────────────────────────────────────────────────────────────
     15. ACTIVITY FEED (profil personal)
  ──────────────────────────────────────────────────────────────── */
  body:not(.bt-force-dark) .bt-activity-title { color: #0d0d1a; }
  body:not(.bt-force-dark) .bt-activity-sub   { color: rgba(0,0,0,0.45); }
  body:not(.bt-force-dark) .bt-activity-time  { color: rgba(0,0,0,0.3); }
  body:not(.bt-force-dark) .bt-activity-item:hover {
    background: rgba(0,0,0,0.03);
  }

  /* ────────────────────────────────────────────────────────────────
     16. BIZ DASHBOARD HEADER
     gradient gelap hardcoded, semua teks di dalamnya color:#fff
  ──────────────────────────────────────────────────────────────── */
  body:not(.bt-force-dark) .bt-biz-dashboard-header {
    background: linear-gradient(160deg, #e8eaf6 0%, #f0f2f5 100%) !important;
    border-bottom-color: rgba(0,0,0,0.08) !important;
  }
  body:not(.bt-force-dark) .bt-biz-header-name {
    color: #0d0d1a;
  }
  body:not(.bt-force-dark) .bt-biz-header-category {
    color: rgba(0,0,0,0.5);
  }
  body:not(.bt-force-dark) .bt-biz-status-dot {
    border-color: #f0f2f5;
  }

  /* ────────────────────────────────────────────────────────────────
     17. BIZZSHOP SUMMARY CARD (di dashboard bisnis)
  ──────────────────────────────────────────────────────────────── */
  body:not(.bt-force-dark) .bt-biz-shop-summary {
    background: rgba(55,138,221,0.06);
    border-color: rgba(55,138,221,0.2);
  }
  body:not(.bt-force-dark) .bt-biz-shop-title { color: #0d0d1a; }
  body:not(.bt-force-dark) .bt-biz-shop-sub   { color: rgba(0,0,0,0.45); }

  /* ────────────────────────────────────────────────────────────────
     18. LEADS CARD — container sudah putih tapi teks di dalamnya belum
  ──────────────────────────────────────────────────────────────── */
  body:not(.bt-force-dark) .bt-leads-title   { color: rgba(0,0,0,0.7); }
  body:not(.bt-force-dark) .bt-leads-name    { color: #0d0d1a; }
  body:not(.bt-force-dark) .bt-leads-preview { color: rgba(0,0,0,0.45); }
  body:not(.bt-force-dark) .bt-leads-time    { color: rgba(0,0,0,0.3); }
  body:not(.bt-force-dark) .bt-leads-item {
    border-bottom-color: rgba(0,0,0,0.05);
  }
  body:not(.bt-force-dark) .bt-leads-item:hover {
    background: rgba(0,0,0,0.03);
  }
  body:not(.bt-force-dark) .bt-leads-header {
    border-bottom-color: rgba(0,0,0,0.07);
  }

  /* ────────────────────────────────────────────────────────────────
     19. VERIFY CARD — container sudah dapat bg putih dari ux-enhancements
         tapi bt-verify-title & bt-verify-subtitle masih color:#fff
  ──────────────────────────────────────────────────────────────── */
  body:not(.bt-force-dark) .bt-verify-title    { color: #0d0d1a; }
  body:not(.bt-force-dark) .bt-verify-subtitle { color: rgba(0,0,0,0.45); }

  /* ────────────────────────────────────────────────────────────────
     20. GUEST BANNER — container sudah putih, tapi title belum
  ──────────────────────────────────────────────────────────────── */
  body:not(.bt-force-dark) .bt-guest-banner-title { color: #0d0d1a; }

  /* ────────────────────────────────────────────────────────────────
     21. FORM — bt-form-title, bt-field-label, bt-field-select
         Di halaman Register yang menggunakan bg var(--bt-secondary-mid)
         → berubah jadi #f0f2f5 di light mode, tapi teks masih putih
  ──────────────────────────────────────────────────────────────── */
  body:not(.bt-force-dark) .bt-form-title  { color: #0d0d1a; }
  body:not(.bt-force-dark) .bt-field-label { color: #0d0d1a; }
  body:not(.bt-force-dark) .bt-field-select {
    color: #0d0d1a;
    background: rgba(0,0,0,0.04);
    border-color: rgba(0,0,0,0.12);
  }

  /* ────────────────────────────────────────────────────────────────
     22. AUTH TAB (inactive) — .bt-auth-tabs bg berubah transparan
         sehingga tab inactive color:rgba(255,255,255,0.5) jadi pudar
  ──────────────────────────────────────────────────────────────── */
  body:not(.bt-force-dark) .bt-auth-tabs {
    background: rgba(0,0,0,0.06);
  }
  body:not(.bt-force-dark) .bt-auth-tab {
    color: rgba(0,0,0,0.5);
  }
  /* bt-auth-tab.active punya bg var(--bt-primary) + color:#fff → sudah OK */

  /* ────────────────────────────────────────────────────────────────
     23. SUCCESS SCREEN (setelah register/submit)
         Bg mengikuti body → jadi #f0f2f5, tapi title masih var(--bt-white)
  ──────────────────────────────────────────────────────────────── */
  body:not(.bt-force-dark) .bt-success-title { color: #0d0d1a; }

  /* ────────────────────────────────────────────────────────────────
     24. INLINE STYLE di template-profile.php
         Nama user & statistik yang pakai inline style="color:#fff"
         → dioverride via kelas wrapper .bt-personal-profile-header
         Kelas .bt-profile-name-inline & .bt-profile-stat-inline
         ditambahkan di template-profile.php
  ──────────────────────────────────────────────────────────────── */
  body:not(.bt-force-dark) .bt-profile-name-inline {
    color: #0d0d1a;
  }
  body:not(.bt-force-dark) .bt-profile-stat-num-inline {
    color: #0d0d1a;
  }
  body:not(.bt-force-dark) .bt-profile-stat-sub-inline {
    color: rgba(0,0,0,0.4);
  }
  body:not(.bt-force-dark) .bt-profile-email-inline {
    color: rgba(0,0,0,0.45);
  }
  body:not(.bt-force-dark) .bt-profile-role-inline {
    color: rgba(0,0,0,0.35);
  }
  body:not(.bt-force-dark) .bt-profile-stat-divider {
    border-top-color: rgba(0,0,0,0.08);
  }

  /* ────────────────────────────────────────────────────────────────
     25. INLINE STYLE di single-bt_business.php
         Judul produk BizzShop & review form title
  ──────────────────────────────────────────────────────────────── */
  body:not(.bt-force-dark) .bt-biz-product-mini-title {
    color: #0d0d1a;
  }
  body:not(.bt-force-dark) .bt-biz-product-mini-card {
    background: rgba(0,0,0,0.03);
    border-color: rgba(0,0,0,0.08);
  }
  body:not(.bt-force-dark) .bt-biz-product-mini-card .bt-biz-product-mini-img-fallback {
    background: rgba(0,0,0,0.04);
  }
  body:not(.bt-force-dark) .bt-review-form-label {
    color: #0d0d1a;
  }
  body:not(.bt-force-dark) .bt-biz-manage-product-title {
    color: #0d0d1a;
  }

} /* END @media (prefers-color-scheme: light) — PATCH v2.7.2 */


/* ================================================================
   Duplikat untuk .bt-light-mode (manual toggle) — PATCH v2.7.2
   ================================================================ */
body.bt-light-mode .bt-personal-profile-header {
  background: linear-gradient(160deg, #e8eaf6 0%, #f0f2f5 100%) !important;
  border-bottom-color: rgba(0,0,0,0.08) !important;
}
body.bt-light-mode .bt-personal-name        { color: #0d0d1a; }
body.bt-light-mode .bt-personal-stat-num    { color: #0d0d1a; }
body.bt-light-mode .bt-personal-tabs        { background: rgba(0,0,0,0.04); border-bottom-color: rgba(0,0,0,0.08); }
body.bt-light-mode .bt-personal-tab         { color: rgba(0,0,0,0.4); }
body.bt-light-mode .bt-personal-tab.active  { color: #0d0d1a; }
body.bt-light-mode .bt-activity-title       { color: #0d0d1a; }
body.bt-light-mode .bt-activity-sub         { color: rgba(0,0,0,0.45); }
body.bt-light-mode .bt-activity-time        { color: rgba(0,0,0,0.3); }
body.bt-light-mode .bt-activity-item:hover  { background: rgba(0,0,0,0.03); }
body.bt-light-mode .bt-biz-dashboard-header {
  background: linear-gradient(160deg, #e8eaf6 0%, #f0f2f5 100%) !important;
  border-bottom-color: rgba(0,0,0,0.08) !important;
}
body.bt-light-mode .bt-biz-header-name      { color: #0d0d1a; }
body.bt-light-mode .bt-biz-header-category  { color: rgba(0,0,0,0.5); }
body.bt-light-mode .bt-biz-status-dot       { border-color: #f0f2f5; }
body.bt-light-mode .bt-biz-shop-summary     { background: rgba(55,138,221,0.06); border-color: rgba(55,138,221,0.2); }
body.bt-light-mode .bt-biz-shop-title       { color: #0d0d1a; }
body.bt-light-mode .bt-biz-shop-sub         { color: rgba(0,0,0,0.45); }
body.bt-light-mode .bt-leads-title          { color: rgba(0,0,0,0.7); }
body.bt-light-mode .bt-leads-name           { color: #0d0d1a; }
body.bt-light-mode .bt-leads-preview        { color: rgba(0,0,0,0.45); }
body.bt-light-mode .bt-leads-time           { color: rgba(0,0,0,0.3); }
body.bt-light-mode .bt-leads-item           { border-bottom-color: rgba(0,0,0,0.05); }
body.bt-light-mode .bt-leads-item:hover     { background: rgba(0,0,0,0.03); }
body.bt-light-mode .bt-leads-header         { border-bottom-color: rgba(0,0,0,0.07); }
body.bt-light-mode .bt-verify-title         { color: #0d0d1a; }
body.bt-light-mode .bt-verify-subtitle      { color: rgba(0,0,0,0.45); }
body.bt-light-mode .bt-guest-banner-title   { color: #0d0d1a; }
body.bt-light-mode .bt-form-title           { color: #0d0d1a; }
body.bt-light-mode .bt-field-label          { color: #0d0d1a; }
body.bt-light-mode .bt-field-select         { color: #0d0d1a; background: rgba(0,0,0,0.04); border-color: rgba(0,0,0,0.12); }
body.bt-light-mode .bt-auth-tabs            { background: rgba(0,0,0,0.06); }
body.bt-light-mode .bt-auth-tab             { color: rgba(0,0,0,0.5); }
body.bt-light-mode .bt-success-title        { color: #0d0d1a; }
body.bt-light-mode .bt-profile-name-inline         { color: #0d0d1a; }
body.bt-light-mode .bt-profile-stat-num-inline     { color: #0d0d1a; }
body.bt-light-mode .bt-profile-stat-sub-inline     { color: rgba(0,0,0,0.4); }
body.bt-light-mode .bt-profile-email-inline        { color: rgba(0,0,0,0.45); }
body.bt-light-mode .bt-profile-role-inline         { color: rgba(0,0,0,0.35); }
body.bt-light-mode .bt-profile-stat-divider        { border-top-color: rgba(0,0,0,0.08); }
body.bt-light-mode .bt-biz-product-mini-title      { color: #0d0d1a; }
body.bt-light-mode .bt-biz-product-mini-card       { background: rgba(0,0,0,0.03); border-color: rgba(0,0,0,0.08); }
body.bt-light-mode .bt-review-form-label           { color: #0d0d1a; }
body.bt-light-mode .bt-biz-manage-product-title    { color: #0d0d1a; }