/* ===== KAMAR HOMEPAGE DARK OVERRIDE v1 (Desktop only) =====
   Layer terpisah di atas kamar-bundle.css (Step 47 Neo Minimal Palace / cream).
   Tujuan: ubah homepage index.html ke dark institutional premium sesuai brief,
   TANPA menghapus sistem cream yang sudah ada (supaya gampang revert: cukup
   lepas <link> file ini dari index.html).
   Scope: desktop (>=981px) saja, index.html saja. Tidak menyentuh member/admin. */

@media (min-width: 981px) {

  body.public-home,
  body.kamar-v46-atelier{
    background:
      radial-gradient(circle at 10% -6%, rgba(184,138,61,.16), transparent 36rem),
      radial-gradient(circle at 88% 10%, rgba(14,95,84,.20), transparent 32rem),
      linear-gradient(180deg,#0B0F14 0%,#070A0F 55%,#0B0F14 100%) !important;
    color:#F4F6F8 !important;
  }

  body.public-home h1, body.public-home h2, body.public-home h3{ color:#F4F6F8 !important; }
  body.public-home p{ color:#93A0AF; }
  /* Fix: reveal-on-scroll animation gagal trigger utk sebagian elemen (empty space bug), matikan animasi paksa tampil */
  body.public-home .premium-reveal{ opacity: 1 !important; transform: none !important; filter: none !important; }

  /* Fix: formasi 5 facility card jadi flex-center biar row ke-2 (2 card) simetris, tidak nempel kiri (task #126) */
  body.public-home .facility-grid.facility-selector-v2{
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
  }
  body.public-home .facility-grid.facility-selector-v2 .facility-card{
    flex: 0 0 362px !important;
  }

  /* Fix: card "Cara kerja sederhana" Affiliate ke-clip 180px bikin sisi kanan kosong (task #127) */
  body.public-home #affiliate-kamar .affiliate-note-card.private-detail-collapse{
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
  }

  /* Fix: scroll anchor Fasilitas/Tentang ketutup navbar sticky (task #128) */
  body.public-home #fasilitas,
  body.public-home #tentang{
    scroll-margin-top: 100px !important;
  }
  body.public-home{ --km-muted: #8E98A8 !important; }

  /* navbar */
  body.public-home .site-header{
    background:rgba(11,15,20,.86) !important;
    border-color:rgba(244,246,248,.10) !important;
    box-shadow:0 18px 50px rgba(0,0,0,.45) !important;
  }
  body.public-home .site-header .brand{ color:#F4F6F8 !important; }
  body.public-home .nav-links a,
  body.public-home .quick-mobile-nav a{ color:#B8C2CE !important; }
  body.public-home .nav-links a:hover{ color:#F4F6F8 !important; background:rgba(244,246,248,.06) !important; }

  /* Task #114: navbar compact-on-scroll */
  body.public-home .site-header{ transition: padding .22s ease, box-shadow .22s ease; }
  body.public-home .site-header.is-kamar-scrolled{ padding-top:8px !important; padding-bottom:8px !important; box-shadow:0 20px 55px rgba(0,0,0,.55) !important; }
  body.public-home .site-header.is-kamar-scrolled .brand img{ width:32px !important; height:32px !important; transition: width .22s ease, height .22s ease; }
  body.public-home .site-header .brand img{ transition: width .22s ease, height .22s ease; }
  body.public-home .site-header.is-kamar-scrolled .header-cta{ padding:8px 14px !important; font-size:14px !important; }
  body.public-home .site-header .header-cta{ transition: padding .22s ease, font-size .22s ease; }
  body.public-home .site-header .header-cta{ transition: padding .22s ease, font-size .22s ease, transform .2s ease, filter .2s ease, box-shadow .2s ease; }
  body.public-home .site-header .header-cta:hover{ transform: translateY(-1px); filter: brightness(1.08); box-shadow: 0 6px 18px rgba(184,138,61,.28); }
  body.public-home .site-header .header-cta:active{ transform: translateY(0); filter: brightness(0.97); }

  /* universal section shell */
  body.public-home .section-shell{
    background:rgba(16,23,32,.88) !important;
    border-color:rgba(244,246,248,.08) !important;
    box-shadow:0 20px 70px rgba(0,0,0,.40) !important;
  }
  body.public-home .section-shell:not(.hero) .btn-secondary{
    background:rgba(244,246,248,.06) !important;
    border-color:rgba(244,246,248,.16) !important;
    color:#F4F6F8 !important;
  }

  /* facility cards */
  body.public-home .facility-card,
  body.public-home .facility-selector-v2 .facility-card{
    background:#101720 !important;
    border-color:rgba(244,246,248,.10) !important;
    box-shadow:0 14px 42px rgba(0,0,0,.35) !important;
  }
  body.public-home .facility-card h3{ color:#F4F6F8 !important; }
  body.public-home .facility-card p{ color:#8E98A8 !important; }
  body.public-home .facility-status-badge{ background:rgba(244,246,248,.08) !important; color:#D7B46D !important; }
  body.public-home .facility-pill{ background:rgba(244,246,248,.06) !important; color:#B8C2CE !important; }

  /* trust strip / stats */
  body.public-home .stats-grid>div{ background:#101720 !important; border-color:rgba(244,246,248,.10) !important; box-shadow:0 10px 30px rgba(0,0,0,.30) !important; }
  body.public-home .detail-grid>div{ background:rgba(244,246,248,.05) !important; border-color:rgba(244,246,248,.10) !important; }

  /* Signal recap */
  body.public-home .recap-copy, body.public-home .recap-card{ background:rgba(16,23,32,.85) !important; border-color:rgba(244,246,248,.10) !important; }
  body.public-home .showcase-tab{ background:rgba(244,246,248,.06) !important; color:#B8C2CE !important; }

  /* access / social / traktir / faq */
  body.public-home .access-box, body.public-home .access-split-box,
  body.public-home .social-box, body.public-home .traktir-card,
  body.public-home .faq-category, body.public-home .faq-item{
    background:#101720 !important; border-color:rgba(244,246,248,.10) !important; box-shadow:0 12px 38px rgba(0,0,0,.35) !important;
  }
  body.public-home .social-link{ background:rgba(244,246,248,.06) !important; color:#F4F6F8 !important; border-color:rgba(244,246,248,.12) !important; }

  /* affiliate */
  body.public-home #affiliate-kamar .affiliate-benefit-item,
  body.public-home #affiliate-kamar .affiliate-note-card{ background:rgba(244,246,248,.05) !important; border-color:rgba(244,246,248,.10) !important; }

  /* Kamar Private course explorer */
  body.public-home .private-course-explorer{ background:rgba(16,23,32,.85) !important; border-color:rgba(215,180,109,.28) !important; }
  body.public-home .chapter-copy-card{ background:rgba(244,246,248,.05) !important; border-color:rgba(244,246,248,.10) !important; }
  body.public-home .chapter-tabs button, body.public-home .gallery-tabs button, body.public-home .course-nav-arrows button{
    background:rgba(244,246,248,.06) !important; color:#B8C2CE !important; border-color:rgba(244,246,248,.14) !important;
  }
  body.public-home .continuous-heading span{ color:#D7B46D !important; }

  /* indicator / robot preview */
  body.public-home .indicator-badges article, body.public-home .mechanism-grid div,
  body.public-home .robot-flow span, body.public-home .facility-info-grid section{
    background:rgba(244,246,248,.05) !important; border-color:rgba(244,246,248,.10) !important; color:#B8C2CE !important;
  }

  /* lightbox */
  body.public-home .lightbox-close, body.public-home .lightbox-nav{
    background:rgba(16,23,32,.85) !important; color:#F4F6F8 !important; border-color:rgba(244,246,248,.14) !important;
  }

  /* hero floating badges */
  body.public-home .hero-badges-on-visual span{
    background:rgba(16,23,32,.85) !important; color:#F4F6F8 !important; border-color:rgba(244,246,248,.14) !important;
  }

  /* fix regresi: teks di dalam mini-card stats (bg sekarang gelap) */
  body.public-home .stats-grid strong{ color:#F4F6F8 !important; }

  /* fix regresi: chip akses (Akses Gratis/Berbayar) bg tetap krem, teks harus gelap */
  body.public-home .access-option h3{ color:#1B2228 !important; }
}

@media (min-width: 981px) {
  /* ===== Phase 3: panel detail fasilitas (Edukasi/Signal/Private/Indikator/Robot) — dark ===== */
  body.public-home .facility-panel-v2,
  body.public-home .facility-detail-card,
  body.public-home .private-course-panel{
    background-image:linear-gradient(145deg,#101720 0%,#0B0F14 100%) !important;
    background-color:#101720 !important;
    --kamar-ink:#F4F6F8;
    --kamar-text:#F4F6F8;
    --kamar-text-secondary:#B8C2CE;
    --km-ink:#F4F6F8;
    --km-muted:#8E98A8;
  }
  body.public-home .facility-panel-v2 h2, body.public-home .facility-panel-v2 h3,
  body.public-home .facility-detail-card h2, body.public-home .facility-detail-card h3,
  body.public-home .private-course-panel h2, body.public-home .private-course-panel h3{
    color:#F4F6F8 !important;
  }
  body.public-home .facility-info-grid h4{ color:#F4F6F8 !important; }
  body.public-home .facility-info-grid ul{ color:#B8C2CE !important; }
  body.public-home .facility-info-grid section{ background:rgba(244,246,248,.06) !important; }
  body.public-home .chapter-detail-grid h5,
  body.public-home .chapter-objective strong,
  body.public-home .facility-system-heading strong,
  body.public-home .facility-panel-v2 .eyebrow,
  body.public-home .facility-panel-v2 .section-label{ color:#D7B46D !important; }

  /* chip/kotak yang tetap terang di dalam panel gelap: teks tetap gelap */
  body.public-home .facility-note, body.public-home .facility-note p,
  body.public-home .course-note, body.public-home .course-note p,
  body.public-home .facility-benefit-card, body.public-home .facility-benefit-card p,
  body.public-home .facility-info-card, body.public-home .facility-info-card p{
    color:#1B2228 !important;
  }

  /* recap card di dalam panel Signal */
  body.public-home .kamar-recap-live-card h4{ color:#F4F6F8 !important; }
  body.public-home .kamar-recap-period{ color:#8E98A8 !important; }
}

@media (min-width: 981px) {
  /* ===== Phase 4-5: badge featured POPULER (Signal) & PREMIUM (Private) ===== */
  body.public-home .facility-featured-badge{
    position:absolute; top:14px; right:14px; z-index:2;
    background:linear-gradient(135deg,#D7B46D,#B88A3D);
    color:#171204;
    font-size:10px; font-weight:800; letter-spacing:.06em;
    padding:4px 10px; border-radius:999px;
    box-shadow:0 6px 16px rgba(184,138,61,.35);
  }
  body.public-home .facility-featured-badge-premium{
    background:linear-gradient(135deg,#F0DDA8,#D7A63A);
    box-shadow:0 6px 16px rgba(215,166,58,.45);
  }
}


/* ===== KOREKSI 2026-08-31: Rekap Signal / Affiliate / Traktir masih pakai warna lama (cream), brief minta DARK bukan cuma readable ===== */
@media (min-width: 981px) {

  /* --- Rekap Signal (kamar-recap-live-card) --- */
  body.public-home .kamar-recap-live-card{
    background-image:
      radial-gradient(circle at 12% 0%, rgba(14,95,84,.16), rgba(0,0,0,0) 55%),
      linear-gradient(150deg, rgba(16,23,32,.96) 0%, rgba(11,16,23,.94) 100%) !important;
    border-color: rgba(244,246,248,.10) !important;
  }
  body.public-home .kamar-recap-stats-daily > *{
    background: rgb(16,23,32) !important;
    border-color: rgba(244,246,248,.08) !important;
  }

  /* --- Affiliate (#affiliate-kamar) --- */
  body.public-home #affiliate-kamar{
    background:
      radial-gradient(circle at 12% 16%, rgba(201,157,81,.14), rgba(0,0,0,0) 384px),
      radial-gradient(circle at 88% 10%, rgba(14,95,84,.20), rgba(0,0,0,0) 32rem),
      linear-gradient(180deg,#0B1017 0%,#070A0F 100%) !important;
  }
  body.public-home .affiliate-note-card{
    background: linear-gradient(160deg, rgba(16,23,32,.92), rgba(11,16,23,.9)) !important;
    border: 1px solid rgba(244,246,248,.08) !important;
  }
  body.public-home .affiliate-note-card h3{ color:#F4F6F8 !important; }
  body.public-home .affiliate-note-card > p{ color:#8E98A8 !important; }
  body.public-home .affiliate-note-card span{ color:#F4F6F8 !important; }

  /* --- Traktir Kamar (#traktir-kamar) --- */
  body.public-home .traktir-card{
    background-image:
      radial-gradient(circle at 85% 0%, rgba(215,180,109,.14), rgba(0,0,0,0) 22rem),
      linear-gradient(160deg, rgba(16,23,32,.95) 0%, rgba(11,16,23,.93) 100%) !important;
    border-color: rgba(244,246,248,.10) !important;
  }
  body.public-home .traktir-card h3{ color:#F4F6F8 !important; }
  body.public-home .traktir-card > p{ color:#8E98A8 !important; }
  body.public-home .traktir-denom-chip:not(.active){
    background: rgba(244,246,248,.06) !important;
    border-color: rgba(244,246,248,.18) !important;
    color:#F4F6F8 !important;
  }
  body.public-home .traktir-qty-label{ color:#8E98A8 !important; }
  body.public-home .traktir-qty-btn{
    background: rgba(244,246,248,.10) !important;
    color:#F4F6F8 !important;
  }
  body.public-home .traktir-qty-value{ color:#F4F6F8 !important; }
}

/* ===== FIX SPESIFISITAS 2026-08-31 v2: kamar-bundle.css pakai selector #affiliate-kamar/#traktir-kamar (ID) + !important, harus disamakan spesifisitasnya biar menang ===== */
@media (min-width: 981px) {

  body.public-home #affiliate-kamar.section-shell{
    background:
      radial-gradient(circle at 12% 16%, rgba(201,157,81,.14), rgba(0,0,0,0) 384px),
      radial-gradient(circle at 88% 10%, rgba(14,95,84,.20), rgba(0,0,0,0) 32rem),
      linear-gradient(180deg,#0B1017 0%,#070A0F 100%) !important;
  }
  body.public-home #affiliate-kamar .affiliate-note-card{
    background: linear-gradient(160deg, rgba(16,23,32,.92), rgba(11,16,23,.9)) !important;
    border-color: rgba(244,246,248,.08) !important;
  }
  body.public-home #affiliate-kamar .affiliate-note-card h3{ color:#F4F6F8 !important; }
  body.public-home #affiliate-kamar .affiliate-note-card > p{ color:#8E98A8 !important; }
  body.public-home #affiliate-kamar .affiliate-note-card span{ color:#F4F6F8 !important; }

  body.public-home #traktir-kamar .traktir-card,
  body.public-home #traktir-kamar .simple-traktir-card{
    background-image:
      radial-gradient(circle at 85% 0%, rgba(215,180,109,.14), rgba(0,0,0,0) 22rem),
      linear-gradient(160deg, rgba(16,23,32,.95) 0%, rgba(11,16,23,.93) 100%) !important;
    border-color: rgba(244,246,248,.10) !important;
  }
  body.public-home #traktir-kamar .traktir-card h3{ color:#F4F6F8 !important; }
  body.public-home #traktir-kamar .traktir-card > p{ color:#8E98A8 !important; }
  body.public-home #traktir-kamar .traktir-denom-chip:not(.active){
    background: rgba(244,246,248,.06) !important;
    border-color: rgba(244,246,248,.18) !important;
    color:#F4F6F8 !important;
  }
  body.public-home #traktir-kamar .traktir-qty-label{ color:#8E98A8 !important; }
  body.public-home #traktir-kamar .traktir-qty-btn{
    background: rgba(244,246,248,.10) !important;
    color:#F4F6F8 !important;
  }
  body.public-home #traktir-kamar .traktir-qty-value{ color:#F4F6F8 !important; }
}

/* fix step chip Affiliate: span sendiri punya bg krem terpisah dari note-card, kena flip putih-di-atas-putih */
@media (min-width: 981px) {
  body.public-home #affiliate-kamar .affiliate-steps span{
    background: rgba(244,246,248,.07) !important;
    border-color: rgba(244,246,248,.14) !important;
    color:#F4F6F8 !important;
  }
}

@media (min-width: 981px) {
  /* Compact: Affiliate - reward number jadi detail sekunder, bukan headline utama */
  body.public-home #affiliate-kamar.section-shell{
    padding: 28px 24px !important;
  }
  body.public-home #affiliate-kamar .affiliate-program-grid{
    gap: 18px !important;
    max-width: 960px !important;
    margin: 0 auto !important;
  }
  body.public-home #affiliate-kamar .affiliate-main-card,
  body.public-home #affiliate-kamar .affiliate-note-card{
    padding: 22px !important;
  }
  body.public-home #affiliate-kamar .section-heading h2{
    font-size: 26px !important;
  }
  body.public-home #affiliate-kamar .affiliate-main-card h3{
    font-size: 22px !important;
  }
  body.public-home #affiliate-kamar .affiliate-commission{
    padding: 14px 18px !important;
  }
  body.public-home #affiliate-kamar .affiliate-commission strong{
    font-size: 22px !important;
    line-height: 1.2 !important;
  }
  body.public-home #affiliate-kamar .affiliate-commission small{
    font-size: 10px !important;
    letter-spacing: .04em !important;
  }

  /* Compact: Traktir Kamar - section kecil, bukan lagi section besar setara fasilitas utama */
  body.public-home #traktir-kamar.section-shell{
    padding: 28px 24px !important;
  }
  body.public-home #traktir-kamar .traktir-grid,
  body.public-home #traktir-kamar .simple-traktir-grid{
    max-width: 480px !important;
    margin: 0 auto !important;
  }
  body.public-home #traktir-kamar .traktir-card{
    padding: 22px !important;
  }
  body.public-home #traktir-kamar .section-heading h2{
    font-size: 24px !important;
  }
  body.public-home #traktir-kamar .traktir-card h3{
    font-size: 18px !important;
  }
}

@media (min-width: 981px) {
  /* Compact Utility Grid: kartu kecil "Explore" ke YouTube/Resources/FAQ/Telegram/Affiliate */
  body.public-home #utility-grid-kamar.section-shell{
    padding: 28px 24px !important;
  }
  body.public-home #utility-grid-kamar .section-heading h2{
    font-size: 24px !important;
  }

  /* Task #112: compact FAQ teaser section */
  body.public-home #faq{ padding-top: 20px !important; padding-bottom: 20px !important; }
  body.public-home #faq .eyebrow{ margin-bottom: -4px !important; }
  body.public-home #faq .section-heading h2{ font-size: 22px !important; max-width: 520px !important; margin-left: auto !important; margin-right: auto !important; }
  body.public-home #faq .section-heading p{ font-size: 13.5px !important; max-width: 480px !important; margin-left: auto !important; margin-right: auto !important; margin-top: 8px !important; margin-bottom: 0px !important; }
  body.public-home #faq .btn{ margin-top: 4px !important; }
  body.public-home .utility-grid{
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 14px !important;
    max-width: 1080px !important;
    margin: 0 auto !important;
  }
  body.public-home .utility-card{
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    padding: 18px 16px !important;
    border-radius: 14px !important;
    background: linear-gradient(160deg, rgba(16,23,32,.9), rgba(11,16,23,.88)) !important;
    border: 1px solid rgba(244,246,248,.08) !important;
    text-decoration: none !important;
    transition: border-color .18s ease, transform .18s ease !important;
  }
  body.public-home a.utility-card:hover{
    border-color: rgba(215,180,109,.4) !important;
    transform: translateY(-2px);
  }
  body.public-home .utility-card-label{
    color:#F4F6F8 !important;
    font-weight:800 !important;
    font-size:15px !important;
  }
  body.public-home .utility-card-desc{
    color:#8E98A8 !important;
    font-size:12.5px !important;
    line-height:1.4 !important;
  }
  body.public-home .utility-card-cta{
    color:#D7B46D !important;
    font-weight:700 !important;
    font-size:12px !important;
    margin-top:auto !important;
  }
  body.public-home .utility-card-disabled{
    opacity:.55 !important;
    cursor:not-allowed !important;
  }
  body.public-home .utility-card-disabled .utility-card-cta{
    color:#8E98A8 !important;
  }
}

@media (min-width: 981px) {
  /* Fix: modal scam warning masih cream */
  body.public-home .kamar-scam-card{
    background: linear-gradient(160deg, rgba(16,23,32,.98), rgba(11,16,23,.97)) !important;
    border: 1px solid rgba(244,246,248,.10) !important;
  }
  body.public-home .kamar-scam-card h2{ color:#F4F6F8 !important; }
  body.public-home .kamar-scam-card > p{ color:#8E98A8 !important; }
  body.public-home .kamar-scam-highlight{
    background: rgba(215,180,109,.12) !important;
    border-color: rgba(215,180,109,.3) !important;
    color:#F4F6F8 !important;
  }
  body.public-home .kamar-scam-highlight strong{ color:#F4F6F8 !important; }
  body.public-home .kamar-scam-footnote{ color:#8E98A8 !important; }
  body.public-home .kamar-scam-close{
    background: rgba(244,246,248,.08) !important;
    color:#F4F6F8 !important;
  }

  /* Fix: card Akses Gratis/Berbayar masih cream */
  body.public-home #akses .access-option{
    background: linear-gradient(160deg, rgba(16,23,32,.92), rgba(11,16,23,.9)) !important;
    border-color: rgba(244,246,248,.08) !important;
  }
  body.public-home #akses .access-option h3{ color:#F4F6F8 !important; }
  body.public-home #akses .access-option p{ color:#8E98A8 !important; }
  body.public-home #akses .access-option span{ color:#D7B46D !important; }

  /* Fix: box facility-note masih biru muda */
  body.public-home .facility-note{
    background: rgba(53,132,229,.10) !important;
    border-left-color: rgba(90,150,235,.7) !important;
    color:#C7D3E0 !important;
  }

  /* Fix: panel Kamar Support masih putih */
  body.public-home .kmr-sup-panel{
    background: linear-gradient(160deg, rgba(16,23,32,.98), rgba(11,16,23,.97)) !important;
    border-color: rgba(244,246,248,.10) !important;
  }
  body.public-home .kmr-sup-opt{
    background: rgba(244,246,248,.05) !important;
    border-color: rgba(244,246,248,.12) !important;
  }
  body.public-home .kmr-sup-opt-title{ color:#F4F6F8 !important; }
  body.public-home .kmr-sup-opt-desc{ color:#8E98A8 !important; }
  body.public-home .kmr-sup-opt-arrow{ color:#D7B46D !important; }

  /* Fix: chapter explorer Kamar Private masih terang */
  body.public-home .chapter-visual{
    background: rgba(244,246,248,.06) !important;
    color:#F4F6F8 !important;
  }
  body.public-home .chapter-framework{
    background: rgba(160,120,220,.16) !important;
    color:#D9C6F5 !important;
  }
  body.public-home .chapter-category{
    background: rgba(244,246,248,.06) !important;
    color:#8E98A8 !important;
  }

  /* Fix: simetri chip nominal Traktir + warna total lebih atraktif */
  body.public-home #traktir-kamar .traktir-denom-row{
    display:flex !important;
    flex-wrap:wrap !important;
    justify-content:center !important;
  }
  body.public-home #traktir-kamar .traktir-denom-chip{
    flex:0 0 auto !important;
    min-width:112px !important;
    text-align:center !important;
  }
  body.public-home #traktir-kamar #traktirTotalValue{
    color:#F4C95D !important;
  }
}

@media (min-width: 981px) {
  /* Fix: <strong>Kamar Kajian Market</strong> tak terbaca di modal scam */
  body.public-home .kamar-scam-card strong{ color:#F4F6F8 !important; }
}

@media (min-width: 981px) {
  /* Fix: box Cakupan Materi / Yang Tersedia Pada Chapter Ini masih cream */
  body.public-home .chapter-detail-grid > section{
    background: rgba(244,246,248,.05) !important;
    border-color: rgba(244,246,248,.1) !important;
  }
  /* Fix: box Tujuan Pembelajaran masih putih (gradient cream) */
  body.public-home .chapter-objective{
    background: linear-gradient(135deg, rgba(160,120,220,.14), rgba(244,246,248,.04)) !important;
  }
  /* Fix: tombol stage roadmap (Core Entry/Advanced/Professional/Master Framework) masih cream */
  body.public-home .learning-roadmap button:not(.active){
    background: rgba(244,246,248,.05) !important;
    color:#C7D1DC !important;
    border-color: rgba(244,246,248,.12) !important;
  }
}

@media (min-width: 981px) {
  /* Redesign: panel 5 fasilitas jadi grid compact icon+judul+deskripsi singkat (bukan list vertikal), sesuai brief user */
  body.public-home .facility-selector-v2{ grid-template-columns: repeat(3, 1fr) !important; }
  body.public-home .facility-selector-v2 .facility-card{
    grid-column: span 1 !important;
    min-height: 0 !important;
    padding: 20px 18px !important;
  }
  body.public-home .facility-selector-v2 .facility-top{ justify-content: flex-start !important; }
  body.public-home .facility-selector-v2 .facility-top span{
    font-size: 0 !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 20px 20px !important;
  }
  body.public-home .facility-selector-v2 .facility-top i{ display:none !important; }
  body.public-home .facility-selector-v2 .facility-edukasi .facility-top span{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D7B46D' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 8l10-5 10 5-10 5-10-5z'/%3E%3Cpath d='M6 10.5V16c0 1.5 2.5 3 6 3s6-1.5 6-3v-5.5'/%3E%3Cpath d='M22 8v6'/%3E%3C/svg%3E") !important; }
  body.public-home .facility-selector-v2 .facility-signal .facility-top span{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D7B46D' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 11a12 12 0 0 1 16 0'/%3E%3Cpath d='M7.5 14.5a7 7 0 0 1 9 0'/%3E%3Ccircle cx='12' cy='19' r='1.4' fill='%23D7B46D' stroke='none'/%3E%3C/svg%3E") !important; }
  body.public-home .facility-selector-v2 .facility-private .facility-top span{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D7B46D' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 17h18l-1.5-8-4.5 4-3-6-3 6-4.5-4L3 17z'/%3E%3C/svg%3E") !important; }
  body.public-home .facility-selector-v2 .facility-indikator .facility-top span{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D7B46D' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20V10'/%3E%3Cpath d='M12 20V4'/%3E%3Cpath d='M20 20v-7'/%3E%3C/svg%3E") !important; }
  body.public-home .facility-selector-v2 .facility-robot .facility-top span{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D7B46D' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='9' width='14' height='10' rx='2'/%3E%3Cpath d='M12 9V5'/%3E%3Ccircle cx='12' cy='3.5' r='1.2' fill='%23D7B46D' stroke='none'/%3E%3Ccircle cx='9' cy='14' r='1.2' fill='%23D7B46D' stroke='none'/%3E%3Ccircle cx='15' cy='14' r='1.2' fill='%23D7B46D' stroke='none'/%3E%3C/svg%3E") !important; }
  body.public-home .facility-selector-v2 .facility-card h3{ font-size: .98rem !important; margin: 12px 0 6px !important; }
  body.public-home .facility-selector-v2 .facility-card p{
    font-size: .78rem !important; line-height: 1.45 !important;
    display: -webkit-box !important; -webkit-line-clamp: 3 !important; -webkit-box-orient: vertical !important; overflow: hidden !important;
  }
  body.public-home .facility-selector-v2 .facility-featured-badge{ font-size: .62rem !important; }
}


@media (min-width: 981px){
/* ===== Section X: YouTube Featured Video (Brief Referensi Video) ===== */
.kamar-featured-video-grid{
  display:block !important;
  grid-template-columns:none !important;
}
.kamar-featured-video{
  display:grid !important;
  grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) !important;
  gap:32px !important;
  align-items:center !important;
  background:#101720 !important;
  border:1px solid rgba(244,246,248,.10) !important;
  border-radius:18px !important;
  box-shadow:0 14px 42px rgba(0,0,0,.35) !important;
  padding:24px !important;
}
.kamar-featured-video-media{
  position:relative !important;
  width:100% !important;
  aspect-ratio:16/9 !important;
  border-radius:12px !important;
  overflow:hidden !important;
  background:#070a0f !important;
  border:1px solid rgba(244,246,248,.08) !important;
}
.kamar-featured-video-media iframe{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  border:0 !important;
}
.kamar-featured-video-copy{
  display:flex !important;
  flex-direction:column !important;
  gap:12px !important;
}
.kamar-featured-video-copy h3{
  color:#F4F6F8 !important;
  font-size:1.3rem !important;
  margin:0 !important;
}
.kamar-featured-video-copy p{
  color:#b8c2ce !important;
  margin:0 !important;
  line-height:1.6 !important;
}
.kamar-featured-video-copy .btn-secondary{
  align-self:flex-start !important;
  margin-top:8px !important;
}
@media (max-width:900px){
  .kamar-featured-video{
    grid-template-columns:1fr !important;
  }
}

/* ===== Section T: Kamar Private highlights-only collapse (Brief) ===== */
.private-detail-collapse{
  position:relative !important;
  max-height:420px !important;
  overflow:hidden !important;
  transition:max-height .45s ease !important;
}
.private-detail-collapse::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  height:90px !important;
  background:linear-gradient(180deg, rgba(11,15,20,0) 0%, #0b0f14 90%) !important;
  pointer-events:none !important;
  transition:opacity .3s ease !important;
}
.private-detail-collapse.is-expanded{
  max-height:4000px !important;
}
.private-detail-collapse.is-expanded::after{
  opacity:0 !important;
}
.private-detail-toggle{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  width:100% !important;
  margin:18px 0 !important;
  padding:12px 20px !important;
  background:rgba(215,180,109,.08) !important;
  border:1px solid rgba(215,180,109,.35) !important;
  border-radius:999px !important;
  color:#d7b46d !important;
  font-size:.95rem !important;
  font-weight:600 !important;
  cursor:pointer !important;
  transition:background .25s ease, border-color .25s ease !important;
}
.private-detail-toggle:hover{
  background:rgba(215,180,109,.16) !important;
  border-color:rgba(215,180,109,.6) !important;
}
.private-detail-toggle-icon{
  transition:transform .3s ease !important;
  display:inline-block !important;
}
.private-detail-toggle[aria-expanded="true"] .private-detail-toggle-icon{
  transform:rotate(180deg) !important;
}


/* ===== Refinement brief bagian M/N: unify facility card accent line ===== */
/* Signal (POPULER) pakai Kamar green, Private (PREMIUM) pakai gold, 3 lainnya netral (bukan multicolor) */
body.public-home .facility-selector-v2 .facility-edukasi,
body.public-home .facility-selector-v2 .facility-indikator,
body.public-home .facility-selector-v2 .facility-robot{
  --card-accent: rgba(244,246,248,.4) !important;
}
body.public-home .facility-selector-v2 .facility-signal{
  --card-accent: #0E5F54 !important;
}
body.public-home .facility-selector-v2 .facility-private{
  --card-accent: #B88A3D !important;
}

/* ===== Refinement brief bagian O: badge status akses (compact, secondary, understated) ===== */
.facility-access-badge{
  display:inline-block !important;
  margin-top:10px !important;
  padding:3px 10px !important;
  border-radius:999px !important;
  border:1px solid rgba(244,246,248,.16) !important;
  background:rgba(244,246,248,.05) !important;
  color:#8E98A8 !important;
  font-size:10px !important;
  font-weight:600 !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
  line-height:1.4 !important;
}
.facility-access-badge-mixed{
  color:#C7B889 !important;
  border-color:rgba(215,180,109,.32) !important;
  background:rgba(215,180,109,.06) !important;
}

/* ===== Refinement brief bagian J: compact About/Trust jadi credibility strip ===== */
body.public-home #tentang{
  padding-top: 28px !important;
  padding-bottom: 28px !important;
}
body.public-home #tentang .section-heading{
  margin-bottom: 20px !important;
}
body.public-home #tentang .section-heading h2{
  font-size: 30px !important;
  line-height: 1.25 !important;
}
body.public-home #tentang .section-heading p{
  max-width: 640px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 10px !important;
  margin-bottom: 0 !important;
}
body.public-home .about-stats-grid{
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 10px !important;
}
body.public-home .about-stats-grid > div{
  padding: 14px 12px !important;
}
body.public-home .about-stats-grid strong{
  font-size: 16px !important;
}
body.public-home .about-stats-grid span{
  font-size: 12.5px !important;
  line-height: 1.4 !important;
}


/* ===== Task #106: preview kurikulum ringkas Kamar Private (6 stage) ===== */
.private-curriculum-preview{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  flex-wrap:wrap !important;
  margin:14px 0 16px !important;
  padding:10px 14px !important;
  border:1px solid rgba(184,138,61,.22) !important;
  border-radius:10px !important;
  background:rgba(184,138,61,.05) !important;
  font-size:12.5px !important;
  line-height:1.5 !important;
  color:#B9C2CE !important;
}
.private-curriculum-preview-label{
  flex-shrink:0 !important;
  font-weight:700 !important;
  font-size:10.5px !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
  color:#C7B889 !important;
}
.private-curriculum-preview-stages{
  color:#93A0AF !important;
}

/* ===== Task #109: de-emphasize Rp3.000.000+ jadi chip kecil, bukan headline besar ===== */
body.public-home #affiliate-kamar .affiliate-commission{
  display:inline-flex !important;
  align-items:center !important;
  flex-direction:row !important;
  flex-wrap:wrap !important;
  gap:6px !important;
  padding:6px 12px !important;
  margin:10px 0 !important;
  border:1px solid rgba(184,138,61,.25) !important;
  border-radius:999px !important;
  background:rgba(184,138,61,.06) !important;
}
body.public-home #affiliate-kamar .affiliate-commission small{
  display:inline !important;
  font-size:10.5px !important;
  line-height:1.3 !important;
  color:#93A0AF !important;
}

body.public-home #affiliate-kamar .affiliate-commission strong{
  font-size:15px !important;
  color:#C7B889 !important;
  font-weight:700 !important;
}
body.public-home #affiliate-kamar .affiliate-actions{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  align-items:center !important;
}
body.public-home #affiliate-kamar .affiliate-actions .private-detail-toggle{
  width:auto !important;
  margin:0 !important;
  flex:0 0 auto !important;
}
/* Task #109 fix: pastikan collapse benar-benar clip konten (base CSS punya overflow:visible utk .affiliate-note-card) */
body.public-home #affiliate-kamar .private-detail-collapse{
  overflow:hidden !important;
  max-height:180px !important;
}
body.public-home #affiliate-kamar .private-detail-collapse.is-expanded{
  max-height:4000px !important;
}

/* ===== Task #110: de-prioritize visual Traktir Kamar (compact, bukan hide) ===== */
body.public-home #traktir-kamar{
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
body.public-home #traktir-kamar .section-heading h2{
  font-size: 24px !important;
}
body.public-home #traktir-kamar .section-heading p{
  font-size: 13.5px !important;
  max-width: 520px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
body.public-home #traktir-kamar .traktir-card-v2{
  max-width: 460px !important;
  margin: 0 auto !important;
  padding: 20px !important;
}
body.public-home #traktir-kamar .traktir-card-v2 h3{
  font-size: 16px !important;
}
body.public-home #traktir-kamar .traktir-card-v2 p{
  font-size: 12.5px !important;
}


  /* Fix: utility-grid jadi 5 tile setelah FAQ dihapus, flex-center biar row ke-2 simetris - dipindah ke akhir file biar menang cascade order vs rule asli (task #124) */
  body.public-home .utility-grid{
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
  }
  body.public-home .utility-grid .utility-card{
    flex: 0 1 350px !important;
  }


  /* Fix: text FAQ page (category title, pertanyaan, jawaban) hitam-di-atas-gelap tak terbaca setelah link dark CSS (task #127 FAQ) */
  body.public-home .faq-category summary span,
  body.public-home .faq-category summary strong{
    color: #F4F6F8 !important;
  }
  body.public-home .faq-category summary small{
    color: #8E98A8 !important;
  }
  body.public-home .faq-item summary{
    color: #F4F6F8 !important;
  }
  body.public-home .faq-item p{
    color: #93A0AF !important;
  }


  /* Fix: .private-course-explorer height:420px terlalu kecil utk konten (topbar+roadmap+tabs+visual+copy), chapter-visual (gambar chapter) ke-squeeze jadi 0px oleh flexbox (task #134) */
  body.public-home .private-course-explorer.private-detail-collapse.is-expanded{
    height: auto !important;
    max-height: none !important;
  }
  body.public-home .chapter-visual{
    flex-shrink: 0 !important;
  }
@media (min-width:981px){
  /* Compact hero section: kurangi min-height paksa + cap tinggi foto + kecilkan H1, homepage tidak terlalu panjang (task #132) */
  body.public-home .hero.section-shell{
    min-height: auto !important;
    padding: clamp(28px,4vw,48px) !important;
    align-items: center !important;
  }
  body.public-home .hero-copy{
    min-height: auto !important;
    padding: clamp(24px,3.5vw,40px) !important;
    gap: 16px !important;
  }
  body.public-home .hero-visual,
  body.public-home .hero-person{
    min-height: auto !important;
    max-height: 460px !important;
  }
  body.public-home .hero-visual .visual-card{
    max-height: 460px !important;
    height: 460px !important;
  }
  body.public-home .hero-visual .visual-card img{
    height: 100% !important;
    object-fit: cover !important;
  }
  body.public-home .hero h1{
    font-size: clamp(34px,3.6vw,48px) !important;
    line-height: 1.1 !important;
    margin: 12px 0 20px !important;
  }
}
}

@media (min-width: 981px) {
  /* Fix: dead-space grid row kurikulum Kamar Private - beri wrapper stretch+card treatment (task #135) */
  body.public-home .facility-detail-card.theme-private .private-right-stack{
    align-self: stretch !important;
    background: rgba(16,23,32,.55) !important;
    border: 1px solid rgba(215,180,109,.16) !important;
    border-radius: 22px !important;
    padding: 18px !important;
    box-sizing: border-box !important;
  }
}

@media (min-width: 981px) {
  /* Fix: kontras "20 Chapter Materi Terstruktur" tak terbaca di dark theme (task #139) */
  body.public-home .private-course-topbar strong{ color:#F4F6F8 !important; }

  /* Redesign: kurikulum Kamar Private default cuma tampilkan picker+gambar, detail chapter di-reveal (task #139) */
  body.public-home .chapter-copy-reveal{ display:none !important; }
  body.public-home .chapter-copy-reveal.is-expanded{ display:block !important; }
  body.public-home .chapter-detail-toggle{ margin-top:14px !important; margin-bottom:0 !important; }
}

@media (min-width: 981px) {
  /* Fix: naikkan collapsed height khusus #privateCourseExplorer supaya picker+gambar+tombol reveal tidak clipped overflow:hidden (task #139) */
  body.public-home #privateCourseExplorer.private-detail-collapse{ max-height:660px !important; }
  /* Fix: saat is-expanded (buka detail chapter/kurikulum), lepas cap 660px biar konten chapter-copy-card yg direveal tidak clipped overflow:hidden (task #139 fix 2) */
  body.public-home #privateCourseExplorer.private-detail-collapse.is-expanded{ max-height:none !important; overflow:visible !important; }
}


/* ===== KOREKSI 2026-09-09: mobile/tablet/PWA dark theme extension (max-width:980px) =====
Mirror dari blok desktop (min-width:981px) di atas, khusus rule warna/background
(bukan layout grid desktop-only), supaya homepage tetap dark di HP/tablet/PWA.
Tidak menyentuh ukuran hero (sudah diatur kamar-mobile-homepage-v1.css). */
@media (max-width: 980px) {

body.public-home,
body.kamar-v46-atelier{
background:
radial-gradient(circle at 10% -6%, rgba(184,138,61,.16), transparent 36rem),
radial-gradient(circle at 88% 10%, rgba(14,95,84,.20), transparent 32rem),
linear-gradient(180deg,#0B0F14 0%,#070A0F 55%,#0B0F14 100%) !important;
color:#F4F6F8 !important;
}
body.public-home h1, body.public-home h2, body.public-home h3{ color:#F4F6F8 !important; }
body.public-home p{ color:#93A0AF; }
body.public-home .premium-reveal{ opacity: 1 !important; transform: none !important; filter: none !important; }
body.public-home{ --km-muted: #8E98A8 !important; }

/* navbar */
body.public-home .site-header{
background:rgba(11,15,20,.92) !important;
border-color:rgba(244,246,248,.10) !important;
box-shadow:0 18px 50px rgba(0,0,0,.45) !important;
}
body.public-home .site-header .brand{ color:#F4F6F8 !important; }
body.public-home .nav-links a,
body.public-home .quick-mobile-nav a{ color:#B8C2CE !important; }
body.public-home .nav-links a:hover{ color:#F4F6F8 !important; background:rgba(244,246,248,.06) !important; }

/* universal section shell */
body.public-home .section-shell{
background:rgba(16,23,32,.88) !important;
border-color:rgba(244,246,248,.08) !important;
box-shadow:0 20px 70px rgba(0,0,0,.40) !important;
}
body.public-home .section-shell:not(.hero) .btn-secondary{
background:rgba(244,246,248,.06) !important;
border-color:rgba(244,246,248,.16) !important;
color:#F4F6F8 !important;
}

/* facility cards */
body.public-home .facility-card,
body.public-home .facility-selector-v2 .facility-card{
background:#101720 !important;
border-color:rgba(244,246,248,.10) !important;
box-shadow:0 14px 42px rgba(0,0,0,.35) !important;
}
body.public-home .facility-card h3{ color:#F4F6F8 !important; }
body.public-home .facility-card p{ color:#8E98A8 !important; }
body.public-home .facility-status-badge{ background:rgba(244,246,248,.08) !important; color:#D7B46D !important; }
body.public-home .facility-pill{ background:rgba(244,246,248,.06) !important; color:#B8C2CE !important; }
body.public-home .facility-access-badge{
border:1px solid rgba(244,246,248,.16) !important;
background:rgba(244,246,248,.05) !important;
color:#8E98A8 !important;
}
body.public-home .facility-access-badge-mixed{
color:#C7B889 !important;
border-color:rgba(215,180,109,.32) !important;
background:rgba(215,180,109,.06) !important;
}
body.public-home .facility-featured-badge{
background:linear-gradient(135deg,#D7B46D,#B88A3D) !important;
color:#171204 !important;
box-shadow:0 6px 16px rgba(184,138,61,.35) !important;
}
body.public-home .facility-featured-badge-premium{
background:linear-gradient(135deg,#F0DDA8,#D7A63A) !important;
box-shadow:0 6px 16px rgba(215,166,58,.45) !important;
}

/* trust strip / stats */
body.public-home .stats-grid>div{ background:#101720 !important; border-color:rgba(244,246,248,.10) !important; box-shadow:0 10px 30px rgba(0,0,0,.30) !important; }
body.public-home .stats-grid strong{ color:#F4F6F8 !important; }
body.public-home .detail-grid>div{ background:rgba(244,246,248,.05) !important; border-color:rgba(244,246,248,.10) !important; }
body.public-home .about-stats-grid > div{ background:#101720 !important; border-color:rgba(244,246,248,.10) !important; }
body.public-home .about-stats-grid strong{ color:#F4F6F8 !important; }
body.public-home .about-stats-grid span{ color:#8E98A8 !important; }

/* Signal recap */
body.public-home .recap-copy, body.public-home .recap-card{ background:rgba(16,23,32,.85) !important; border-color:rgba(244,246,248,.10) !important; }
body.public-home .showcase-tab{ background:rgba(244,246,248,.06) !important; color:#B8C2CE !important; }
body.public-home .kamar-recap-live-card{
background-image:
radial-gradient(circle at 12% 0%, rgba(14,95,84,.16), rgba(0,0,0,0) 55%),
linear-gradient(150deg, rgba(16,23,32,.96) 0%, rgba(11,16,23,.94) 100%) !important;
border-color: rgba(244,246,248,.10) !important;
}
body.public-home .kamar-recap-stats-daily > *{
background: rgb(16,23,32) !important;
border-color: rgba(244,246,248,.08) !important;
}
body.public-home .kamar-recap-live-card h4{ color:#F4F6F8 !important; }
body.public-home .kamar-recap-period{ color:#8E98A8 !important; }

/* access / social / traktir / faq */
body.public-home .access-box, body.public-home .access-split-box,
body.public-home .social-box, body.public-home .traktir-card,
body.public-home .faq-category, body.public-home .faq-item{
background:#101720 !important; border-color:rgba(244,246,248,.10) !important; box-shadow:0 12px 38px rgba(0,0,0,.35) !important;
}
body.public-home .social-link{ background:rgba(244,246,248,.06) !important; color:#F4F6F8 !important; border-color:rgba(244,246,248,.12) !important; }
body.public-home .faq-category summary span,
body.public-home .faq-category summary strong{ color: #F4F6F8 !important; }
body.public-home .faq-category summary small{ color: #8E98A8 !important; }
body.public-home .faq-item summary{ color: #F4F6F8 !important; }
body.public-home .faq-item p{ color: #93A0AF !important; }

/* Traktir Kamar */
body.public-home #traktir-kamar .traktir-card,
body.public-home #traktir-kamar .simple-traktir-card{
background-image:
radial-gradient(circle at 85% 0%, rgba(215,180,109,.14), rgba(0,0,0,0) 22rem),
linear-gradient(160deg, rgba(16,23,32,.95) 0%, rgba(11,16,23,.93) 100%) !important;
border-color: rgba(244,246,248,.10) !important;
}
body.public-home #traktir-kamar .traktir-card h3{ color:#F4F6F8 !important; }
body.public-home #traktir-kamar .traktir-card > p{ color:#8E98A8 !important; }
body.public-home #traktir-kamar .traktir-denom-chip:not(.active){
background: rgba(244,246,248,.06) !important;
border-color: rgba(244,246,248,.18) !important;
color:#F4F6F8 !important;
}
body.public-home #traktir-kamar .traktir-qty-label{ color:#8E98A8 !important; }
body.public-home #traktir-kamar .traktir-qty-btn{
background: rgba(244,246,248,.10) !important;
color:#F4F6F8 !important;
}
body.public-home #traktir-kamar .traktir-qty-value{ color:#F4F6F8 !important; }
body.public-home #traktir-kamar #traktirTotalValue{ color:#F4C95D !important; }
/* task #284: 5 tombol nominal simetris di HP, jangan 2-kolom nyisa 1 sendiri */
body.public-home #traktir-kamar .traktir-denom-row{
display:grid !important;
grid-template-columns:repeat(2, 1fr) !important;
gap:10px !important;
}
body.public-home #traktir-kamar .traktir-denom-chip{
width:100% !important;
text-align:center !important;
}
body.public-home #traktir-kamar .traktir-denom-row .traktir-denom-chip:last-child:nth-child(odd){
grid-column: 1 / -1 !important;
}

/* affiliate */
body.public-home #affiliate-kamar .affiliate-benefit-item,
body.public-home #affiliate-kamar .affiliate-note-card{ background:rgba(244,246,248,.05) !important; border-color:rgba(244,246,248,.10) !important; }
body.public-home #affiliate-kamar.section-shell{
background:
radial-gradient(circle at 12% 16%, rgba(201,157,81,.14), rgba(0,0,0,0) 384px),
radial-gradient(circle at 88% 10%, rgba(14,95,84,.20), rgba(0,0,0,0) 32rem),
linear-gradient(180deg,#0B1017 0%,#070A0F 100%) !important;
}
body.public-home #affiliate-kamar .affiliate-note-card{
background: linear-gradient(160deg, rgba(16,23,32,.92), rgba(11,16,23,.9)) !important;
border-color: rgba(244,246,248,.08) !important;
}
body.public-home #affiliate-kamar .affiliate-note-card h3{ color:#F4F6F8 !important; }
body.public-home #affiliate-kamar .affiliate-note-card > p{ color:#8E98A8 !important; }
body.public-home #affiliate-kamar .affiliate-note-card span{ color:#F4F6F8 !important; }
body.public-home #affiliate-kamar .affiliate-steps span{
background: rgba(244,246,248,.07) !important;
border-color: rgba(244,246,248,.14) !important;
color:#F4F6F8 !important;
}
body.public-home #affiliate-kamar .affiliate-commission{
border:1px solid rgba(184,138,61,.25) !important;
background:rgba(184,138,61,.06) !important;
}
body.public-home #affiliate-kamar .affiliate-commission small{ color:#93A0AF !important; }
body.public-home #affiliate-kamar .affiliate-commission strong{ color:#C7B889 !important; }

/* utility grid (YouTube/Resources/FAQ/Telegram/Affiliate tiles) */
body.public-home .utility-card{
background: linear-gradient(160deg, rgba(16,23,32,.9), rgba(11,16,23,.88)) !important;
border: 1px solid rgba(244,246,248,.08) !important;
}
body.public-home .utility-card-label{ color:#F4F6F8 !important; }
body.public-home .utility-card-desc{ color:#8E98A8 !important; }
body.public-home .utility-card-cta{ color:#D7B46D !important; }
body.public-home .utility-card-disabled .utility-card-cta{ color:#8E98A8 !important; }

/* YouTube featured video (task #285: teks tak terbaca di HP) */
.kamar-featured-video{
background:#101720 !important;
border:1px solid rgba(244,246,248,.10) !important;
box-shadow:0 14px 42px rgba(0,0,0,.35) !important;
}
.kamar-featured-video-media{ background:#070a0f !important; border:1px solid rgba(244,246,248,.08) !important; }
.kamar-featured-video-copy h3{ color:#F4F6F8 !important; }
.kamar-featured-video-copy p{ color:#b8c2ce !important; }

/* Kamar Private course explorer */
body.public-home .private-course-explorer{ background:rgba(16,23,32,.85) !important; border-color:rgba(215,180,109,.28) !important; }
body.public-home .chapter-copy-card{ background:rgba(244,246,248,.05) !important; border-color:rgba(244,246,248,.10) !important; }
body.public-home .chapter-tabs button, body.public-home .gallery-tabs button, body.public-home .course-nav-arrows button{
background:rgba(244,246,248,.06) !important; color:#B8C2CE !important; border-color:rgba(244,246,248,.14) !important;
}
body.public-home .continuous-heading span{ color:#D7B46D !important; }
body.public-home .chapter-visual{ background: rgba(244,246,248,.06) !important; color:#F4F6F8 !important; }
body.public-home .chapter-framework{ background: rgba(160,120,220,.16) !important; color:#D9C6F5 !important; }
body.public-home .chapter-category{ background: rgba(244,246,248,.06) !important; color:#8E98A8 !important; }
body.public-home .private-course-topbar strong{ color:#F4F6F8 !important; }
body.public-home .chapter-detail-grid > section{ background: rgba(244,246,248,.05) !important; border-color: rgba(244,246,248,.1) !important; }
body.public-home .chapter-objective{ background: linear-gradient(135deg, rgba(160,120,220,.14), rgba(244,246,248,.04)) !important; }
body.public-home .learning-roadmap button:not(.active){
background: rgba(244,246,248,.05) !important;
color:#C7D1DC !important;
border-color: rgba(244,246,248,.12) !important;
}
.private-curriculum-preview{
border:1px solid rgba(184,138,61,.22) !important;
background:rgba(184,138,61,.05) !important;
color:#B9C2CE !important;
}
.private-curriculum-preview-label{ color:#C7B889 !important; }
.private-curriculum-preview-stages{ color:#93A0AF !important; }
.private-detail-toggle{
background:rgba(215,180,109,.08) !important;
border:1px solid rgba(215,180,109,.35) !important;
color:#d7b46d !important;
}

/* indicator / robot preview */
body.public-home .indicator-badges article, body.public-home .mechanism-grid div,
body.public-home .robot-flow span, body.public-home .facility-info-grid section{
background:rgba(244,246,248,.05) !important; border-color:rgba(244,246,248,.10) !important; color:#B8C2CE !important;
}

/* lightbox */
body.public-home .lightbox-close, body.public-home .lightbox-nav{
background:rgba(16,23,32,.85) !important; color:#F4F6F8 !important; border-color:rgba(244,246,248,.14) !important;
}

/* hero floating badges */
body.public-home .hero-badges-on-visual span{
background:rgba(16,23,32,.85) !important; color:#F4F6F8 !important; border-color:rgba(244,246,248,.14) !important;
}

/* fix regresi: chip akses (Akses Gratis/Berbayar) */
body.public-home #akses .access-option{
background: linear-gradient(160deg, rgba(16,23,32,.92), rgba(11,16,23,.9)) !important;
border-color: rgba(244,246,248,.08) !important;
}
body.public-home #akses .access-option h3{ color:#F4F6F8 !important; }
body.public-home #akses .access-option p{ color:#8E98A8 !important; }
body.public-home #akses .access-option span{ color:#D7B46D !important; }

/* facility-note (blue box) */
body.public-home .facility-note{
background: rgba(53,132,229,.10) !important;
border-left-color: rgba(90,150,235,.7) !important;
color:#C7D3E0 !important;
}
body.public-home .facility-note, body.public-home .facility-note p,
body.public-home .course-note, body.public-home .course-note p,
body.public-home .facility-benefit-card, body.public-home .facility-benefit-card p,
body.public-home .facility-info-card, body.public-home .facility-info-card p{
color:#1B2228 !important;
}

/* Kamar Support panel */
body.public-home .kmr-sup-panel{
background: linear-gradient(160deg, rgba(16,23,32,.98), rgba(11,16,23,.97)) !important;
border-color: rgba(244,246,248,.10) !important;
}
body.public-home .kmr-sup-opt{
background: rgba(244,246,248,.05) !important;
border-color: rgba(244,246,248,.12) !important;
}
body.public-home .kmr-sup-opt-title{ color:#F4F6F8 !important; }
body.public-home .kmr-sup-opt-desc{ color:#8E98A8 !important; }
body.public-home .kmr-sup-opt-arrow{ color:#D7B46D !important; }

/* scam warning modal */
body.public-home .kamar-scam-card{
background: linear-gradient(160deg, rgba(16,23,32,.98), rgba(11,16,23,.97)) !important;
border: 1px solid rgba(244,246,248,.10) !important;
}
body.public-home .kamar-scam-card h2{ color:#F4F6F8 !important; }
body.public-home .kamar-scam-card strong{ color:#F4F6F8 !important; }
body.public-home .kamar-scam-card > p{ color:#8E98A8 !important; }
body.public-home .kamar-scam-highlight{
background: rgba(215,180,109,.12) !important;
border-color: rgba(215,180,109,.3) !important;
color:#F4F6F8 !important;
}
body.public-home .kamar-scam-highlight strong{ color:#F4F6F8 !important; }
body.public-home .kamar-scam-footnote{ color:#8E98A8 !important; }
body.public-home .kamar-scam-close{
background: rgba(244,246,248,.08) !important;
color:#F4F6F8 !important;
}

/* facility detail panels (Edukasi/Signal/Private/Indikator/Robot) */
body.public-home .facility-panel-v2,
body.public-home .facility-detail-card,
body.public-home .private-course-panel{
background-image:linear-gradient(145deg,#101720 0%,#0B0F14 100%) !important;
background-color:#101720 !important;
--kamar-ink:#F4F6F8;
--kamar-text:#F4F6F8;
--kamar-text-secondary:#B8C2CE;
--km-ink:#F4F6F8;
--km-muted:#8E98A8;
}
body.public-home .facility-panel-v2 h2, body.public-home .facility-panel-v2 h3,
body.public-home .facility-detail-card h2, body.public-home .facility-detail-card h3,
body.public-home .private-course-panel h2, body.public-home .private-course-panel h3{
color:#F4F6F8 !important;
}
body.public-home .facility-info-grid h4{ color:#F4F6F8 !important; }
body.public-home .facility-info-grid ul{ color:#B8C2CE !important; }
body.public-home .facility-info-grid section{ background:rgba(244,246,248,.06) !important; }
body.public-home .chapter-detail-grid h5,
body.public-home .chapter-objective strong,
body.public-home .facility-system-heading strong,
body.public-home .facility-panel-v2 .eyebrow,
body.public-home .facility-panel-v2 .section-label{ color:#D7B46D !important; }
body.public-home .kamar-recap-live-card h4{ color:#F4F6F8 !important; }

/* fix step chip Affiliate 981 duplicate covered above; ensure detail-card private right stack */
body.public-home .facility-detail-card.theme-private .private-right-stack{
background: rgba(16,23,32,.55) !important;
border: 1px solid rgba(215,180,109,.16) !important;
}

}

/* fix task #282 follow-up: pill shortcut Fasilitas/FAQ/Traktir Kamar di HP masih terang */
@media (max-width: 980px) {
body.public-home .quick-mobile-nav{
background: rgba(16,23,32,.92) !important;
border: 1px solid rgba(244,246,248,.10) !important;
box-shadow: 0 10px 30px rgba(0,0,0,.35) !important;
}
body.public-home .quick-mobile-nav a{ color:#B8C2CE !important; }
body.public-home .quick-mobile-nav a:hover, body.public-home .quick-mobile-nav a.active{ color:#F4F6F8 !important; background:rgba(244,246,248,.08) !important; }
}