/* ==========================================================================
   KAMAR MEMBER — FUTURISTIC EXECUTIVE LAYER v1
   Lapisan visual terakhir untuk area member (body.kamar-member-desktop-v2).
   Hanya CSS: tidak mengubah id, handler, endpoint, atau data.
   Tema: hitam + emas, Inter. Kontras dijaga >= WCAG AA.
   ========================================================================== */

body.kamar-member-desktop-v2{
  --k-bg:#06070a;
  --k-bg2:#0b0d12;
  --k-surface:rgba(255,255,255,.035);
  --k-surface-hi:rgba(255,255,255,.06);
  --k-line:rgba(244,223,144,.14);
  --k-line-hi:rgba(244,223,144,.34);
  --k-gold:#e8c867;
  --k-gold-hi:#f6e6a6;
  --k-gold-lo:#b8902f;
  --k-text:#f3efe6;
  --k-muted:#a9a393;
  --k-ok:#8ff0bd;
  --k-bad:#ffb0b0;
  --k-r:18px;
  --k-r-lg:22px;
  --k-glow:0 0 0 1px rgba(244,223,144,.06), 0 18px 48px -24px rgba(0,0,0,.8);
  font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif !important;
  background:
    radial-gradient(900px 480px at 82% -8%, rgba(232,200,103,.09), transparent 60%),
    radial-gradient(700px 420px at -6% 18%, rgba(70,110,255,.05), transparent 60%),
    var(--k-bg) !important;
  color:var(--k-text) !important;
  -webkit-font-smoothing:antialiased;
  letter-spacing:-.005em;
}
body.kamar-member-desktop-v2 .page-glow{opacity:.35 !important}

/* ---------- Header: ramping, menempel, tidak memakan ruang ---------- */
body.kamar-member-desktop-v2 .site-header,
body.kamar-member-desktop-v2 .kamar-global-header{
  width:min(calc(100% - 32px),1480px) !important;
  margin:12px auto 0 !important;
  padding:8px 14px !important;
  min-height:0 !important;
  border-radius:16px !important;
  border:1px solid var(--k-line) !important;
  background:rgba(8,9,13,.78) !important;
  -webkit-backdrop-filter:blur(18px) saturate(140%);
  backdrop-filter:blur(18px) saturate(140%);
  box-shadow:var(--k-glow) !important;
}
body.kamar-member-desktop-v2 .site-header .brand,
body.kamar-member-desktop-v2 .kamar-global-brand{font-size:15px !important;font-weight:700 !important;letter-spacing:-.01em}
body.kamar-member-desktop-v2 .site-header img,
body.kamar-member-desktop-v2 .kamar-global-brand img{width:34px !important;height:34px !important;border-radius:10px !important}
body.kamar-member-desktop-v2 .kamar-global-btn,
body.kamar-member-desktop-v2 .header-cta{
  min-height:36px !important;padding:0 14px !important;font-size:13px !important;font-weight:600 !important;
  border-radius:11px !important;background:var(--k-surface) !important;border:1px solid var(--k-line) !important;color:var(--k-text) !important;
}
body.kamar-member-desktop-v2 .kamar-global-btn:hover,
body.kamar-member-desktop-v2 .header-cta:hover{border-color:var(--k-line-hi) !important;background:var(--k-surface-hi) !important}
body.kamar-member-desktop-v2 .kamar-global-logout{color:var(--k-bad) !important;border-color:rgba(255,176,176,.25) !important;background:rgba(255,120,120,.06) !important}

/* ---------- Kerangka: hilangkan ruang kosong di atas konten ---------- */
body.kamar-member-desktop-v2 .split-shell{
  max-width:1480px !important;width:min(calc(100% - 32px),1480px) !important;
  margin:0 auto !important;padding:20px 0 56px !important;
}
body.kamar-member-desktop-v2 .split-main{min-width:0;display:grid;gap:16px}

/* ---------- Sidebar: grup jelas, ikon, kompak ---------- */
body.kamar-member-desktop-v2 .split-sidebar .brand-small{
  margin:2px 6px 8px !important;padding:0 0 10px !important;
  font-size:10.5px !important;font-weight:700 !important;letter-spacing:.2em !important;
  color:var(--k-gold) !important;border-bottom:1px solid var(--k-line) !important;
}
body.kamar-member-desktop-v2 .split-sidebar .brand-small small{display:block;margin-top:3px;font-size:10px;letter-spacing:.16em;color:var(--k-muted) !important;font-weight:600}
body.kamar-member-desktop-v2 .split-sidebar > a,
body.kamar-member-desktop-v2 .split-sidebar details > a,
body.kamar-member-desktop-v2 .split-sidebar summary{
  display:flex !important;align-items:center;gap:11px;
  min-height:40px;padding:8px 12px !important;margin:0 !important;
  border-radius:12px !important;border:1px solid transparent !important;border-left-width:1px !important;
  font-size:14px !important;font-weight:550 !important;line-height:1.25;letter-spacing:-.005em;
  color:#c9c3b4 !important;text-decoration:none;justify-content:flex-start !important;text-align:left !important;transition:background .18s,color .18s,border-color .18s;
}
body.kamar-member-desktop-v2 .split-sidebar > a::before,
body.kamar-member-desktop-v2 .split-sidebar details > a::before,
body.kamar-member-desktop-v2 .split-sidebar summary::before{
  content:"";flex:0 0 18px;width:18px;height:18px;background:currentColor;opacity:.78;
  -webkit-mask:var(--k-ico,none) center/contain no-repeat;mask:var(--k-ico,none) center/contain no-repeat;
}
body.kamar-member-desktop-v2 .split-sidebar > a:hover,
body.kamar-member-desktop-v2 .split-sidebar details > a:hover,
body.kamar-member-desktop-v2 .split-sidebar summary:hover{
  background:var(--k-surface-hi) !important;color:#fff !important;border-color:var(--k-line) !important;
}
body.kamar-member-desktop-v2 .split-sidebar > a.active,
body.kamar-member-desktop-v2 .split-sidebar details > a.active{
  background:linear-gradient(135deg,rgba(232,200,103,.20),rgba(232,200,103,.05)) !important;
  color:var(--k-gold-hi) !important;border-color:rgba(244,223,144,.38) !important;padding-left:12px !important;
  box-shadow:0 0 22px -8px rgba(232,200,103,.45);
}
body.kamar-member-desktop-v2 .split-sidebar > a.active::before{opacity:1}
body.kamar-member-desktop-v2 .split-sidebar a.disabled{opacity:.5 !important}
body.kamar-member-desktop-v2 .split-sidebar details{margin:4px 0 !important;border:0 !important;padding:0 !important}
body.kamar-member-desktop-v2 .split-sidebar details.sidebar-group,
body.kamar-member-desktop-v2 .split-sidebar details{border-top:1px solid var(--k-line) !important;padding-top:6px !important;margin-top:6px !important}
body.kamar-member-desktop-v2 .split-sidebar details > a{margin-left:14px !important;font-size:13.5px !important;min-height:36px;border-left:1px solid var(--k-line) !important;border-radius:0 10px 10px 0 !important}
body.kamar-member-desktop-v2 .split-sidebar summary{list-style:none;cursor:pointer;justify-content:flex-start}
body.kamar-member-desktop-v2 .split-sidebar summary::-webkit-details-marker{display:none}
body.kamar-member-desktop-v2 .split-sidebar summary::after{
  content:"";margin-left:auto;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;
  transform:rotate(45deg) translateY(-2px);transition:transform .2s;opacity:.6;font-size:0 !important;
}
body.kamar-member-desktop-v2 .split-sidebar details[open] > summary::after{transform:rotate(225deg) translate(-2px,0)}
body.kamar-member-desktop-v2 .split-sidebar details[open] > summary{color:var(--k-gold-hi) !important}
body.kamar-member-desktop-v2 .split-sidebar .admin-menu-section{
  margin:14px 8px 4px;font-size:10.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--k-muted);
}
body.kamar-member-desktop-v2 .split-sidebar a[data-kamar-logout]{
  color:var(--k-bad) !important;margin-top:6px !important;border-top:1px solid var(--k-line) !important;border-radius:12px !important;
}
/* ikon per menu (tanpa mengubah HTML) */
body.kamar-member-desktop-v2 .split-sidebar a[href^="dashboard"]{--k-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='9' rx='1.5'/%3E%3Crect x='14' y='3' width='7' height='5' rx='1.5'/%3E%3Crect x='14' y='12' width='7' height='9' rx='1.5'/%3E%3Crect x='3' y='16' width='7' height='5' rx='1.5'/%3E%3C/svg%3E")}
body.kamar-member-desktop-v2 .split-sidebar a[href^="member-catalog"]{--k-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h16v16H4z'/%3E%3Cpath d='M4 9h16M9 9v11'/%3E%3C/svg%3E")}
body.kamar-member-desktop-v2 .split-sidebar a[href^="member-renewal"]{--k-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a9 9 0 1 1-3-6.7'/%3E%3Cpath d='M21 4v5h-5'/%3E%3C/svg%3E")}
body.kamar-member-desktop-v2 .split-sidebar a[href^="member-orders"]{--k-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h12v18l-3-2-3 2-3-2-3 2z'/%3E%3Cpath d='M9 8h6M9 12h6'/%3E%3C/svg%3E")}
body.kamar-member-desktop-v2 .split-sidebar a[href^="member-fasilitas-khusus"]{--k-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 3 2.7 5.6 6.1.9-4.4 4.3 1 6.1L12 17l-5.4 2.9 1-6.1L3.2 9.5l6.1-.9z'/%3E%3C/svg%3E")}
body.kamar-member-desktop-v2 .split-sidebar details > summary{--k-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2 3 7l9 5 9-5z'/%3E%3Cpath d='m3 12 9 5 9-5M3 17l9 5 9-5'/%3E%3C/svg%3E")}
body.kamar-member-desktop-v2 .split-sidebar a[href^="affiliate"],
body.kamar-member-desktop-v2 .split-sidebar a[href^="member-affiliate"]{--k-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3.5'/%3E%3Cpath d='M2.5 20c.6-3.6 3.2-5.5 6.5-5.5s5.9 1.9 6.5 5.5'/%3E%3Cpath d='M17 5.5a3 3 0 0 1 0 5.8M18.5 14.7c1.8.6 3 2.2 3.3 4.8'/%3E%3C/svg%3E")}
body.kamar-member-desktop-v2 .split-sidebar a[href^="member-profile"]{--k-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c.8-4.2 4-6.5 8-6.5s7.2 2.3 8 6.5'/%3E%3C/svg%3E")}
body.kamar-member-desktop-v2 .split-sidebar a[data-kamar-logout]{--k-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3Cpath d='m16 17 5-5-5-5M21 12H9'/%3E%3C/svg%3E")}
/* sub-menu fasilitas & menu admin memakai titik penanda */
body.kamar-member-desktop-v2 .split-sidebar details > a::before{flex-basis:6px;width:6px;height:6px;border-radius:50%;-webkit-mask:none;mask:none;background:var(--k-gold-lo);opacity:.8}

/* ---------- Kartu ---------- */
body.kamar-member-desktop-v2 .split-card,
body.kamar-member-desktop-v2 .card,
body.kamar-member-desktop-v2 .panel{
  position:relative;border-radius:var(--k-r-lg) !important;
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.018)) !important;
  border:1px solid var(--k-line) !important;box-shadow:var(--k-glow) !important;
  padding:22px !important;
}
body.kamar-member-desktop-v2 .split-card:not(.kamar-rc):not(.kd-pagehero)::before{
  content:"";position:absolute;inset:0 0 auto 0;height:1px;border-radius:inherit;
  background:linear-gradient(90deg,transparent,rgba(244,223,144,.45),transparent);opacity:.6;pointer-events:none;
}
body.kamar-member-desktop-v2 .split-card.kamar-title-card{
  background:
    radial-gradient(600px 220px at 100% 0%,rgba(232,200,103,.14),transparent 70%),
    linear-gradient(135deg,rgba(255,255,255,.06),rgba(255,255,255,.015)) !important;
  border-color:var(--k-line-hi) !important;
}
body.kamar-member-desktop-v2 .split-card:not(.kamar-rc):hover{border-color:rgba(244,223,144,.22) !important}

/* ---------- Tipografi ---------- */
body.kamar-member-desktop-v2 h1,
body.kamar-member-desktop-v2 h2,
body.kamar-member-desktop-v2 h3{font-family:inherit !important;letter-spacing:-.02em !important;color:var(--k-text) !important;font-weight:700 !important}
body.kamar-member-desktop-v2 h1{font-size:clamp(26px,2.6vw,36px) !important;line-height:1.12 !important;font-weight:750 !important}
body.kamar-member-desktop-v2 h2{font-size:clamp(20px,1.8vw,26px) !important;line-height:1.2 !important}
body.kamar-member-desktop-v2 h3{font-size:17px !important;line-height:1.3 !important}
body.kamar-member-desktop-v2 p,
body.kamar-member-desktop-v2 li{color:#cfc9ba;line-height:1.6;font-weight:450}
body.kamar-member-desktop-v2 .mini-label,
body.kamar-member-desktop-v2 .eyebrow,
body.kamar-member-desktop-v2 .kamar-section-label{
  font-size:11px !important;font-weight:700 !important;letter-spacing:.18em !important;text-transform:uppercase;color:var(--k-gold) !important;
}
body.kamar-member-desktop-v2 small,
body.kamar-member-desktop-v2 .muted{color:var(--k-muted) !important}

/* ---------- Tombol ---------- */
body.kamar-member-desktop-v2 .btn,
body.kamar-member-desktop-v2 button.btn,
body.kamar-member-desktop-v2 a.btn{
  min-height:42px;padding:0 18px !important;border-radius:12px !important;font-size:14px !important;font-weight:650 !important;letter-spacing:-.005em;
  display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;
  border:1px solid var(--k-line) !important;background:var(--k-surface) !important;color:var(--k-text) !important;
  transition:transform .15s,border-color .18s,background .18s,box-shadow .18s;box-shadow:none !important;
}
body.kamar-member-desktop-v2 .btn:hover{border-color:var(--k-line-hi) !important;background:var(--k-surface-hi) !important;transform:translateY(-1px)}
body.kamar-member-desktop-v2 .btn.primary,
body.kamar-member-desktop-v2 .btn.gold{
  background:linear-gradient(135deg,var(--k-gold-hi),var(--k-gold) 55%,var(--k-gold-lo)) !important;
  color:#15120a !important;border-color:rgba(255,236,170,.6) !important;font-weight:750 !important;
  box-shadow:0 10px 28px -12px rgba(232,200,103,.65) !important;
}
body.kamar-member-desktop-v2 .btn.primary:hover{filter:brightness(1.05);box-shadow:0 14px 34px -12px rgba(232,200,103,.8) !important}
body.kamar-member-desktop-v2 .btn.mini{min-height:34px;padding:0 12px !important;font-size:13px !important}
body.kamar-member-desktop-v2 .button-row{display:flex;flex-wrap:wrap;gap:10px}
body.kamar-member-desktop-v2 :is(a,button,summary,input,select,textarea):focus-visible{outline:2px solid var(--k-gold-hi);outline-offset:2px;border-radius:12px}

/* ---------- Badge / status ---------- */
body.kamar-member-desktop-v2 .status-pill,
body.kamar-member-desktop-v2 .badge,
body.kamar-member-desktop-v2 .pill{
  display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:999px;font-size:12px;font-weight:650;
  border:1px solid var(--k-line);background:var(--k-surface);color:#d8d2c2;
}
body.kamar-member-desktop-v2 .status-pill.on{color:var(--k-ok);border-color:rgba(143,240,189,.35);background:rgba(143,240,189,.08)}

/* ---------- Form ---------- */
body.kamar-member-desktop-v2 input:not([type=checkbox]):not([type=radio]),
body.kamar-member-desktop-v2 select,
body.kamar-member-desktop-v2 textarea{
  min-height:44px;border-radius:12px !important;border:1px solid var(--k-line) !important;background:rgba(0,0,0,.35) !important;
  color:var(--k-text) !important;padding:10px 14px !important;font-size:14.5px !important;font-family:inherit !important;
  transition:border-color .18s,box-shadow .18s;
}
body.kamar-member-desktop-v2 input:focus,
body.kamar-member-desktop-v2 select:focus,
body.kamar-member-desktop-v2 textarea:focus{border-color:var(--k-gold) !important;box-shadow:0 0 0 3px rgba(232,200,103,.16) !important;outline:none}
body.kamar-member-desktop-v2 label{font-size:13px;font-weight:600;color:#d8d2c2}

/* ---------- Tabel & baris ---------- */
body.kamar-member-desktop-v2 table{border-collapse:separate;border-spacing:0;width:100%}
body.kamar-member-desktop-v2 th{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--k-gold);font-weight:700;text-align:left;padding:10px 12px;border-bottom:1px solid var(--k-line)}
body.kamar-member-desktop-v2 td{padding:12px;border-bottom:1px solid rgba(255,255,255,.06);color:#d8d2c2;font-size:14px}
body.kamar-member-desktop-v2 tbody tr:hover td{background:rgba(255,255,255,.025)}
body.kamar-member-desktop-v2 .admin-detail-row{gap:16px !important}

/* ---------- Grid kartu fasilitas / aksi cepat (dashboard) ---------- */
body.kamar-member-desktop-v2 .stats-grid{gap:12px !important}
body.kamar-member-desktop-v2 .kamar-content-card{
  border-radius:var(--k-r) !important;border:1px solid var(--k-line) !important;background:var(--k-surface) !important;
  transition:transform .18s,border-color .18s;
}
body.kamar-member-desktop-v2 .kamar-content-card:hover{transform:translateY(-2px);border-color:var(--k-line-hi) !important}


/* ---------- Desktop (>=1025px): kerangka dua kolom, sidebar menempel ---------- */
@media (min-width:1025px){
  body.kamar-member-desktop-v2 .split-app{display:grid !important;grid-template-columns:264px minmax(0,1fr) !important;gap:20px !important;align-items:start}
  body.kamar-member-desktop-v2 .split-sidebar{
    position:sticky !important;top:78px !important;max-height:calc(100vh - 96px) !important;overflow-y:auto !important;
    padding:14px !important;border-radius:var(--k-r-lg) !important;
    background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015)) !important;
    border:1px solid var(--k-line) !important;box-shadow:var(--k-glow) !important;
    scrollbar-width:thin;scrollbar-color:rgba(244,223,144,.25) transparent;display:flex;flex-direction:column;gap:2px;
  }
}

/* ---------- Efek tambahan (aditif, tidak menghapus efek lama) ---------- */
html{background:#06070a}
body.kamar-member-desktop-v2{min-height:100vh;background-attachment:fixed}
body.kamar-member-desktop-v2::before{ /* grid halus ala HUD */
  content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.5;
  background-image:linear-gradient(rgba(244,223,144,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(244,223,144,.035) 1px,transparent 1px);
  background-size:56px 56px;
  -webkit-mask:radial-gradient(ellipse 80% 60% at 50% 0%,#000 20%,transparent 75%);mask:radial-gradient(ellipse 80% 60% at 50% 0%,#000 20%,transparent 75%);
}
body.kamar-member-desktop-v2 .split-shell,
body.kamar-member-desktop-v2 .site-header{position:relative;z-index:1}
body.kamar-member-desktop-v2 .site-header{position:sticky;z-index:1000}
@keyframes kFuturRise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes kFuturSheen{0%{background-position:-160% 0}100%{background-position:260% 0}}
@keyframes kFuturPulse{0%,100%{box-shadow:0 0 18px -8px rgba(232,200,103,.4)}50%{box-shadow:0 0 28px -6px rgba(232,200,103,.65)}}
body.kamar-member-desktop-v2 .split-main > *:not(.kd-pagehero):not(.kamar-rc):not(.stat-card){animation:kFuturRise .5s cubic-bezier(.22,1,.36,1) both}
body.kamar-member-desktop-v2 .split-card.kamar-title-card:not(.kd-pagehero)::after{ /* kilau emas tipis */
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(105deg,transparent 35%,rgba(244,223,144,.09) 50%,transparent 65%);
  background-size:220% 100%;animation:kFuturSheen 7s ease-in-out infinite;
}
body.kamar-member-desktop-v2 .split-sidebar > a.active{animation:kFuturPulse 3.6s ease-in-out infinite}
body.kamar-member-desktop-v2 .split-card{transition:border-color .25s,box-shadow .25s,transform .25s}
body.kamar-member-desktop-v2 .split-card:not(.kamar-rc):hover{box-shadow:0 0 0 1px rgba(244,223,144,.12),0 22px 56px -26px rgba(232,200,103,.28) !important}
body.kamar-member-desktop-v2 .kd-q,
body.kamar-member-desktop-v2 .kd-fac{transition:transform .2s,border-color .2s,box-shadow .2s}
body.kamar-member-desktop-v2 .kd-q:hover,
body.kamar-member-desktop-v2 .kd-fac:hover{transform:translateY(-3px);box-shadow:0 16px 36px -20px rgba(232,200,103,.45)}

/* ---------- Simetri: grid kartu seragam ---------- */
body.kamar-member-desktop-v2 .split-main{grid-template-columns:minmax(0,1fr)}
body.kamar-member-desktop-v2 .kd-facs{display:grid !important;grid-template-columns:repeat(5,minmax(0,1fr)) !important;gap:12px !important}
body.kamar-member-desktop-v2 .kd-quick{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:12px !important}
body.kamar-member-desktop-v2 .kd-q,
body.kamar-member-desktop-v2 .kd-fac{display:flex !important;flex-direction:column;min-height:100%;border-radius:var(--k-r) !important}
body.kamar-member-desktop-v2 .kd-q{justify-content:center;padding:14px 16px !important}
body.kamar-member-desktop-v2 .kamar-rc{display:flex;flex-direction:column}
body.kamar-member-desktop-v2 .kamar-rc-head{align-items:flex-start}

/* ---------- iPad / tablet (<=1024px): drawer + bottom nav bawaan tetap dipakai ---------- */
@media (max-width:1024px){
  body.kamar-member-desktop-v2 .split-shell{width:min(calc(100% - 32px),920px) !important;padding:16px 0 96px !important}
  body.kamar-member-desktop-v2 .split-app{display:block !important}
  body.kamar-member-desktop-v2 .kd-facs{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
  body.kamar-member-desktop-v2 .kd-quick{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  body.kamar-member-desktop-v2 .site-header{width:calc(100% - 24px) !important}
  body.kamar-member-desktop-v2 .btn{min-height:46px}
  body.kamar-member-desktop-v2 .split-sidebar > a,
  body.kamar-member-desktop-v2 .split-sidebar summary{min-height:46px}
}


/* ---------- Judul bagian & judul kartu (menang atas CSS lama; efek lama kamar-rc tetap) ---------- */
body.kamar-member-desktop-v2 .split-main .kd-sec-title{display:flex;justify-content:space-between;align-items:center;margin:6px 4px 12px !important}
body.kamar-member-desktop-v2 .split-main .kd-sec-title h2{
  margin:0 !important;font-size:11.5px !important;font-weight:700 !important;letter-spacing:.18em !important;text-transform:uppercase !important;
  color:var(--k-gold) !important;-webkit-text-fill-color:var(--k-gold) !important;
}
body.kamar-member-desktop-v2 .split-main .kd-sec-title a{font-size:12px !important;font-weight:650 !important;letter-spacing:.08em !important;color:var(--k-gold-hi) !important;text-decoration:none}
body.kamar-member-desktop-v2 .split-main .kamar-rc .mini-label.kamar-rc-title{font-size:12px !important;font-weight:700 !important;letter-spacing:.18em !important;text-transform:uppercase !important;color:var(--k-gold) !important}
body.kamar-member-desktop-v2 .split-main .kamar-rc h2.kamar-rc-title{font-weight:750 !important;font-size:clamp(20px,1.7vw,24px) !important;line-height:1.22;letter-spacing:-.02em !important;text-transform:none !important}
body.kamar-member-desktop-v2 .kamar-reveal-head{border-radius:12px !important;border-color:var(--k-line) !important;background:var(--k-surface) !important}
body.kamar-member-desktop-v2 .kamar-reveal-summary{font-size:12px !important;font-weight:650 !important;letter-spacing:.1em !important;text-transform:uppercase;color:#e3dcc8 !important}
body.kamar-member-desktop-v2 .kamar-reveal-arrow{color:var(--k-gold) !important}
/* kartu berdampingan sama tinggi (simetri) */
body.kamar-member-desktop-v2 .split-main{align-items:stretch}

/* ---------- HP (<=640px) ---------- */
@media (max-width:640px){
  body.kamar-member-desktop-v2 .split-shell{width:calc(100% - 24px) !important;padding:12px 0 96px !important}
  body.kamar-member-desktop-v2 .split-card{padding:16px !important;border-radius:18px !important}
  body.kamar-member-desktop-v2 h1{font-size:25px !important}
  body.kamar-member-desktop-v2 h2.kamar-rc-title{font-size:20px !important}
  body.kamar-member-desktop-v2 .kd-facs{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  body.kamar-member-desktop-v2 .kd-quick{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  body.kamar-member-desktop-v2 .button-row .btn{flex:1 1 100%}
  body.kamar-member-desktop-v2 table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
}

@media (prefers-reduced-motion:reduce){
  body.kamar-member-desktop-v2 *,
  body.kamar-member-desktop-v2 *::after{animation:none !important;transition:none !important}
}
body.kamar-member-desktop-v2 .split-main > .kamar-rc,
body.kamar-member-desktop-v2 .split-main > .split-card{align-self:stretch}

/* ---------- Pilihan radio / persetujuan (form IB & aktivasi) ---------- */
body.kamar-member-desktop-v2 .radio-row{display:flex;flex-wrap:wrap;gap:10px}
body.kamar-member-desktop-v2 .radio-pill,
body.kamar-member-desktop-v2 .consent-item{
  display:flex !important;align-items:center;gap:10px;min-height:44px;padding:10px 16px !important;border-radius:12px !important;
  background:var(--k-surface) !important;border:1px solid var(--k-line) !important;color:var(--k-text) !important;
  font-size:13.5px !important;font-weight:600 !important;letter-spacing:0 !important;text-transform:none !important;cursor:pointer;
  transition:border-color .18s,background .18s;
}
body.kamar-member-desktop-v2 .radio-pill:hover,
body.kamar-member-desktop-v2 .consent-item:hover{border-color:var(--k-line-hi) !important;background:var(--k-surface-hi) !important}
body.kamar-member-desktop-v2 .radio-pill:has(input:checked),
body.kamar-member-desktop-v2 .consent-item:has(input:checked){border-color:var(--k-gold) !important;background:rgba(232,200,103,.1) !important}
body.kamar-member-desktop-v2 input[type=checkbox],
body.kamar-member-desktop-v2 input[type=radio]{accent-color:var(--k-gold);width:18px;height:18px;flex:0 0 18px}
body.kamar-member-desktop-v2 .consent-item span,
body.kamar-member-desktop-v2 .radio-pill span{color:var(--k-text) !important;font-weight:500;line-height:1.5}

/* ==========================================================================
   LEVEL 2 — Aurora, border berpendar, HUD, kilau tombol (aditif, hanya member)
   ========================================================================== */
@property --k-ang{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes kAurora{0%{transform:translate3d(-4%,-2%,0) scale(1)}50%{transform:translate3d(5%,4%,0) scale(1.12)}100%{transform:translate3d(-4%,-2%,0) scale(1)}}
@keyframes kSpin{to{--k-ang:360deg}}
@keyframes kBeacon{0%{box-shadow:0 0 0 0 rgba(143,240,189,.55)}70%{box-shadow:0 0 0 8px rgba(143,240,189,0)}100%{box-shadow:0 0 0 0 rgba(143,240,189,0)}}
@keyframes kScan{0%{background-position:0 -120%}100%{background-position:0 220%}}

/* aurora latar: dua orb emas + biru dingin yang bergerak pelan */
body.kamar-member-desktop-v2::after{
  content:"";position:fixed;inset:-10%;z-index:0;pointer-events:none;opacity:.55;
  background:
    radial-gradient(38% 32% at 18% 22%,rgba(232,200,103,.16),transparent 70%),
    radial-gradient(34% 30% at 84% 14%,rgba(90,130,255,.12),transparent 70%),
    radial-gradient(40% 34% at 72% 88%,rgba(232,200,103,.10),transparent 70%);
  animation:kAurora 26s ease-in-out infinite;will-change:transform;
}

/* kartu: kaca dengan sorotan dalam + border berputar halus saat hover */
body.kamar-member-desktop-v2 .split-card:not(.kamar-rc):not(.kd-pagehero){
  background:
    linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.016)) padding-box,
    linear-gradient(135deg,rgba(244,223,144,.22),rgba(244,223,144,.04) 40%,rgba(244,223,144,.16)) border-box !important;
  border:1px solid transparent !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 18px 48px -24px rgba(0,0,0,.85) !important;
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
}
@supports (background:conic-gradient(from var(--k-ang),red,blue)){
  body.kamar-member-desktop-v2 .split-card:not(.kamar-rc):not(.kd-pagehero):hover{
    background:
      linear-gradient(180deg,rgba(14,15,19,.96),rgba(10,11,14,.96)) padding-box,
      conic-gradient(from var(--k-ang),rgba(244,223,144,.9),rgba(244,223,144,.08) 30%,rgba(120,160,255,.45) 55%,rgba(244,223,144,.08) 80%,rgba(244,223,144,.9)) border-box !important;
    animation:kSpin 5s linear infinite;
  }
}

/* kartu judul: sudut HUD */
body.kamar-member-desktop-v2 .split-card.kamar-title-card{overflow:hidden}
body.kamar-member-desktop-v2 .split-card.kamar-title-card:not(.kd-pagehero){
  background-image:
    linear-gradient(var(--k-gold),var(--k-gold)),linear-gradient(var(--k-gold),var(--k-gold)),
    linear-gradient(var(--k-gold),var(--k-gold)),linear-gradient(var(--k-gold),var(--k-gold)),
    radial-gradient(600px 220px at 100% 0%,rgba(232,200,103,.16),transparent 70%),
    linear-gradient(135deg,rgba(255,255,255,.06),rgba(255,255,255,.015)) !important;
  background-size:14px 1.5px,1.5px 14px,14px 1.5px,1.5px 14px,auto,auto !important;
  background-position:14px 14px,14px 14px,calc(100% - 14px) calc(100% - 14px),calc(100% - 14px) calc(100% - 14px),0 0,0 0 !important;
  background-repeat:no-repeat !important;
}

/* tombol utama: kilau menyapu saat hover */
body.kamar-member-desktop-v2 .btn.primary,
body.kamar-member-desktop-v2 .btn.gold{position:relative;overflow:hidden;isolation:isolate}
body.kamar-member-desktop-v2 .btn.primary::after,
body.kamar-member-desktop-v2 .btn.gold::after{
  content:"";position:absolute;inset:0;z-index:-1;transform:translateX(-120%) skewX(-18deg);width:60%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);transition:transform .7s cubic-bezier(.22,1,.36,1);
}
body.kamar-member-desktop-v2 .btn.primary:hover::after,
body.kamar-member-desktop-v2 .btn.gold:hover::after{transform:translateX(260%) skewX(-18deg)}

/* menu aktif: batang neon di kiri; item bergeser halus */
body.kamar-member-desktop-v2 .split-sidebar > a.active{position:relative}
body.kamar-member-desktop-v2 .split-sidebar > a.active::after{
  content:"";position:absolute;left:-1px;top:20%;bottom:20%;width:3px;border-radius:3px;
  background:linear-gradient(180deg,var(--k-gold-hi),var(--k-gold-lo));box-shadow:0 0 12px rgba(244,223,144,.8);
}
body.kamar-member-desktop-v2 .split-sidebar > a:not(.active):hover{transform:translateX(3px)}

body.kamar-member-desktop-v2 .kd-fac.on .kd-ic{box-shadow:0 0 22px -4px rgba(244,223,144,.55)}

/* angka dan data */
body.kamar-member-desktop-v2 .stat-card strong,
body.kamar-member-desktop-v2 td,body.kamar-member-desktop-v2 .admin-detail-row b{font-variant-numeric:tabular-nums}

/* skeleton: garis pemindai */
body.kamar-member-desktop-v2 .kamar-skel-bar{
  background-image:linear-gradient(180deg,transparent 0,rgba(244,223,144,.14) 50%,transparent 100%) !important;
  background-size:100% 60%;background-repeat:no-repeat;animation:kScan 1.6s linear infinite;
}

/* scrollbar halaman */
body.kamar-member-desktop-v2{scrollbar-color:rgba(244,223,144,.3) #06070a;scrollbar-width:thin}
body.kamar-member-desktop-v2 ::selection{background:rgba(232,200,103,.35);color:#fff}

/* bottom nav HP/iPad: kaca + nyala emas pada menu aktif */
@media (max-width:1024px){
  body.kamar-member-desktop-v2 [class*="bottom-nav"],body.kamar-member-desktop-v2 .kamar-bottom-nav{
    -webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);
    box-shadow:0 18px 50px -12px rgba(0,0,0,.85),0 0 0 1px rgba(244,223,144,.14) !important;
  }
}
@media (prefers-reduced-motion:reduce){
  body.kamar-member-desktop-v2::after{animation:none !important}
}

/* ---------- Perbaikan hasil uji data: tombol "Beli Paket" terbaca jelas ---------- */
body.kamar-member-desktop-v2 .kd-fac:not(.on) .kd-fa{
  color:#171108 !important;-webkit-text-fill-color:#171108 !important;font-weight:750 !important;
  background:linear-gradient(135deg,var(--k-gold-hi),var(--k-gold) 55%,var(--k-gold-lo)) !important;
  border-radius:12px !important;padding:9px 10px !important;box-shadow:0 10px 24px -14px rgba(232,200,103,.7);
}
body.kamar-member-desktop-v2 .kd-fac.on .kd-fa{color:var(--k-gold-hi) !important}
body.kamar-member-desktop-v2 .kd-fac .kd-fn{font-weight:700}
/* dasar kartu lebih pekat agar aurora tidak membuat warna keruh */
body.kamar-member-desktop-v2 .split-main .split-card,
body.kamar-member-desktop-v2 .split-main .kamar-rc{background-color:#0a0b10 !important}
body.kamar-member-desktop-v2 .split-main .split-card .split-card,
body.kamar-member-desktop-v2 .split-main .split-card .kamar-rc{background-color:rgba(255,255,255,.02) !important}

/* ==========================================================================
   SISTEM TOKEN TEKS (tema gelap) — menimpa token tema terang lama (--km-*)
   sehingga semua aturan lama yang memakai var(--km-ink/--km-muted) terbaca.
   Teks utama >= 12:1, teks sekunder >= 7:1 terhadap latar kartu (#0a0b10).
   ========================================================================== */
body.kamar-member-desktop-v2{
  --km-bg:#06070a;--km-panel:#0f1117;--km-panel-2:#12141b;
  --km-ink:#f3efe6;--km-muted:#b9b2a1;--km-line:rgba(244,223,144,.16);
  --km-gold:#e8c867;--km-gold-2:#f6e6a6;--km-deep:#0b0d12;--km-deep-2:#10131a;
  --km-emerald:#8ff0bd;--km-shadow:0 18px 48px -24px rgba(0,0,0,.85);
  --k-text-2:#cfc9ba;--k-text-3:#b9b2a1;
}
/* lencana status signal gratis (JS lama memakai warna tema terang) */
body.kamar-member-desktop-v2 .kamar-sigfree-card{background:rgba(255,255,255,.035) !important;border-color:var(--k-line) !important}
body.kamar-member-desktop-v2 .kamar-sigfree-card .meta,
body.kamar-member-desktop-v2 .kamar-sigfree-card .progress{opacity:1 !important;color:var(--k-text-2) !important}
body.kamar-member-desktop-v2 .kamar-sigfree-card .status-badge{font-size:11.5px !important;padding:3px 11px !important;border:1px solid transparent}
body.kamar-member-desktop-v2 .kamar-sigfree-card .status-badge.is-fresh{background:rgba(96,165,250,.16) !important;color:#bfdbfe !important;border-color:rgba(147,197,253,.4)}
body.kamar-member-desktop-v2 .kamar-sigfree-card .status-badge.is-active{background:rgba(232,200,103,.16) !important;color:#f6e6a6 !important;border-color:rgba(244,223,144,.4)}
body.kamar-member-desktop-v2 .kamar-sigfree-card .status-badge.is-profit{background:rgba(52,211,153,.16) !important;color:#a7f3d0 !important;border-color:rgba(110,231,183,.4)}
body.kamar-member-desktop-v2 .kamar-sigfree-card .status-badge.is-loss{background:rgba(248,113,113,.16) !important;color:#fecaca !important;border-color:rgba(252,165,165,.4)}
body.kamar-member-desktop-v2 .kamar-sigfree-card .progress strong.pos{color:#86efac !important}
body.kamar-member-desktop-v2 .kamar-sigfree-card .progress strong.neg{color:#fca5a5 !important}
body.kamar-member-desktop-v2 .kamar-sigfree-card .levels div{background:rgba(255,255,255,.05) !important;color:var(--k-text) !important}
body.kamar-member-desktop-v2 .kamar-sigfree-card .levels div strong{opacity:1 !important;color:var(--k-gold) !important}
body.kamar-member-desktop-v2 .kamar-sigfree-empty,
body.kamar-member-desktop-v2 .kamar-sigfree-card .progress.muted{opacity:1 !important;color:var(--k-text-3) !important}
/* riwayat permintaan profil */
body.kamar-member-desktop-v2 .setting-card{display:grid;gap:6px;padding:14px 16px !important;border-radius:var(--k-r) !important;background:var(--k-surface) !important;border:1px solid var(--k-line) !important}
body.kamar-member-desktop-v2 .setting-card strong{color:var(--k-text) !important;font-size:14.5px !important;font-weight:600 !important;line-height:1.45}
body.kamar-member-desktop-v2 .setting-card span{color:var(--k-gold) !important;font-size:11.5px !important}
body.kamar-member-desktop-v2 .setting-card .status-pill{justify-self:start !important;width:auto !important;max-width:max-content}
/* pil status: kontras dalam tema gelap */
body.kamar-member-desktop-v2 .status-pill.warn{color:#fde68a;border-color:rgba(253,230,138,.4);background:rgba(253,230,138,.1)}
body.kamar-member-desktop-v2 .status-pill.off{color:#fecaca;border-color:rgba(252,165,165,.4);background:rgba(248,113,113,.1)}
body.kamar-member-desktop-v2 .status-pill.on{color:#a7f3d0}
/* placeholder dan teks bantu */
body.kamar-member-desktop-v2 ::placeholder{color:#8f897b !important;opacity:1 !important}

/* ---------- v4: drawer HP/iPad harus di atas backdrop ----------
   .split-shell (kamar-dashboard-motion.css) membuat stacking context z-index:1,
   sehingga backdrop blur (z 10000) menutupi drawer di dalamnya. */
@media (max-width:1024px){
  body.kamar-member-desktop-v2 .split-shell{z-index:auto !important}
}

/* ---------- v4: drawer & bottom nav HP/iPad ---------- */
@media (max-width:1024px){
  html body.kamar-member-desktop-v2 .split-sidebar{
    padding-bottom:calc(34px + env(safe-area-inset-bottom)) !important;
    -webkit-backdrop-filter:none !important;backdrop-filter:none !important;
    width:min(88vw,360px) !important;
  }
  html body.kamar-member-desktop-v2 .split-sidebar .kamar-drawer-head{padding-top:calc(24px + env(safe-area-inset-top)) !important}
  html body.kamar-member-desktop-v2 .split-sidebar > a,
  html body.kamar-member-desktop-v2 .split-sidebar details > a{
    margin:3px 12px !important;min-height:48px !important;
  }
  html body.kamar-member-desktop-v2 .split-sidebar summary{margin:6px 12px !important;min-height:48px !important}
  html body.kamar-member-desktop-v2 .split-sidebar a.active{box-shadow:inset 3px 0 0 var(--k-gold),0 0 22px -8px rgba(232,200,103,.5) !important}
  html body.kamar-member-desktop-v2 .kamar-bottom-nav a{min-height:52px;-webkit-tap-highlight-color:transparent}
  html body.kamar-member-desktop-v2 .kamar-bottom-nav a span{font-size:10px;letter-spacing:.06em}
  html body.kamar-member-desktop-v2 .kamar-bottom-nav a.active{box-shadow:0 0 22px -6px rgba(232,200,103,.65)}
  /* isi tidak tertutup bottom nav + tombol Bantuan */
  body.kamar-member-desktop-v2 .split-shell{padding-bottom:calc(130px + env(safe-area-inset-bottom)) !important}
}
@media (max-width:1024px) and (min-width:641px){
  html body.kamar-member-desktop-v2 .kamar-bottom-nav{max-width:560px !important}
}
@media (prefers-reduced-motion:reduce){
  html body .split-sidebar,html body .kamar-drawer-backdrop{transition-duration:.01ms !important}
}
@media (max-width:640px){
  body.kamar-member-desktop-v2 .kx-sec-title{display:grid !important;gap:4px !important;justify-items:start}
  body.kamar-member-desktop-v2 .kx-sec-title h2{white-space:normal}
}

/* ---------- v4b: kartu info fasilitas rata atas, link disabled terbaca ---------- */
body.kamar-member-desktop-v2 .facility-content-card{display:flex !important;flex-direction:column !important;justify-content:flex-start !important;gap:10px !important}
body.kamar-member-desktop-v2 .facility-content-card h3{margin:0 !important}
body.kamar-member-desktop-v2 .facility-content-card p{margin:0 !important}
body.kamar-member-desktop-v2 .facility-content-card .btn{align-self:flex-start;margin-top:auto}
body.kamar-member-desktop-v2 .split-sidebar a.disabled{opacity:.78 !important;color:#cfc9ba !important}

/* ---------- v4c: Status Fasilitas simetris di HP/iPad (grid, bukan scroller) ---------- */
@media (max-width:1024px){
  html body.kamar-member-desktop-v2 .kd-facs{display:grid !important;overflow:visible !important;scroll-snap-type:none !important;grid-template-columns:repeat(6,minmax(0,1fr)) !important;gap:12px !important;padding-bottom:0 !important}
  html body.kamar-member-desktop-v2 .kd-fac{min-width:0 !important;grid-column:span 2}
  html body.kamar-member-desktop-v2 .kd-fac:nth-last-child(2):nth-child(3n+1),
  html body.kamar-member-desktop-v2 .kd-fac:last-child:nth-child(3n+2){grid-column:span 3}
  html body.kamar-member-desktop-v2 .kd-fac:nth-last-child(2):nth-child(3n+1) + .kd-fac{grid-column:span 3}
}
@media (max-width:640px){
  html body.kamar-member-desktop-v2 .kd-facs{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  html body.kamar-member-desktop-v2 .kd-fac,
  html body.kamar-member-desktop-v2 .kd-fac:nth-last-child(2):nth-child(3n+1),
  html body.kamar-member-desktop-v2 .kd-fac:last-child:nth-child(3n+2),
  html body.kamar-member-desktop-v2 .kd-fac:nth-last-child(2):nth-child(3n+1) + .kd-fac{grid-column:auto}
  html body.kamar-member-desktop-v2 .kd-facs > .kd-fac:last-child:nth-child(odd){grid-column:1/-1 !important}
}
/* kartu ringkasan yang tertutup: tanpa ruang kosong */
body.kamar-member-desktop-v2 .kamar-reveal-body{margin-top:0 !important;margin-bottom:0 !important;padding-top:0 !important;padding-bottom:0 !important}

/* ---------- v6: tombol Bantuan ringkas di HP/iPad (tidak menutupi isi) ---------- */
@media (max-width:1024px){
  html body .kmr-sup-launcher{padding:0 !important;width:44px;height:44px;justify-content:center;right:10px !important;opacity:.92;font-size:0 !important;gap:0 !important}
  html body .kmr-sup-launcher svg{width:20px;height:20px}
  html body.kamar-has-bottom-nav .kmr-sup-launcher{bottom:calc(92px + env(safe-area-inset-bottom)) !important}
}

/* ---------- v7: Katalog Produk — grid paket simetris, kartu sama tinggi ---------- */
body.kamar-member-desktop-v2 .kc-grp .kc-grid{gap:12px !important;align-items:stretch}
body.kamar-member-desktop-v2 .kc-grp[data-g="indikator"] .kc-grid,
body.kamar-member-desktop-v2 .kc-grp[data-g="robot"] .kc-grid{grid-template-columns:repeat(5,minmax(0,1fr)) !important}
body.kamar-member-desktop-v2 .kc-grp[data-g="ebook"] .kc-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
body.kamar-member-desktop-v2 .kc-card{display:flex !important;flex-direction:column;gap:6px;height:100%;min-height:0 !important;transform:none !important;margin:0 !important}
body.kamar-member-desktop-v2 .kc-card .kc-badge{position:absolute !important;top:12px !important;right:12px !important;margin:0 !important}
body.kamar-member-desktop-v2 .kc-card.hot .kc-name{padding-right:84px}
body.kamar-member-desktop-v2 .kc-grp[data-g="ebook"] .kc-name{min-height:2.7em}
body.kamar-member-desktop-v2 .kc-card .kc-note{align-self:flex-start}
body.kamar-member-desktop-v2 .kc-card .kc-cta{margin-top:auto !important;padding-top:8px}
body.kamar-member-desktop-v2 .kc-head .kc-go{align-self:flex-end}
@media (max-width:1100px){
  body.kamar-member-desktop-v2 .kc-grp[data-g="indikator"] .kc-grid,
  body.kamar-member-desktop-v2 .kc-grp[data-g="robot"] .kc-grid{grid-template-columns:repeat(6,minmax(0,1fr)) !important}
  body.kamar-member-desktop-v2 .kc-grp[data-g="indikator"] .kc-card,
  body.kamar-member-desktop-v2 .kc-grp[data-g="robot"] .kc-card{grid-column:span 2}
  body.kamar-member-desktop-v2 .kc-grp[data-g="indikator"] .kc-card:nth-child(4),
  body.kamar-member-desktop-v2 .kc-grp[data-g="indikator"] .kc-card:nth-child(5),
  body.kamar-member-desktop-v2 .kc-grp[data-g="robot"] .kc-card:nth-child(4),
  body.kamar-member-desktop-v2 .kc-grp[data-g="robot"] .kc-card:nth-child(5){grid-column:span 3}
}
@media (max-width:760px){
  body.kamar-member-desktop-v2 .kc-grp[data-g="ebook"] .kc-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  body.kamar-member-desktop-v2 .kc-grp[data-g="ebook"] .kc-card:last-child:nth-child(odd){grid-column:1/-1}
}
@media (max-width:640px){
  body.kamar-member-desktop-v2 .kc-grp[data-g="indikator"] .kc-grid,
  body.kamar-member-desktop-v2 .kc-grp[data-g="robot"] .kc-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  body.kamar-member-desktop-v2 .kc-grp[data-g="indikator"] .kc-card,
  body.kamar-member-desktop-v2 .kc-grp[data-g="robot"] .kc-card,
  body.kamar-member-desktop-v2 .kc-grp[data-g="indikator"] .kc-card:nth-child(4),
  body.kamar-member-desktop-v2 .kc-grp[data-g="robot"] .kc-card:nth-child(4){grid-column:auto}
  body.kamar-member-desktop-v2 .kc-grp[data-g="indikator"] .kc-card:last-child,
  body.kamar-member-desktop-v2 .kc-grp[data-g="robot"] .kc-card:last-child{grid-column:1/-1}
  body.kamar-member-desktop-v2 .kc-grp{padding:16px !important}
  body.kamar-member-desktop-v2 .kc-head{align-items:stretch}
  body.kamar-member-desktop-v2 .kc-head .kc-go{width:100%}
  body.kamar-member-desktop-v2 .kc-card.hot .kc-name{padding-right:0;padding-top:22px}
}
html body.kamar-member-desktop-v2 .kc-card,html body.kamar-member-desktop-v2 .kc-card.hot{padding:16px !important}
body.kamar-member-desktop-v2 .kc-card .kc-price{font-size:clamp(19px,1.75vw,26px) !important;white-space:nowrap;letter-spacing:-.02em}
@media (max-width:640px){
  body.kamar-member-desktop-v2 .kc-card .kc-price{font-size:clamp(17px,5.2vw,22px) !important}
}
@media (max-width:520px){
  body.kamar-member-desktop-v2 .kc-grp[data-g="ebook"] .kc-grid{grid-template-columns:1fr !important}
  body.kamar-member-desktop-v2 .kc-grp[data-g="ebook"] .kc-name{min-height:0}
}

/* ---------- v7: Perpanjang & Tambah — kartu seragam, 5 kartu simetris ---------- */
body.kamar-member-desktop-v2 .kx-facs{grid-template-columns:repeat(6,minmax(0,1fr)) !important;gap:14px !important}
body.kamar-member-desktop-v2 .kx-fac{grid-column:span 2;height:100%}
body.kamar-member-desktop-v2 .kx-facs > .kx-fac:nth-child(4),
body.kamar-member-desktop-v2 .kx-facs > .kx-fac:nth-child(5){grid-column:span 3}
body.kamar-member-desktop-v2 .kx-fac .kx-chip-empty{display:block;height:26px;padding:0;border:0;background:none;visibility:hidden}
body.kamar-member-desktop-v2 .kx-fac .kx-pr-empty{display:block;height:22px}
body.kamar-member-desktop-v2 .kx-fac .kx-ds{min-height:3.3em;margin-bottom:4px}
body.kamar-member-desktop-v2 .kx-fac .kx-st{margin-top:auto !important}
body.kamar-member-desktop-v2 .kx-fac .kx-go{margin-top:6px}
body.kamar-member-desktop-v2 .kx-fac .kx-hot{background:linear-gradient(110deg,#ff7a45,#ff2e63) !important;background-size:100% 100% !important;animation:none !important}
@media (max-width:980px){
  body.kamar-member-desktop-v2 .kx-facs{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  body.kamar-member-desktop-v2 .kx-fac,
  body.kamar-member-desktop-v2 .kx-facs > .kx-fac:nth-child(4),
  body.kamar-member-desktop-v2 .kx-facs > .kx-fac:nth-child(5){grid-column:auto}
  body.kamar-member-desktop-v2 .kx-facs > .kx-fac:last-child:nth-child(odd){grid-column:1/-1}
}
@media (max-width:620px){
  body.kamar-member-desktop-v2 .kx-facs{grid-template-columns:1fr !important}
  body.kamar-member-desktop-v2 .kx-facs > .kx-fac:last-child:nth-child(odd){grid-column:auto}
  body.kamar-member-desktop-v2 .kx-fac .kx-ds{min-height:0}
}

/* ---------- v7: Rekap Winrate simetris ---------- */
body.kamar-member-desktop-v2 .kamar-recap-stats{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:12px !important}
body.kamar-member-desktop-v2 .kamar-recap-stats > div{display:flex !important;flex-direction:column;gap:6px;padding:14px 16px !important;border:1px solid var(--k-line);border-radius:16px;background:#0a0b10;min-width:0}
body.kamar-member-desktop-v2 .kamar-recap-stats > div strong{display:block;font-size:14px;line-height:1.3}
body.kamar-member-desktop-v2 .kamar-recap-stats .pips{display:block;font-size:13px;line-height:1.45}
body.kamar-member-desktop-v2 .kamar-recap-stats .pips .sg{white-space:nowrap;color:var(--k-text-3)}
@media (max-width:1024px){body.kamar-member-desktop-v2 .kamar-recap-stats{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}

/* ---------- v7: sidebar HP/desktop — label grup tidak kosong saat menunggu data ---------- */
body.kamar-member-desktop-v2 .split-sidebar details.kamar-skel-gate > summary{visibility:visible !important}

/* ---------- v7: panel seragam gelap-emas (tidak lagi beige-glass) ---------- */
html body.kamar-member-desktop-v2 .split-main > .split-card:not(.kd-pagehero):not(.kamar-title-card),
html body.kamar-member-desktop-v2 .split-main > .member-page-panel,
html body.kamar-member-desktop-v2 #payment-mayar.split-card{
  background-color:#0a0b10 !important;
  background-image:radial-gradient(520px 180px at 100% 0%,rgba(232,200,103,.09),transparent 65%),linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.008)) !important;
  border-color:var(--k-line) !important;
  box-shadow:0 18px 50px -22px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.05);
}
html body.kamar-member-desktop-v2 .kx-fac,
html body.kamar-member-desktop-v2 .facility-content-card{
  background-color:#0d0f14 !important;
  background-image:radial-gradient(300px 120px at 100% 0%,rgba(232,200,103,.1),transparent 65%),linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.006)) !important;
}
html body.kamar-member-desktop-v2 .split-main .split-card .split-card,
html body.kamar-member-desktop-v2 .split-main .stat-card,
html body.kamar-member-desktop-v2 .split-main .kamar-rc,
html body.kamar-member-desktop-v2 .split-main .split-card .member-page-panel{
  background-color:#0d0f14 !important;
  background-image:radial-gradient(300px 120px at 100% 0%,rgba(232,200,103,.1),transparent 65%),linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.006)) !important;
}

/* ---------- v7: deskripsi terbuka tidak terpotong; grid kartu tunggal tidak sempit ---------- */
body.kamar-member-desktop-v2 .kamar-reveal-head.open + .kamar-reveal-body{max-height:none !important;overflow:visible !important}
body.kamar-member-desktop-v2 .fkx-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr)) !important}
body.kamar-member-desktop-v2 .fkx-grid > .fkx-card:only-child{max-width:560px}
body.kamar-member-desktop-v2 .fkx-card{background-color:#0d0f14 !important}

/* ---------- v8: Katalog — harga tidak terpotong & sejajar di HP/iPad (temuan Chrome live) ---------- */
html body.kamar-member-desktop-v2 .kc-card{overflow:visible !important}
html body.kamar-member-desktop-v2 .kc-card .kc-badge{top:-10px !important;right:12px !important}
html body.kamar-member-desktop-v2 .kc-card.hot .kc-name{padding-right:0 !important;padding-top:0 !important}
html body.kamar-member-desktop-v2 .kc-grp[data-g="indikator"] .kc-name,
html body.kamar-member-desktop-v2 .kc-grp[data-g="robot"] .kc-name,
html body.kamar-member-desktop-v2 .kc-grp[data-g="indikator"] .kc-sub,
html body.kamar-member-desktop-v2 .kc-grp[data-g="robot"] .kc-sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:640px){
  html body.kamar-member-desktop-v2 .kc-card,
  html body.kamar-member-desktop-v2 .kc-card.hot{padding:14px 12px !important}
  html body.kamar-member-desktop-v2 .kc-card .kc-price{font-size:15px !important;letter-spacing:-.03em}
}
@media (min-width:641px) and (max-width:1100px){
  html body.kamar-member-desktop-v2 .kc-card .kc-price{font-size:clamp(17px,2.3vw,22px) !important}
}

/* ===== v9: Signal Gratis Hari Ini — aksen arah BUY (hijau) / SELL (merah) ===== */
html body.kamar-member-desktop-v2 .kamar-sigfree-card{--sg:230,195,106;--sgc:#e6c36a;position:relative;overflow:hidden;padding:18px 18px 16px 22px !important;border-radius:18px !important;background:linear-gradient(160deg,rgba(var(--sg),.09),#0d0f14 55%) !important;border:1px solid rgba(var(--sg),.28) !important;box-shadow:0 0 28px rgba(var(--sg),.10),inset 0 1px 0 rgba(255,255,255,.04) !important;color:#e8ecf3}
html body.kamar-member-desktop-v2 .kamar-sigfree-card.dir-sell{--sg:255,92,92;--sgc:#ff6b6b}
html body.kamar-member-desktop-v2 .kamar-sigfree-card.dir-buy{--sg:52,211,153;--sgc:#34d399}
html body.kamar-member-desktop-v2 .kamar-sigfree-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,var(--sgc),rgba(var(--sg),.15));box-shadow:0 0 16px rgba(var(--sg),.6)}
html body.kamar-member-desktop-v2 .kamar-sigfree-card::after{content:"";position:absolute;right:-60px;top:-60px;width:180px;height:180px;background:radial-gradient(circle,rgba(var(--sg),.18),transparent 65%);pointer-events:none}
html body.kamar-member-desktop-v2 .kamar-sigfree-card .pair{font-size:clamp(17px,4.4vw,21px);font-weight:800;color:#f4f6fb;margin-bottom:6px}
html body.kamar-member-desktop-v2 .kamar-sigfree-card .pair .dir-word{color:var(--sgc);text-shadow:0 0 14px rgba(var(--sg),.55);letter-spacing:.04em;padding:1px 8px;margin-left:2px;border-radius:8px;background:rgba(var(--sg),.14);border:1px solid rgba(var(--sg),.4)}
html body.kamar-member-desktop-v2 .kamar-sigfree-card .meta{color:#b4bdcc;opacity:1}
html body.kamar-member-desktop-v2 .kamar-sigfree-card .status-badge{padding:4px 11px;font-size:11px;border:1px solid transparent}
html body.kamar-member-desktop-v2 .kamar-sigfree-card .status-badge.is-fresh{background:rgba(96,165,250,.16);color:#bcd8ff;border-color:rgba(96,165,250,.4)}
html body.kamar-member-desktop-v2 .kamar-sigfree-card .status-badge.is-active{background:rgba(230,195,106,.16);color:#f2d88a;border-color:rgba(230,195,106,.4)}
html body.kamar-member-desktop-v2 .kamar-sigfree-card .status-badge.is-profit{background:rgba(52,211,153,.16);color:#8cf0c4;border-color:rgba(52,211,153,.4)}
html body.kamar-member-desktop-v2 .kamar-sigfree-card .status-badge.is-loss{background:rgba(255,92,92,.16);color:#ffb0b0;border-color:rgba(255,92,92,.4)}
html body.kamar-member-desktop-v2 .kamar-sigfree-card .progress{color:#d5dbe6}
html body.kamar-member-desktop-v2 .kamar-sigfree-card .progress strong.pos{color:#4ade80}
html body.kamar-member-desktop-v2 .kamar-sigfree-card .progress strong.neg{color:#ff8080}
html body.kamar-member-desktop-v2 .kamar-sigfree-card .levels{display:grid !important;grid-template-columns:1fr !important;gap:8px !important}
html body.kamar-member-desktop-v2 .kamar-sigfree-card .levels div{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:11px 14px !important;border-radius:12px !important;background:rgba(5,6,10,.7) !important;border:1px solid rgba(255,255,255,.07);color:#f4f6fb;font-weight:700;font-variant-numeric:tabular-nums}
html body.kamar-member-desktop-v2 .kamar-sigfree-card .levels div strong{display:inline !important;margin:0 !important;opacity:1 !important;font-size:11px !important;letter-spacing:.14em;color:#e6c36a}
html body.kamar-member-desktop-v2 .kamar-sigfree-card .levels div:nth-child(2) strong{color:#4ade80 !important}
html body.kamar-member-desktop-v2 .kamar-sigfree-card .levels div:nth-child(3) strong{color:#ff8080 !important}
html body.kamar-member-desktop-v2 .kamar-sigfree-card .levels div:nth-child(2){border-left:3px solid rgba(52,211,153,.7)}
html body.kamar-member-desktop-v2 .kamar-sigfree-card .levels div:nth-child(3){border-left:3px solid rgba(255,92,92,.7)}
html body.kamar-member-desktop-v2 .kamar-sigfree-card .levels div:nth-child(1){border-left:3px solid rgba(230,195,106,.7)}

/* ===== v10: pengingat akses segera berakhir (dashboard) ===== */
html body.kamar-member-desktop-v2 .kd-remind{display:flex;align-items:center;gap:14px;margin:0 0 16px;padding:14px 18px;border-radius:16px;background:linear-gradient(135deg,rgba(230,195,106,.14),rgba(255,92,92,.10));border:1px solid rgba(230,195,106,.4);color:#f4efe0;text-decoration:none;box-shadow:0 0 24px rgba(230,195,106,.08)}
html body.kamar-member-desktop-v2 .kd-remind-ic{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e6c36a;color:#0a0b10;font-weight:900}
html body.kamar-member-desktop-v2 .kd-remind-tx{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
html body.kamar-member-desktop-v2 .kd-remind-tx b{font-size:15px;color:#fff}
html body.kamar-member-desktop-v2 .kd-remind-tx span{font-size:13px;color:#d5dbe6;line-height:1.45}
html body.kamar-member-desktop-v2 .kd-remind-go{flex:none;font-weight:800;color:#e6c36a;white-space:nowrap}
@media (max-width:560px){html body.kamar-member-desktop-v2 .kd-remind{flex-wrap:wrap}html body.kamar-member-desktop-v2 .kd-remind-go{width:100%;text-align:right}}

/* ===== v10: menu cepat Ctrl+K ===== */
.kqm-ov{position:fixed;inset:0;z-index:20000;display:flex;align-items:flex-start;justify-content:center;padding:12vh 16px 16px;background:rgba(3,4,7,.72);backdrop-filter:blur(8px)}
.kqm-ov[hidden]{display:none}
.kqm-box{width:100%;max-width:520px;border-radius:18px;background:#0d0f14;border:1px solid rgba(230,195,106,.35);box-shadow:0 24px 80px rgba(0,0,0,.7),0 0 40px rgba(230,195,106,.08);overflow:hidden}
.kqm-in{width:100%;box-sizing:border-box;padding:16px 18px;background:#0a0b10;border:0;border-bottom:1px solid rgba(230,195,106,.2);color:#f4f6fb;font:600 16px Inter,system-ui,sans-serif;outline:0}
.kqm-in::placeholder{color:#9aa4b5}
.kqm-list{max-height:min(52vh,420px);overflow:auto;padding:8px}
.kqm-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:12px;color:#e8ecf3;text-decoration:none;font:600 14.5px Inter,system-ui,sans-serif}
.kqm-item i{font-style:normal;color:#e6c36a;opacity:0}
.kqm-item.on,.kqm-item:hover{background:rgba(230,195,106,.12);color:#fff}
.kqm-item.on i{opacity:1}
.kqm-none{padding:16px;color:#b4bdcc;font-size:14px}
.kqm-hint{padding:10px 16px;border-top:1px solid rgba(255,255,255,.06);color:#9aa4b5;font-size:12px}
/* target sentuh: tautan judul seksi dashboard */
html body.kamar-member-desktop-v2 .kd-sec-title a{display:inline-flex;align-items:center;min-height:40px;padding:0 8px}