/* ===== COMPLETE MEMBER AREA REBUILD v4 ===== */
:root{--ma-bg:#f4f7fb;--ma-card:#ffffff;--ma-text:#0f172a;--ma-muted:#64748b;--ma-line:#e2e8f0;--ma-blue:#1d4ed8;--ma-blue2:#2563eb;--ma-gold:#d8a73d;--ma-green:#16a34a;--ma-dark:#0b1220}
html,body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif!important;background:var(--ma-bg);color:var(--ma-text)}
.bt-shell{min-height:100vh;display:grid;grid-template-columns:284px minmax(0,1fr);background:var(--ma-bg)}
.bt-sidebar{background:#0b1220;color:#e5edf8;padding:24px;display:flex;flex-direction:column;gap:22px;position:sticky;top:0;height:100vh}
.bt-logo{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-size:20px}
.bt-logo span{width:40px;height:40px;border-radius:14px;background:linear-gradient(135deg,#d8a73d,#ffefb0);color:#0b1220;display:grid;place-items:center;font-weight:900}
.bt-profile{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.09);border-radius:20px;padding:14px}
.bt-avatar{width:42px;height:42px;border-radius:14px;background:#1d4ed8;color:#fff;display:grid;place-items:center;font-weight:900}
.bt-profile b{display:block;color:#fff;font-size:14px}.bt-profile small{display:block;color:#94a3b8;margin-top:3px;text-transform:capitalize}
.bt-menu{display:grid;gap:8px}
.bt-menu-link{display:flex;align-items:center;gap:10px;padding:13px 14px;border-radius:14px;color:#cbd5e1!important;text-decoration:none;font-weight:700}
.bt-menu-link:hover,.bt-menu-link.active{background:rgba(37,99,235,.18);color:#fff!important}
.bt-main{padding:28px;min-width:0}
.bt-topbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px}
.bt-topbar h1{font-size:32px;line-height:1.1;margin:0;color:var(--ma-text)!important}
.bt-topbar p{margin:7px 0 0;color:var(--ma-muted)!important}
.bt-top-action{background:#fff;border:1px solid var(--ma-line);box-shadow:0 10px 30px rgba(15,23,42,.06);border-radius:14px;padding:12px 16px;color:var(--ma-text)!important;text-decoration:none;font-weight:800}
.ma-hero{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:20px;align-items:stretch;background:linear-gradient(135deg,#10213f,#1d4ed8);border-radius:28px;padding:28px;margin-bottom:20px;color:#fff;box-shadow:0 24px 60px rgba(29,78,216,.20)}
.ma-hero h2{font-size:clamp(30px,4vw,46px);line-height:1.04;margin:12px 0;color:#fff!important}
.ma-hero p{max-width:700px;color:#dbeafe!important;margin:0;font-size:16px;line-height:1.7}
.ma-chip{display:inline-flex;align-items:center;width:max-content;border-radius:999px;padding:8px 12px;background:rgba(216,167,61,.16);color:#ffe6a3;border:1px solid rgba(216,167,61,.28);font-weight:900;font-size:12px;letter-spacing:.4px;text-transform:uppercase}
.ma-hero-card{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);border-radius:24px;padding:20px;display:flex;flex-direction:column;justify-content:center}
.ma-hero-card small{color:#bfdbfe}.ma-hero-card strong{font-size:36px;display:block;margin:6px 0;color:#fff}.ma-hero-card span{color:#dbeafe;word-break:break-all}
.ma-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}
.ma-stats>div{background:#fff;border:1px solid var(--ma-line);border-radius:24px;padding:20px;box-shadow:0 16px 40px rgba(15,23,42,.06)}
.ma-stats span{display:block;color:var(--ma-muted);font-size:13px;font-weight:800;margin-bottom:8px}
.ma-stats strong{display:block;color:var(--ma-text);font-size:28px;line-height:1.1;word-break:break-word}
.ma-stats small{display:block;color:#94a3b8;margin-top:8px}
.ma-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;align-items:start}
.ma-section-title{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:16px}
.ma-section-title h3{font-size:30px;margin:10px 0 0;color:var(--ma-text)!important}
.ma-link-btn{background:#fff;border:1px solid var(--ma-line);border-radius:14px;padding:11px 14px;color:var(--ma-text)!important;text-decoration:none;font-weight:800}
.ma-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.ma-card{background:#fff;border:1px solid var(--ma-line);border-radius:26px;overflow:hidden;box-shadow:0 16px 40px rgba(15,23,42,.06)}
.ma-card-top{padding:22px;border-bottom:1px solid var(--ma-line)}
.ma-paid{display:inline-flex;background:#dcfce7;color:#166534;border:1px solid #bbf7d0;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900;margin-bottom:12px}
.ma-card h3{margin:0 0 10px;font-size:21px;color:var(--ma-text)!important}.ma-card p{color:var(--ma-muted)!important;line-height:1.65;margin:0;min-height:62px}
.ma-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px 22px}
.ma-card-bottom small{display:block;color:#94a3b8;margin-bottom:4px}.ma-card-bottom b{font-size:13px;color:var(--ma-text);word-break:break-word}
.ma-download,.ma-primary{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#d8a73d,#f6d47a);color:#0b1220!important;border-radius:14px;padding:12px 16px;text-decoration:none;font-weight:900;box-shadow:0 12px 30px rgba(216,167,61,.20)}
.ma-aside{display:grid;gap:16px;position:sticky;top:24px}
.ma-panel{background:#fff;border:1px solid var(--ma-line);border-radius:26px;padding:22px;box-shadow:0 16px 40px rgba(15,23,42,.06)}
.ma-panel h3{font-size:21px;margin:12px 0;color:var(--ma-text)!important}.ma-panel p{color:var(--ma-muted)!important;line-height:1.7;margin-bottom:0}
.ma-help{background:#fff7e6;border-color:#f1d59a}
.ma-pending-list{display:grid;gap:12px;margin-top:14px}
.ma-pending{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#f8fafc;border:1px solid var(--ma-line);border-radius:16px;padding:12px}
.ma-pending b{display:block;font-size:14px;color:var(--ma-text)}.ma-pending span{display:block;color:var(--ma-muted);font-size:13px;margin-top:4px}
.ma-pending a{background:#1d4ed8;color:#fff!important;border-radius:12px;padding:9px 12px;text-decoration:none;font-weight:800}
.ma-empty{background:#fff;border:1px solid var(--ma-line);border-radius:30px;padding:42px;text-align:center;box-shadow:0 16px 40px rgba(15,23,42,.06)}
.ma-empty-icon{width:76px;height:76px;margin:0 auto 18px;border-radius:24px;background:#eff6ff;display:grid;place-items:center;font-size:34px}
.ma-empty h3{font-size:26px;color:var(--ma-text)!important;margin-bottom:10px}.ma-empty p{max-width:520px;margin:0 auto 20px;color:var(--ma-muted)!important}
@media(max-width:1080px){.bt-shell{grid-template-columns:1fr}.bt-sidebar{position:relative;height:auto}.ma-layout,.ma-hero{grid-template-columns:1fr}.ma-aside{position:relative;top:auto}}
@media(max-width:760px){.bt-main{padding:18px}.bt-topbar,.ma-section-title,.ma-card-bottom{flex-direction:column;align-items:flex-start}.ma-stats,.ma-products{grid-template-columns:1fr}.ma-hero{padding:22px}.bt-topbar h1{font-size:28px}}


:root{--bg:#081225;--panel:#101d38;--panel2:#152847;--text:#f7f9ff;--muted:#aab8d1;--line:rgba(255,255,255,.10);--gold:#d8b46a;--gold2:#fff0bd;--blue:#315dff;--green:#55d798;--red:#ff6b86}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:linear-gradient(180deg,#081225,#0b1730);color:var(--text)}a{text-decoration:none;color:inherit}.wrap{width:min(1160px,calc(100% - 32px));margin:auto}.nav{position:sticky;top:0;z-index:20;background:rgba(8,18,37,.9);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.navin{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0}.brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:20px}.brand span{width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,var(--gold),var(--gold2));color:#081225;display:grid;place-items:center}.navlinks{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.btn,button{border:0;border-radius:14px;padding:12px 18px;background:linear-gradient(135deg,#315dff,#173fae);color:white;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.btn.ghost{background:rgba(255,255,255,.07);border:1px solid var(--line)}.btn.gold{background:linear-gradient(135deg,#d8b46a,#b8862b);color:#081225}.btn.small{padding:8px 12px;border-radius:11px;font-size:13px}.btn.full{width:100%}.hero{padding:82px 0 46px;background:radial-gradient(circle at 78% 0%,rgba(216,180,106,.22),transparent 34%)}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:center}.kicker{display:inline-flex;background:rgba(216,180,106,.12);border:1px solid rgba(216,180,106,.28);color:#ffe2a0;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.5px}h1,h2,h3{margin:0 0 14px;line-height:1.08}h1{font-size:clamp(36px,5vw,62px)}h2{font-size:clamp(28px,4vw,42px)}p{color:var(--muted);line-height:1.75}.hero-card,.card,.formbox,.product,.side,.alert{background:rgba(255,255,255,.055);border:1px solid var(--line);border-radius:26px;box-shadow:0 28px 70px rgba(0,0,0,.22);backdrop-filter:blur(14px)}.hero-card{padding:26px}.screen{background:#081225;border:1px solid var(--line);border-radius:22px;padding:22px}.statgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}.statgrid>div{background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:18px;padding:16px}.statgrid b{display:block;font-size:23px;color:white}.statgrid span{color:var(--muted);font-size:13px}.section{padding:60px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:24px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product{overflow:hidden}.product-top{padding:22px;border-bottom:1px solid var(--line);min-height:230px}.product h3{font-size:22px}.price{font-size:28px;color:white;font-weight:900;margin:12px 0}.compare{text-decoration:line-through;color:#8390aa;font-size:14px;margin-left:8px}.product-body{padding:22px}.badges{display:flex;gap:8px;flex-wrap:wrap}.badge{display:inline-flex;border:1px solid rgba(216,180,106,.26);background:rgba(216,180,106,.09);color:#ffe2a0;padding:7px 10px;border-radius:999px;font-size:12px;font-weight:800}.auth{min-height:100vh;display:grid;place-items:center;padding:24px}.formbox{width:min(520px,100%);padding:28px}label{display:grid;gap:8px;margin-bottom:14px;color:#dfe7f8;font-weight:700}input,textarea,select{width:100%;border:1px solid var(--line);background:rgba(255,255,255,.07);color:white;border-radius:14px;padding:13px 14px}select option{color:#111}textarea{min-height:120px}.alert{padding:14px 16px;margin:14px 0}.alert.bad{background:rgba(255,107,134,.14);border-color:rgba(255,107,134,.3)}.alert.ok{background:rgba(85,215,152,.12);border-color:rgba(85,215,152,.26)}.shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.side{border-radius:0;padding:24px;position:sticky;top:0;height:100vh}.side nav{display:grid;gap:8px;margin-top:20px}.side nav a{padding:13px 14px;border-radius:14px;color:var(--muted)}.side nav a:hover{background:rgba(255,255,255,.06);color:white}.main{padding:28px}.top{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.cards .card{padding:20px}.cards span{color:var(--muted)}.cards b{font-size:30px;display:block;margin-top:8px}.card{padding:24px}.table{width:100%;border-collapse:collapse}.table th,.table td{border-bottom:1px solid var(--line);padding:13px 10px;text-align:left;vertical-align:top}.table th{color:#dfe7f8}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.formgrid .wide{grid-column:1/-1}.checkout-grid{display:grid;grid-template-columns:1fr 380px;gap:24px}.summary-line{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid var(--line)}.download-list{display:grid;gap:14px}.download-item{display:flex;justify-content:space-between;gap:16px;align-items:center;background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:18px;padding:16px}.footer{padding:36px 0;border-top:1px solid var(--line);color:var(--muted);text-align:center}@media(max-width:1000px){.hero-grid,.grid3,.shell,.checkout-grid{grid-template-columns:1fr}.side{position:relative;height:auto}.cards{grid-template-columns:1fr 1fr}.formgrid{grid-template-columns:1fr}}@media(max-width:650px){.navin,.top,.section-head,.download-item{flex-direction:column;align-items:flex-start}.cards{grid-template-columns:1fr}h1{font-size:38px}.statgrid{grid-template-columns:1fr}}

/* Homepage without product auto-list */
.home-clean{min-height:620px;display:flex;align-items:center}
.link-sample{display:grid;gap:9px;margin-top:18px}
.link-sample span{color:var(--muted);font-weight:700}
.link-sample code{display:block;background:rgba(255,255,255,.07);border:1px solid var(--line);border-radius:12px;padding:10px 12px;color:#ffe2a0;overflow:auto}
.home-panel{background:rgba(255,255,255,.055);border:1px solid var(--line);border-radius:30px;padding:30px;box-shadow:0 28px 70px rgba(0,0,0,.22)}
.flow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px}
.flow-grid>div{background:rgba(255,255,255,.055);border:1px solid var(--line);border-radius:22px;padding:20px}
.flow-grid b{width:38px;height:38px;border-radius:14px;background:linear-gradient(135deg,var(--gold),var(--gold2));color:#081225;display:grid;place-items:center;margin-bottom:14px}
.flow-grid h3{font-size:18px}
.flow-grid p{font-size:14px}

/* Redesigned member area */
.member-hero{display:flex;justify-content:space-between;gap:22px;align-items:center;background:radial-gradient(circle at 80% 0%,rgba(216,180,106,.18),transparent 35%),rgba(255,255,255,.055);border:1px solid var(--line);border-radius:30px;padding:28px;margin-bottom:20px;box-shadow:0 24px 60px rgba(0,0,0,.22)}
.member-hero h2{font-size:34px}
.member-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:22px}
.member-stats>div{background:rgba(255,255,255,.055);border:1px solid var(--line);border-radius:22px;padding:20px}
.member-stats span{color:var(--muted);display:block;margin-bottom:8px}
.member-stats b{font-size:30px}
.member-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;align-items:start}
.member-section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:16px}
.member-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.member-product-card{background:rgba(255,255,255,.055);border:1px solid var(--line);border-radius:26px;overflow:hidden;box-shadow:0 22px 60px rgba(0,0,0,.18)}
.mp-top{padding:22px;border-bottom:1px solid var(--line)}
.mp-top h3{font-size:22px}
.mp-top p{min-height:58px}
.mp-bottom{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:18px 22px}
.mp-bottom small{display:block;color:var(--muted);margin-bottom:5px}
.mp-bottom b{font-size:13px;color:#fff}
.member-side-card{position:sticky;top:96px;background:rgba(255,255,255,.055);border:1px solid var(--line);border-radius:26px;padding:22px;box-shadow:0 22px 60px rgba(0,0,0,.18)}
.pending-list{display:grid;gap:12px;margin-top:14px}
.pending-item{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid var(--line);border-radius:16px;padding:12px;background:rgba(255,255,255,.045)}
.pending-item b{display:block;font-size:14px}
.pending-item span{display:block;color:var(--muted);font-size:13px;margin-top:4px}
.small-note{font-size:13px}
.empty-member{grid-column:1/-1;background:rgba(255,255,255,.055);border:1px solid var(--line);border-radius:26px;padding:28px;text-align:center}
.empty-member p{max-width:520px;margin:0 auto 18px}
@media(max-width:1000px){
  .flow-grid,.member-layout{grid-template-columns:1fr}
  .member-side-card{position:relative;top:auto}
}
@media(max-width:760px){
  .flow-grid,.member-stats,.member-product-grid{grid-template-columns:1fr}
  .member-hero{flex-direction:column;align-items:flex-start}
}

/* ===== Critical UI polish: dashboard/member area ===== */
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif!important}
.shell{background:linear-gradient(135deg,#071225 0%,#0c1a35 52%,#071225 100%)}
.side{background:rgba(4,10,24,.78)!important;border-right:1px solid rgba(255,255,255,.10)!important;box-shadow:20px 0 60px rgba(0,0,0,.18)}
.main{min-height:100vh;background:radial-gradient(circle at top right,rgba(216,180,106,.13),transparent 30%)}
.top{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);border-radius:26px;padding:20px 22px}
.top h1{font-size:32px}
.badge{display:inline-flex;background:rgba(216,180,106,.12);border:1px solid rgba(216,180,106,.26);color:#ffe2a0;border-radius:999px;padding:10px 14px;font-weight:800}
.member-cover{display:flex;justify-content:space-between;gap:22px;align-items:center;background:linear-gradient(135deg,rgba(216,180,106,.16),rgba(49,93,255,.10));border:1px solid rgba(255,255,255,.10);border-radius:30px;padding:30px;margin-bottom:20px;box-shadow:0 28px 70px rgba(0,0,0,.24)}
.member-cover h2{font-size:clamp(30px,4vw,44px);margin:10px 0}
.member-cover p{max-width:680px;margin:0;color:#c9d5eb}
.member-cover-action{display:flex;align-items:center}
.member-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:22px}
.member-summary>div{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);border-radius:24px;padding:22px;box-shadow:0 20px 50px rgba(0,0,0,.16)}
.member-summary span{display:block;color:#aebbd0;font-size:13px;font-weight:700;margin-bottom:8px}
.member-summary strong{display:block;color:#fff;font-size:34px;line-height:1}
.member-summary small{display:block;color:#7f8fae;margin-top:9px}
.member-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px;align-items:start}
.member-main{min-width:0}
.panel-title{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:16px}
.panel-title h2{font-size:30px;margin:8px 0 0}
.download-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.download-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);border-radius:28px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.20)}
.download-card-head{padding:24px;border-bottom:1px solid rgba(255,255,255,.10)}
.access-badge{display:inline-flex;background:rgba(85,215,152,.14);color:#8dffc8;border:1px solid rgba(85,215,152,.25);border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900;margin-bottom:14px}
.download-card h3{font-size:22px;margin-bottom:10px}
.download-card p{min-height:64px;color:#aebbd0;margin-bottom:0}
.download-card-foot{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px 24px}
.download-card-foot small{display:block;color:#8c9ab5;margin-bottom:5px}
.download-card-foot b{font-size:13px;color:#fff;word-break:break-word}
.member-aside{display:grid;gap:16px;position:sticky;top:96px}
.aside-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);border-radius:26px;padding:22px;box-shadow:0 24px 60px rgba(0,0,0,.20)}
.aside-card.soft{background:rgba(216,180,106,.08);border-color:rgba(216,180,106,.18)}
.pending-list{display:grid;gap:12px;margin-top:14px}
.pending-item{display:flex;justify-content:space-between;align-items:center;gap:12px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.10);border-radius:18px;padding:14px}
.pending-item b{display:block;font-size:14px;line-height:1.35}
.pending-item span{display:block;color:#aebbd0;font-size:13px;margin-top:5px}
.member-empty{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);border-radius:30px;padding:42px;text-align:center;box-shadow:0 24px 60px rgba(0,0,0,.20)}
.empty-icon{width:72px;height:72px;border-radius:24px;margin:0 auto 18px;display:grid;place-items:center;background:linear-gradient(135deg,#d8b46a,#fff0bd);color:#071225;font-size:36px;font-weight:900}
.member-empty h3{font-size:26px}
.member-empty p{max-width:520px;margin:0 auto 20px}
@media(max-width:1050px){
  .member-grid{grid-template-columns:1fr}
  .member-aside{position:relative;top:auto}
}
@media(max-width:760px){
  .member-cover,.panel-title,.download-card-foot{flex-direction:column;align-items:flex-start}
  .member-summary,.download-cards{grid-template-columns:1fr}
  .main{padding:18px}
}


/* ===== COMPLETE MEMBER AREA REBUILD v4 ===== */
:root{--ma-bg:#f4f7fb;--ma-card:#ffffff;--ma-text:#0f172a;--ma-muted:#64748b;--ma-line:#e2e8f0;--ma-blue:#1d4ed8;--ma-blue2:#2563eb;--ma-gold:#d8a73d;--ma-green:#16a34a;--ma-dark:#0b1220}
html,body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif!important;background:var(--ma-bg);color:var(--ma-text)}
.bt-shell{min-height:100vh;display:grid;grid-template-columns:284px minmax(0,1fr);background:var(--ma-bg)}
.bt-sidebar{background:#0b1220;color:#e5edf8;padding:24px;display:flex;flex-direction:column;gap:22px;position:sticky;top:0;height:100vh}
.bt-logo{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-size:20px}
.bt-logo span{width:40px;height:40px;border-radius:14px;background:linear-gradient(135deg,#d8a73d,#ffefb0);color:#0b1220;display:grid;place-items:center;font-weight:900}
.bt-profile{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.09);border-radius:20px;padding:14px}
.bt-avatar{width:42px;height:42px;border-radius:14px;background:#1d4ed8;color:#fff;display:grid;place-items:center;font-weight:900}
.bt-profile b{display:block;color:#fff;font-size:14px}.bt-profile small{display:block;color:#94a3b8;margin-top:3px;text-transform:capitalize}
.bt-menu{display:grid;gap:8px}
.bt-menu-link{display:flex;align-items:center;gap:10px;padding:13px 14px;border-radius:14px;color:#cbd5e1!important;text-decoration:none;font-weight:700}
.bt-menu-link:hover,.bt-menu-link.active{background:rgba(37,99,235,.18);color:#fff!important}
.bt-main{padding:28px;min-width:0}
.bt-topbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px}
.bt-topbar h1{font-size:32px;line-height:1.1;margin:0;color:var(--ma-text)!important}
.bt-topbar p{margin:7px 0 0;color:var(--ma-muted)!important}
.bt-top-action{background:#fff;border:1px solid var(--ma-line);box-shadow:0 10px 30px rgba(15,23,42,.06);border-radius:14px;padding:12px 16px;color:var(--ma-text)!important;text-decoration:none;font-weight:800}
.ma-hero{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:20px;align-items:stretch;background:linear-gradient(135deg,#10213f,#1d4ed8);border-radius:28px;padding:28px;margin-bottom:20px;color:#fff;box-shadow:0 24px 60px rgba(29,78,216,.20)}
.ma-hero h2{font-size:clamp(30px,4vw,46px);line-height:1.04;margin:12px 0;color:#fff!important}
.ma-hero p{max-width:700px;color:#dbeafe!important;margin:0;font-size:16px;line-height:1.7}
.ma-chip{display:inline-flex;align-items:center;width:max-content;border-radius:999px;padding:8px 12px;background:rgba(216,167,61,.16);color:#ffe6a3;border:1px solid rgba(216,167,61,.28);font-weight:900;font-size:12px;letter-spacing:.4px;text-transform:uppercase}
.ma-hero-card{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);border-radius:24px;padding:20px;display:flex;flex-direction:column;justify-content:center}
.ma-hero-card small{color:#bfdbfe}.ma-hero-card strong{font-size:36px;display:block;margin:6px 0;color:#fff}.ma-hero-card span{color:#dbeafe;word-break:break-all}
.ma-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}
.ma-stats>div{background:#fff;border:1px solid var(--ma-line);border-radius:24px;padding:20px;box-shadow:0 16px 40px rgba(15,23,42,.06)}
.ma-stats span{display:block;color:var(--ma-muted);font-size:13px;font-weight:800;margin-bottom:8px}
.ma-stats strong{display:block;color:var(--ma-text);font-size:28px;line-height:1.1;word-break:break-word}
.ma-stats small{display:block;color:#94a3b8;margin-top:8px}
.ma-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;align-items:start}
.ma-section-title{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:16px}
.ma-section-title h3{font-size:30px;margin:10px 0 0;color:var(--ma-text)!important}
.ma-link-btn{background:#fff;border:1px solid var(--ma-line);border-radius:14px;padding:11px 14px;color:var(--ma-text)!important;text-decoration:none;font-weight:800}
.ma-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.ma-card{background:#fff;border:1px solid var(--ma-line);border-radius:26px;overflow:hidden;box-shadow:0 16px 40px rgba(15,23,42,.06)}
.ma-card-top{padding:22px;border-bottom:1px solid var(--ma-line)}
.ma-paid{display:inline-flex;background:#dcfce7;color:#166534;border:1px solid #bbf7d0;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900;margin-bottom:12px}
.ma-card h3{margin:0 0 10px;font-size:21px;color:var(--ma-text)!important}.ma-card p{color:var(--ma-muted)!important;line-height:1.65;margin:0;min-height:62px}
.ma-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px 22px}
.ma-card-bottom small{display:block;color:#94a3b8;margin-bottom:4px}.ma-card-bottom b{font-size:13px;color:var(--ma-text);word-break:break-word}
.ma-download,.ma-primary{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#d8a73d,#f6d47a);color:#0b1220!important;border-radius:14px;padding:12px 16px;text-decoration:none;font-weight:900;box-shadow:0 12px 30px rgba(216,167,61,.20)}
.ma-aside{display:grid;gap:16px;position:sticky;top:24px}
.ma-panel{background:#fff;border:1px solid var(--ma-line);border-radius:26px;padding:22px;box-shadow:0 16px 40px rgba(15,23,42,.06)}
.ma-panel h3{font-size:21px;margin:12px 0;color:var(--ma-text)!important}.ma-panel p{color:var(--ma-muted)!important;line-height:1.7;margin-bottom:0}
.ma-help{background:#fff7e6;border-color:#f1d59a}
.ma-pending-list{display:grid;gap:12px;margin-top:14px}
.ma-pending{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#f8fafc;border:1px solid var(--ma-line);border-radius:16px;padding:12px}
.ma-pending b{display:block;font-size:14px;color:var(--ma-text)}.ma-pending span{display:block;color:var(--ma-muted);font-size:13px;margin-top:4px}
.ma-pending a{background:#1d4ed8;color:#fff!important;border-radius:12px;padding:9px 12px;text-decoration:none;font-weight:800}
.ma-empty{background:#fff;border:1px solid var(--ma-line);border-radius:30px;padding:42px;text-align:center;box-shadow:0 16px 40px rgba(15,23,42,.06)}
.ma-empty-icon{width:76px;height:76px;margin:0 auto 18px;border-radius:24px;background:#eff6ff;display:grid;place-items:center;font-size:34px}
.ma-empty h3{font-size:26px;color:var(--ma-text)!important;margin-bottom:10px}.ma-empty p{max-width:520px;margin:0 auto 20px;color:var(--ma-muted)!important}
@media(max-width:1080px){.bt-shell{grid-template-columns:1fr}.bt-sidebar{position:relative;height:auto}.ma-layout,.ma-hero{grid-template-columns:1fr}.ma-aside{position:relative;top:auto}}
@media(max-width:760px){.bt-main{padding:18px}.bt-topbar,.ma-section-title,.ma-card-bottom{flex-direction:column;align-items:flex-start}.ma-stats,.ma-products{grid-template-columns:1fr}.ma-hero{padding:22px}.bt-topbar h1{font-size:28px}}

/* ===== Sales homepage with product packages ===== */
.sales-home{min-height:660px;display:flex;align-items:center;background:radial-gradient(circle at 76% 0%,rgba(216,180,106,.22),transparent 35%),linear-gradient(180deg,#081225,#0b1730)}
.sales-screen .btn{margin-top:12px}
.home-offer{padding-top:70px}
.offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.offer-card{background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.11);border-radius:30px;overflow:hidden;box-shadow:0 28px 70px rgba(0,0,0,.22);display:flex;flex-direction:column}
.offer-top{padding:26px;border-bottom:1px solid rgba(255,255,255,.10);min-height:230px}
.offer-top h3{font-size:25px;line-height:1.12;margin:14px 0;color:#fff}
.offer-top p{color:#aebbd0;margin:0}
.offer-bottom{padding:24px;display:grid;gap:18px;margin-top:auto}
.offer-price{font-size:30px;font-weight:900;color:#fff}
.offer-actions{display:grid;gap:10px}
.closing-panel{background:linear-gradient(135deg,rgba(216,180,106,.13),rgba(49,93,255,.10));border:1px solid rgba(255,255,255,.11);border-radius:32px;padding:36px;text-align:center;box-shadow:0 28px 70px rgba(0,0,0,.22)}
.closing-panel h2{color:#fff}
.closing-panel p{max-width:720px;margin:0 auto 22px}
.product-sales-detail{padding:74px 0;background:radial-gradient(circle at 80% 0%,rgba(216,180,106,.20),transparent 34%),linear-gradient(180deg,#081225,#0b1730);min-height:calc(100vh - 70px)}
.product-sales-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:28px;align-items:start}
.product-sales-copy,.checkout-box{background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.11);border-radius:30px;padding:30px;box-shadow:0 28px 70px rgba(0,0,0,.22)}
.product-sales-copy h1{font-size:clamp(36px,5vw,60px);color:#fff}
.detail-content{margin-top:22px;color:#dfe7f8;line-height:1.85;font-size:16px}
.checkout-box{position:sticky;top:96px}
.checkout-box h3{font-size:25px;color:#fff}
.checkout-box .btn{margin-top:10px}
@media(max-width:1000px){.offer-grid,.product-sales-grid{grid-template-columns:1fr}.checkout-box{position:relative;top:auto}}

/* ===== Public compliance pages for payment review ===== */
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:26px;text-align:left;align-items:start}
.bt-footer b{display:block;color:#fff;margin-bottom:10px}
.bt-footer p{margin:0;color:#aab8d1}
.bt-footer a{display:block;color:#aab8d1;margin:9px 0}
.bt-footer a:hover{color:#fff}
.footer-note{border-top:1px solid var(--line);margin-top:24px;padding-top:18px;text-align:left;color:#aab8d1}
.policy-page{padding-top:72px}
.policy-hero{background:linear-gradient(135deg,rgba(216,180,106,.13),rgba(49,93,255,.10));border:1px solid rgba(255,255,255,.11);border-radius:32px;padding:34px;margin-bottom:24px;box-shadow:0 28px 70px rgba(0,0,0,.20)}
.policy-hero h1{color:#fff;margin-top:14px}
.policy-hero p{max-width:760px;margin-bottom:0;color:#d7e1f2}
.policy-updated{display:block;margin-top:16px;color:#aab8d1;font-weight:700}
.policy-grid,.contact-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}
.policy-content{display:grid;gap:18px}
.policy-block,.policy-side,.clean-panel{background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.11);border-radius:26px;padding:26px;box-shadow:0 22px 60px rgba(0,0,0,.18)}
.policy-block h2,.policy-side h3,.clean-panel h3{color:#fff}
.policy-block p,.policy-side p,.clean-panel p{color:#c6d2e6}
.policy-side{position:sticky;top:96px}
.policy-side .btn{margin-top:10px}
.catalog-page .offer-grid .product{background:rgba(255,255,255,.065)}
@media(max-width:900px){.footer-grid,.policy-grid,.contact-grid{grid-template-columns:1fr}.policy-side{position:relative;top:auto}}

/* ===== FINAL homepage no product + readable text fix ===== */
.clean-home{
  min-height:660px;
  display:flex;
  align-items:center;
  background:
    radial-gradient(circle at 78% 0%, rgba(216,180,106,.24), transparent 34%),
    linear-gradient(180deg,#081225,#0b1730) !important;
}
.clean-home h1,
.clean-home h2,
.clean-home h3,
.clean-screen h3,
.clean-panel h2,
.clean-panel h3{
  color:#ffffff !important;
}
.clean-home p,
.clean-screen p,
.clean-panel p,
.footer{
  color:#d8e2f3 !important;
}
.clean-home .statgrid span{
  color:#d8e2f3 !important;
}
.clean-home .statgrid b{
  color:#ffffff !important;
}
.clean-screen,
.clean-panel{
  background:rgba(255,255,255,.075) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  box-shadow:0 28px 70px rgba(0,0,0,.28) !important;
}
.clean-panel{
  border-radius:32px;
  padding:34px;
}
.clean-panel .flow-grid>div{
  background:rgba(8,18,37,.72) !important;
  border:1px solid rgba(255,255,255,.14) !important;
}
.clean-panel .flow-grid b{
  color:#081225 !important;
}
.nav,
.hero-card,
.screen,
.card,
.product,
.formbox{
  color:#ffffff;
}
.nav a,
.hero-card h3,
.screen h3{
  color:#ffffff !important;
}
.hero-card p,
.screen p{
  color:#d8e2f3 !important;
}
.kicker{
  color:#ffe6a3 !important;
}
.btn.gold{
  color:#081225 !important;
}
.btn.ghost{
  color:#ffffff !important;
}
body{
  color:#f7f9ff !important;
}
.product{display:none !important;}


/* ===== readability fix for homepage access section ===== */
.clean-panel{
  background:linear-gradient(180deg,#0d1a32,#14233f) !important;
  border:1px solid rgba(255,255,255,.12) !important;
}
.clean-panel .kicker{
  color:#ffe6a3 !important;
}
.clean-panel h2,
.clean-panel h3{
  color:#ffffff !important;
}
.clean-panel p{
  color:#d8e2f3 !important;
}
.clean-panel .flow-grid>div{
  background:#4f596c !important;
  border:1px solid rgba(255,255,255,.12) !important;
}
.clean-panel .flow-grid h3{
  color:#ffffff !important;
}
.clean-panel .flow-grid p{
  color:#f1f5f9 !important;
}
.clean-panel .flow-grid b{
  color:#081225 !important;
}


/* ===== Login/Register readability fix ===== */
.auth-clean{
  min-height:100vh !important;
  display:grid !important;
  place-items:center !important;
  padding:28px !important;
  background:
    radial-gradient(circle at 20% 10%, rgba(216,180,106,.18), transparent 28%),
    linear-gradient(135deg,#081225,#0b1730) !important;
  color:#0f172a !important;
}
.auth-box{
  width:min(520px,100%) !important;
  background:#ffffff !important;
  color:#0f172a !important;
  border:1px solid #e2e8f0 !important;
  border-radius:28px !important;
  padding:32px !important;
  box-shadow:0 30px 90px rgba(0,0,0,.30) !important;
  backdrop-filter:none !important;
}
.auth-box h1{
  color:#0f172a !important;
  font-size:34px !important;
  margin:0 0 14px !important;
}
.auth-box p{
  color:#475569 !important;
  line-height:1.7 !important;
}
.auth-box a{
  color:#1d4ed8 !important;
  font-weight:800 !important;
}
.auth-box label{
  color:#0f172a !important;
  font-weight:800 !important;
  margin-bottom:14px !important;
}
.auth-box input,
.auth-box textarea,
.auth-box select{
  background:#f8fafc !important;
  color:#0f172a !important;
  border:1px solid #cbd5e1 !important;
  border-radius:14px !important;
  padding:13px 14px !important;
  outline:none !important;
}
.auth-box input::placeholder{
  color:#94a3b8 !important;
}
.auth-box input:focus,
.auth-box textarea:focus,
.auth-box select:focus{
  border-color:#1d4ed8 !important;
  box-shadow:0 0 0 4px rgba(29,78,216,.12) !important;
}
.auth-box .kicker{
  background:#fff7e6 !important;
  color:#9a6b12 !important;
  border:1px solid #f1d59a !important;
}
.auth-box .btn,
.auth-box button{
  color:#ffffff !important;
  background:linear-gradient(135deg,#1d4ed8,#2563eb) !important;
  box-shadow:0 14px 32px rgba(29,78,216,.22) !important;
}
.auth-box .btn.gold,
.auth-box button.btn.gold,
.auth-box button{
  background:linear-gradient(135deg,#d8a73d,#f6d47a) !important;
  color:#081225 !important;
}
.auth-box .alert.bad{
  background:#fef2f2 !important;
  border:1px solid #fecaca !important;
  color:#991b1b !important;
}
.auth-box .alert.ok{
  background:#ecfdf5 !important;
  border:1px solid #bbf7d0 !important;
  color:#166534 !important;
}


/* ===== TOTAL PUBLIC READABILITY FIX ===== */
.bt-public{
  background:#081225 !important;
  color:#ffffff !important;
}
.bt-public h1,
.bt-public h2,
.bt-public h3,
.bt-public h4,
.bt-public strong,
.bt-public b{
  color:#ffffff !important;
}
.bt-public p,
.bt-public span,
.bt-public small,
.bt-public li,
.bt-public .footer,
.bt-public .bt-footer,
.bt-public .hero p,
.bt-public .screen p,
.bt-public .clean-screen p,
.bt-public .clean-panel p,
.bt-public .statgrid span,
.bt-public .flow-grid p{
  color:#dbe7ff !important;
}
.bt-public .brand,
.bt-public .brand a,
.bt-public .nav a,
.bt-public .navlinks a{
  color:#ffffff !important;
}
.bt-public .kicker{
  color:#ffe6a3 !important;
  background:rgba(216,180,106,.16) !important;
  border-color:rgba(216,180,106,.35) !important;
}
.bt-public .clean-panel,
.bt-public .screen,
.bt-public .hero-card,
.bt-public .card{
  background:#101f3a !important;
  border:1px solid rgba(255,255,255,.18) !important;
  color:#ffffff !important;
}
.bt-public .flow-grid>div,
.bt-public .statgrid>div{
  background:#202b3f !important;
  border:1px solid rgba(255,255,255,.18) !important;
}
.bt-public .flow-grid h3,
.bt-public .statgrid b{
  color:#ffffff !important;
}
.bt-public .flow-grid b{
  color:#081225 !important;
  background:linear-gradient(135deg,#d8a73d,#fff0bd) !important;
}
.bt-footer,
.footer{
  background:#071122 !important;
  color:#dbe7ff !important;
  border-top:1px solid rgba(255,255,255,.16) !important;
  padding:30px 0 !important;
  text-align:center !important;
  font-weight:700 !important;
}
.bt-footer .wrap{
  color:#dbe7ff !important;
}
.bt-public a:not(.btn){
  color:#ffffff !important;
}
.bt-public .btn.gold{
  color:#081225 !important;
}
.bt-public .btn.ghost{
  color:#ffffff !important;
  background:rgba(255,255,255,.10) !important;
  border:1px solid rgba(255,255,255,.22) !important;
}
.bt-public input,
.bt-public textarea,
.bt-public select{
  color:#0f172a !important;
}

/* === FINAL DESIGN + READABILITY FIX 2026 === */
html,body{min-height:100%;}
body.bt-public{background:#081225;color:#e5edf8;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;}
.bt-public *{box-sizing:border-box;}
.bt-public a{text-decoration:none;}
.bt-public .product{display:block!important;}
.bt-public .wrap{width:min(1160px,calc(100% - 32px));margin-inline:auto;}
.bt-public .nav{position:relative;background:rgba(8,18,37,.94);border-bottom:1px solid rgba(255,255,255,.09);backdrop-filter:blur(14px);}
.bt-public .navin{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 0;}
.bt-public .brand{display:flex;align-items:center;gap:12px;color:#fff;font-weight:900;letter-spacing:-.02em;}
.bt-public .brand span{width:38px;height:38px;border-radius:14px;background:linear-gradient(135deg,#d8a73d,#fff0bd);color:#081225;display:grid;place-items:center;box-shadow:0 12px 30px rgba(216,167,61,.25);}
.bt-public .navlinks{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.bt-public .navlinks a{color:#dbe7ff;font-weight:800;}
.bt-public .section{padding:56px 0;}
.bt-public .btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:14px;padding:13px 18px;font-weight:900;line-height:1.1;cursor:pointer;text-align:center;}
.bt-public .btn.gold{background:linear-gradient(135deg,#d8a73d,#f6d47a)!important;color:#081225!important;box-shadow:0 14px 32px rgba(216,167,61,.25);}
.bt-public .btn.ghost,.bt-public .btn.light{background:rgba(255,255,255,.08)!important;color:#fff!important;border:1px solid rgba(255,255,255,.16)!important;}
.bt-public .btn.small{padding:9px 12px;border-radius:11px;font-size:13px;}
.bt-public .kicker{display:inline-flex;background:rgba(216,167,61,.14);color:#ffe4a3;border:1px solid rgba(216,167,61,.36);border-radius:999px;padding:8px 12px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.4px;}
.bt-public .hero.clean-home{background:radial-gradient(circle at 78% 0%,rgba(216,167,61,.20),transparent 34%),linear-gradient(180deg,#081225,#0b1730);padding:78px 0 64px;}
.bt-public .hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:28px;align-items:center;}
.bt-public .hero h1{font-size:clamp(42px,6vw,76px);line-height:.98;margin:14px 0 18px;color:#fff;letter-spacing:-.055em;}
.bt-public .hero p{color:#dbe7ff!important;font-size:18px;line-height:1.75;max-width:680px;}
.bt-public .hero-card,.bt-public .clean-panel,.bt-public .screen.clean-screen{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:32px;color:#fff;box-shadow:0 26px 80px rgba(0,0,0,.28);}
.bt-public .hero-card{padding:22px;}
.bt-public .screen.clean-screen{padding:28px;}
.bt-public .hero-card h3,.bt-public .clean-panel h2,.bt-public .clean-panel h3{color:#fff!important;}
.bt-public .hero-card p,.bt-public .clean-panel p{color:#dbe7ff!important;}
.bt-public .statgrid,.bt-public .flow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px;}
.bt-public .flow-grid{grid-template-columns:repeat(4,1fr);}
.bt-public .statgrid div,.bt-public .flow-grid div{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:18px;}
.bt-public .statgrid b,.bt-public .flow-grid b{display:block;color:#fff;font-size:18px;}
.bt-public .statgrid span,.bt-public .flow-grid span,.bt-public .flow-grid p{color:#cbd5e1!important;}
.bt-public .clean-panel{padding:34px;}
.bt-public .bt-footer{border-top:1px solid rgba(255,255,255,.10);color:#cbd5e1;padding:24px 0;background:#081225;}
.bt-public .product-sales-detail{min-height:calc(100vh - 70px);padding:70px 0;background:radial-gradient(circle at 80% 0%,rgba(216,167,61,.18),transparent 35%),linear-gradient(180deg,#081225,#0b1730)!important;}
.bt-public .product-sales-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;align-items:start;}
.bt-public .product-sales-copy,.bt-public .checkout-box,.bt-public .checkout-grid .card,.bt-public .state-card{background:#fff!important;color:#0f172a!important;border:1px solid #dbe3ef!important;border-radius:30px!important;box-shadow:0 24px 70px rgba(15,23,42,.16)!important;padding:30px!important;}
.bt-public .product-sales-copy h1,.bt-public .product-sales-copy h2,.bt-public .product-sales-copy h3,.bt-public .checkout-box h3,.bt-public .state-card h1{color:#0f172a!important;}
.bt-public .product-sales-copy p,.bt-public .checkout-box p,.bt-public .state-card p,.bt-public .detail-content{color:#475569!important;line-height:1.75;}
.bt-public .price{color:#0f172a!important;font-weight:900;font-size:32px;}
.bt-public .compare{color:#64748b!important;text-decoration:line-through;font-size:16px;margin-left:10px;}
.bt-public .badge{display:inline-flex;border-radius:999px;padding:7px 10px;background:#eff6ff!important;color:#1d4ed8!important;border:1px solid #bfdbfe!important;font-weight:900;font-size:12px;}
.bt-public .badges{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0;}
.bt-public .auth-clean{min-height:100vh;display:grid;place-items:center;padding:34px 16px;background:radial-gradient(circle at 80% 0%,rgba(216,167,61,.16),transparent 35%),#081225;}
.bt-public .auth-box,.bt-public .formbox{background:#fff!important;color:#0f172a!important;border:1px solid #dbe3ef!important;border-radius:30px!important;box-shadow:0 24px 70px rgba(0,0,0,.26)!important;width:min(480px,100%);padding:30px!important;}
.bt-public .auth-box h1,.bt-public .formbox h1{color:#0f172a!important;}
.bt-public .auth-box p,.bt-public .formbox p{color:#475569!important;}
.bt-public label{display:grid;gap:8px;color:#0f172a!important;font-weight:850;}
.bt-public input,.bt-public select,.bt-public textarea{width:100%;border:1px solid #cbd5e1;background:#fff;color:#0f172a;border-radius:14px;padding:12px 13px;font:inherit;outline:none;}
.bt-public textarea{min-height:130px;resize:vertical;}
.bt-public input:focus,.bt-public select:focus,.bt-public textarea:focus{border-color:#d8a73d;box-shadow:0 0 0 4px rgba(216,167,61,.16);}
.bt-public .alert{border-radius:16px;padding:13px 15px;font-weight:850;line-height:1.55;}
.bt-public .alert.ok{background:#dcfce7;color:#166534;border:1px solid #bbf7d0;}
.bt-public .alert.bad{background:#fee2e2;color:#991b1b;border:1px solid #fecaca;}
.bt-public .state-page{min-height:calc(100vh - 80px);display:grid;place-items:center;}
.bt-public .state-card{width:min(760px,100%);}
/* Admin redesign */
.bt-public .admin-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh;background:#f4f7fb;color:#0f172a;}
.bt-public .side{background:#081225;color:#e5edf8;padding:24px;position:sticky;top:0;height:100vh;}
.bt-public .side .brand{margin-bottom:24px;color:#fff;}
.bt-public .side nav{display:grid;gap:9px;}
.bt-public .side nav a{color:#dbe7ff;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.06);border-radius:16px;padding:13px 14px;font-weight:850;}
.bt-public .side nav a:hover{background:rgba(216,167,61,.16);border-color:rgba(216,167,61,.30);color:#fff;}
.bt-public .main{padding:28px;background:#f4f7fb;min-width:0;}
.bt-public .top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;background:#fff;border:1px solid #e2e8f0;border-radius:28px;padding:22px 24px;box-shadow:0 18px 46px rgba(15,23,42,.07);}
.bt-public .top h1{margin:0 0 6px;color:#0f172a;font-size:clamp(28px,4vw,42px);letter-spacing:-.035em;}
.bt-public .top p{margin:0;color:#64748b!important;}
.bt-public .top .badge{background:#eff6ff!important;color:#1d4ed8!important;border-color:#bfdbfe!important;}
.bt-public .cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.bt-public .main .card{background:#fff!important;color:#0f172a!important;border:1px solid #e2e8f0!important;border-radius:26px!important;box-shadow:0 18px 46px rgba(15,23,42,.07)!important;padding:24px!important;}
.bt-public .cards .card span{display:block;color:#64748b!important;font-weight:850;margin-bottom:8px;}
.bt-public .cards .card b{display:block;color:#0f172a!important;font-size:30px;}
.bt-public .formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
.bt-public .formgrid .wide{grid-column:1/-1;}
.bt-public .table{width:100%;border-collapse:separate;border-spacing:0 10px;}
.bt-public .table th{color:#64748b!important;font-size:12px;text-transform:uppercase;text-align:left;padding:0 12px 5px;}
.bt-public .table td{background:#f8fafc;color:#0f172a!important;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;padding:14px 12px;vertical-align:middle;}
.bt-public .table td:first-child{border-left:1px solid #e2e8f0;border-radius:16px 0 0 16px;}
.bt-public .table td:last-child{border-right:1px solid #e2e8f0;border-radius:0 16px 16px 0;}
.bt-public .table small{color:#64748b!important;}
.bt-public .method-admin{background:#f8fafc;border:1px solid #e2e8f0;border-radius:22px;padding:18px;}
.bt-public .method-admin h3{margin:0 0 8px;color:#0f172a;}
.bt-public .method-admin p{margin:0 0 16px;color:#64748b!important;}
.bt-public .admin-method-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.bt-public .admin-method-grid label{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:13px;cursor:pointer;}
.bt-public .admin-method-grid input{width:auto;accent-color:#d8a73d;}
.bt-public .admin-method-grid b{display:block;color:#0f172a;font-size:13px;}
.bt-public .admin-method-grid small{display:block;color:#64748b;font-weight:800;margin-top:2px;}
@media(max-width:980px){.bt-public .hero-grid,.bt-public .product-sales-grid,.bt-public .admin-shell{grid-template-columns:1fr}.bt-public .side{position:relative;height:auto}.bt-public .cards,.bt-public .flow-grid,.bt-public .statgrid,.bt-public .admin-method-grid{grid-template-columns:1fr}.bt-public .formgrid{grid-template-columns:1fr}.bt-public .navin,.bt-public .top{align-items:flex-start;flex-direction:column}.bt-public .main{padding:18px}}


/* ===== ADMIN PRODUCTS FINAL FIX - clear readable layout ===== */
body.bt-public .admin-shell{
  display:grid !important;
  grid-template-columns:280px minmax(0,1fr) !important;
  min-height:100vh !important;
  background:#f4f7fb !important;
  color:#0f172a !important;
}
body.bt-public .admin-shell .side{
  background:#071122 !important;
  border-right:1px solid rgba(255,255,255,.10) !important;
  box-shadow:18px 0 45px rgba(2,6,23,.18) !important;
  color:#e5edf8 !important;
}
body.bt-public .admin-shell .main{
  background:#f4f7fb !important;
  color:#0f172a !important;
  min-width:0 !important;
  padding:28px !important;
}
body.bt-public .admin-shell .top{
  background:#ffffff !important;
  color:#0f172a !important;
  border:1px solid #e2e8f0 !important;
  border-radius:30px !important;
  padding:24px !important;
  box-shadow:0 18px 50px rgba(15,23,42,.08) !important;
}
body.bt-public .admin-shell .top h1,
body.bt-public .admin-shell .main h1,
body.bt-public .admin-shell .main h2,
body.bt-public .admin-shell .main h3,
body.bt-public .admin-shell .main strong,
body.bt-public .admin-shell .main b{
  color:#0f172a !important;
}
body.bt-public .admin-shell .top p,
body.bt-public .admin-shell .main p,
body.bt-public .admin-shell .main small{
  color:#64748b !important;
}
body.bt-public .admin-shell .card{
  background:#ffffff !important;
  color:#0f172a !important;
  border:1px solid #e2e8f0 !important;
  border-radius:28px !important;
  box-shadow:0 18px 48px rgba(15,23,42,.07) !important;
  backdrop-filter:none !important;
}
body.bt-public .admin-product-page{
  display:grid !important;
  grid-template-columns:minmax(440px,0.95fr) minmax(520px,1.05fr) !important;
  gap:24px !important;
  align-items:start !important;
}
body.bt-public .admin-form-card,
body.bt-public .admin-list-card{
  padding:24px !important;
}
body.bt-public .admin-card-head{
  display:flex !important;
  justify-content:space-between !important;
  gap:16px !important;
  align-items:flex-start !important;
  border-bottom:1px solid #e2e8f0 !important;
  padding-bottom:16px !important;
  margin-bottom:18px !important;
}
body.bt-public .admin-card-head h3{
  margin:6px 0 6px !important;
  font-size:22px !important;
}
body.bt-public .admin-card-head p{
  margin:0 !important;
  line-height:1.55 !important;
}
body.bt-public .mini-label{
  display:inline-flex !important;
  padding:7px 10px !important;
  border-radius:999px !important;
  background:#eff6ff !important;
  color:#1d4ed8 !important;
  border:1px solid #bfdbfe !important;
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:.3px !important;
  text-transform:uppercase !important;
}
body.bt-public .admin-shell label{
  color:#0f172a !important;
  font-weight:850 !important;
}
body.bt-public .admin-shell input,
body.bt-public .admin-shell select,
body.bt-public .admin-shell textarea{
  background:#ffffff !important;
  color:#0f172a !important;
  border:1px solid #cbd5e1 !important;
  box-shadow:none !important;
}
body.bt-public .admin-shell input::placeholder,
body.bt-public .admin-shell textarea::placeholder{
  color:#94a3b8 !important;
}
body.bt-public .admin-shell .btn.gold{
  background:linear-gradient(135deg,#d8a73d,#f6d47a) !important;
  color:#081225 !important;
}
body.bt-public .admin-shell .btn.ghost{
  background:#f1f5f9 !important;
  color:#0f172a !important;
  border:1px solid #cbd5e1 !important;
}
body.bt-public .table-wrap{
  width:100% !important;
  overflow-x:auto !important;
  padding-bottom:4px !important;
}
body.bt-public .admin-shell .table{
  min-width:760px !important;
  width:100% !important;
  border-collapse:separate !important;
  border-spacing:0 10px !important;
}
body.bt-public .admin-shell .table th{
  background:transparent !important;
  color:#64748b !important;
  font-size:12px !important;
  text-transform:uppercase !important;
  letter-spacing:.35px !important;
  white-space:nowrap !important;
  padding:0 14px 6px !important;
}
body.bt-public .admin-shell .table td{
  background:#f8fafc !important;
  color:#0f172a !important;
  border-top:1px solid #e2e8f0 !important;
  border-bottom:1px solid #e2e8f0 !important;
  padding:14px !important;
  vertical-align:middle !important;
}
body.bt-public .admin-shell .table td:first-child{
  border-left:1px solid #e2e8f0 !important;
  border-radius:18px 0 0 18px !important;
}
body.bt-public .admin-shell .table td:last-child{
  border-right:1px solid #e2e8f0 !important;
  border-radius:0 18px 18px 0 !important;
}
body.bt-public .admin-shell .table code{
  display:inline-block !important;
  max-width:240px !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  background:#e2e8f0 !important;
  color:#334155 !important;
  border-radius:10px !important;
  padding:6px 8px !important;
  font-size:12px !important;
}
body.bt-public .status-pill{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:72px !important;
  border-radius:999px !important;
  padding:7px 10px !important;
  font-size:12px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
}
body.bt-public .status-active{
  background:#dcfce7 !important;
  color:#166534 !important;
  border:1px solid #bbf7d0 !important;
}
body.bt-public .status-draft{
  background:#fef3c7 !important;
  color:#92400e !important;
  border:1px solid #fde68a !important;
}
body.bt-public .status-inactive{
  background:#fee2e2 !important;
  color:#991b1b !important;
  border:1px solid #fecaca !important;
}
@media(max-width:1180px){
  body.bt-public .admin-product-page{
    grid-template-columns:1fr !important;
  }
}
@media(max-width:980px){
  body.bt-public .admin-shell{
    grid-template-columns:1fr !important;
  }
  body.bt-public .admin-shell .side{
    position:relative !important;
    height:auto !important;
  }
  body.bt-public .admin-shell .main{
    padding:18px !important;
  }
}

/* Multi-file product admin */
.file-picker{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;padding:16px}
.file-picker h4{margin:0 0 8px;color:#0f172a;font-size:16px}
.file-picker p{margin:0 0 12px;color:#64748b}
.file-picker-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:280px;overflow:auto;padding-right:4px}
.file-picker-grid label{display:flex;gap:10px;align-items:flex-start;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:12px;cursor:pointer}
.file-picker-grid input{margin-top:3px;width:auto}
.file-picker-grid b{display:block;color:#0f172a;font-size:13px;word-break:break-word}
.file-picker-grid small{display:block;color:#64748b;margin-top:4px;font-size:12px;word-break:break-word}
.download-links{display:grid;gap:8px;padding:0 22px 22px}.download-links small{display:block;color:#64748b;font-size:12px;word-break:break-word;margin-bottom:6px}.file-download-btn{width:100%;font-size:13px}.no-file{display:block;background:#fff7ed;color:#9a3412;border:1px solid #fed7aa;border-radius:14px;padding:12px;font-weight:800}
@media(max-width:760px){.file-picker-grid{grid-template-columns:1fr}}

/* BikinToko logo resmi: bukan huruf B polos */
.brand-mark{width:38px;height:38px;border-radius:14px;display:block;flex:0 0 auto;object-fit:contain;box-shadow:0 12px 30px rgba(216,167,61,.22)}
.member-logo .brand-mark{width:42px;height:42px}

/* ===== FINAL CONTRAST FIX: white panels must always use dark text ===== */
body.bt-public .card,
body.bt-public .formbox,
body.bt-public .auth-box,
body.bt-public .state-card,
body.bt-public .policy-hero,
body.bt-public .checkout-box,
body.bt-public .product-sales-copy,
body.bt-public .checkout-grid .card,
body.bt-public .policy-block,
body.bt-public .policy-side,
body.bt-public .orders-panel,
body.bt-public .stat,
body.bt-public .panel,
body.bt-public .product-card,
body.bt-public .ma-card,
body.bt-public .ma-panel,
body.bt-public .ma-empty,
body.bt-public .ma-stats > div,
body.bt-public .file-picker,
body.bt-public .file-picker-grid label,
body.bt-public .admin-shell .top,
body.bt-public .admin-shell .card,
body.bt-public .admin-form-card,
body.bt-public .admin-list-card{
  background:#ffffff !important;
  color:#0f172a !important;
  border-color:#dbe3ef !important;
}
body.bt-public .card h1,
body.bt-public .card h2,
body.bt-public .card h3,
body.bt-public .formbox h1,
body.bt-public .formbox h2,
body.bt-public .formbox h3,
body.bt-public .auth-box h1,
body.bt-public .auth-box h2,
body.bt-public .auth-box h3,
body.bt-public .state-card h1,
body.bt-public .state-card h2,
body.bt-public .state-card h3,
body.bt-public .policy-hero h1,
body.bt-public .policy-hero h2,
body.bt-public .policy-hero h3,
body.bt-public .checkout-box h1,
body.bt-public .checkout-box h2,
body.bt-public .checkout-box h3,
body.bt-public .product-sales-copy h1,
body.bt-public .product-sales-copy h2,
body.bt-public .product-sales-copy h3,
body.bt-public .policy-block h1,
body.bt-public .policy-block h2,
body.bt-public .policy-block h3,
body.bt-public .policy-side h1,
body.bt-public .policy-side h2,
body.bt-public .policy-side h3,
body.bt-public .orders-panel h1,
body.bt-public .orders-panel h2,
body.bt-public .orders-panel h3,
body.bt-public .stat strong,
body.bt-public .panel h1,
body.bt-public .panel h2,
body.bt-public .panel h3,
body.bt-public .product-card h1,
body.bt-public .product-card h2,
body.bt-public .product-card h3,
body.bt-public .ma-card h1,
body.bt-public .ma-card h2,
body.bt-public .ma-card h3,
body.bt-public .ma-panel h1,
body.bt-public .ma-panel h2,
body.bt-public .ma-panel h3,
body.bt-public .file-picker h4,
body.bt-public .file-picker-grid b,
body.bt-public .admin-shell .top h1,
body.bt-public .admin-shell .card h1,
body.bt-public .admin-shell .card h2,
body.bt-public .admin-shell .card h3{
  color:#0f172a !important;
}
body.bt-public .card p,
body.bt-public .card small,
body.bt-public .formbox p,
body.bt-public .formbox small,
body.bt-public .auth-box p,
body.bt-public .auth-box small,
body.bt-public .state-card p,
body.bt-public .policy-hero p,
body.bt-public .policy-hero small,
body.bt-public .checkout-box p,
body.bt-public .product-sales-copy p,
body.bt-public .product-sales-copy .detail-content,
body.bt-public .policy-block p,
body.bt-public .policy-block small,
body.bt-public .policy-side p,
body.bt-public .orders-panel p,
body.bt-public .stat span,
body.bt-public .stat small,
body.bt-public .panel p,
body.bt-public .product-card p,
body.bt-public .product-card small,
body.bt-public .ma-card p,
body.bt-public .ma-card small,
body.bt-public .ma-panel p,
body.bt-public .ma-panel small,
body.bt-public .file-picker p,
body.bt-public .file-picker-grid small,
body.bt-public .admin-shell .top p,
body.bt-public .admin-shell .card p,
body.bt-public .admin-shell .card small,
body.bt-public .admin-shell .card span{
  color:#475569 !important;
}
body.bt-public .card a:not(.btn),
body.bt-public .formbox a:not(.btn),
body.bt-public .auth-box a:not(.btn),
body.bt-public .policy-block a:not(.btn),
body.bt-public .policy-side a:not(.btn),
body.bt-public .panel a:not(.btn),
body.bt-public .admin-shell .card a:not(.btn){
  color:#1d4ed8 !important;
}
body.bt-public .card .btn.ghost,
body.bt-public .card .btn.light,
body.bt-public .formbox .btn.ghost,
body.bt-public .formbox .btn.light,
body.bt-public .auth-box .btn.ghost,
body.bt-public .auth-box .btn.light,
body.bt-public .state-card .btn.ghost,
body.bt-public .state-card .btn.light,
body.bt-public .checkout-box .btn.ghost,
body.bt-public .checkout-box .btn.light,
body.bt-public .product-sales-copy .btn.ghost,
body.bt-public .product-sales-copy .btn.light,
body.bt-public .policy-block .btn.ghost,
body.bt-public .policy-block .btn.light,
body.bt-public .policy-side .btn.ghost,
body.bt-public .policy-side .btn.light,
body.bt-public .panel .btn.ghost,
body.bt-public .panel .btn.light,
body.bt-public .admin-shell .card .btn.ghost,
body.bt-public .admin-shell .card .btn.light{
  background:#f8fafc !important;
  color:#0f172a !important;
  border:1px solid #cbd5e1 !important;
}
body.bt-public .card label,
body.bt-public .formbox label,
body.bt-public .auth-box label,
body.bt-public .admin-shell label{
  color:#0f172a !important;
}
body.bt-public .card input,
body.bt-public .card textarea,
body.bt-public .card select,
body.bt-public .formbox input,
body.bt-public .formbox textarea,
body.bt-public .formbox select,
body.bt-public .auth-box input,
body.bt-public .auth-box textarea,
body.bt-public .auth-box select,
body.bt-public .admin-shell input,
body.bt-public .admin-shell textarea,
body.bt-public .admin-shell select{
  background:#ffffff !important;
  color:#0f172a !important;
  border-color:#cbd5e1 !important;
}
body.bt-public .card input::placeholder,
body.bt-public .card textarea::placeholder,
body.bt-public .formbox input::placeholder,
body.bt-public .formbox textarea::placeholder,
body.bt-public .auth-box input::placeholder,
body.bt-public .auth-box textarea::placeholder,
body.bt-public .admin-shell input::placeholder,
body.bt-public .admin-shell textarea::placeholder{
  color:#94a3b8 !important;
}

/* Unprefixed fallback for public policy pages in case cached markup is missing body class. */
.policy-hero,
.policy-block,
.policy-side{
  background:#ffffff !important;
  color:#0f172a !important;
  border:1px solid #dbe3ef !important;
}
.policy-hero h1,
.policy-hero h2,
.policy-hero h3,
.policy-block h1,
.policy-block h2,
.policy-block h3,
.policy-side h1,
.policy-side h2,
.policy-side h3{
  color:#0f172a !important;
}
.policy-hero p,
.policy-hero small,
.policy-block p,
.policy-block small,
.policy-side p,
.policy-side small{
  color:#475569 !important;
}

/* Product cards live on dark sections, so their text stays light. */
body.bt-public .product{
  background:rgba(255,255,255,.075) !important;
  color:#f8fafc !important;
  border:1px solid rgba(255,255,255,.14) !important;
}
body.bt-public .product h1,
body.bt-public .product h2,
body.bt-public .product h3,
body.bt-public .product .price{
  color:#ffffff !important;
}
body.bt-public .product p,
body.bt-public .product small{
  color:#dbe7ff !important;
}
body.bt-public .product .compare{
  color:#aab8d1 !important;
}
body.bt-public .product .btn.ghost,
body.bt-public .product .btn.light{
  background:rgba(255,255,255,.10) !important;
  color:#ffffff !important;
  border:1px solid rgba(255,255,255,.18) !important;
}
.landing-placeholder-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
@media(max-width:900px){
  .landing-placeholder-grid{grid-template-columns:1fr;}
}

/* BikinToko logo resmi: bukan huruf B polos */
.brand-mark{width:38px;height:38px;border-radius:14px;display:block;flex:0 0 auto;object-fit:contain;box-shadow:0 12px 30px rgba(216,167,61,.22)}
.member-logo .brand-mark{width:42px;height:42px}


/* ===== FINAL TOTAL CONTRAST PATCH - public pages =====
   Tujuan: mencegah teks putih/abu mengikuti background terang dan mencegah teks gelap jatuh di card gelap. */
body.bt-public{
  background:#07111f !important;
  color:#f8fafc !important;
}
body.bt-public .nav,
body.bt-public .topbar{
  background:rgba(8,18,37,.96) !important;
  color:#ffffff !important;
}
body.bt-public .nav a,
body.bt-public .topbar a,
body.bt-public .brand,
body.bt-public .navlinks a{
  color:#ffffff !important;
}
body.bt-public .footer,
body.bt-public .bt-footer{
  background:#07111f !important;
  color:#dbe7ff !important;
  border-top:1px solid rgba(255,255,255,.14) !important;
}
body.bt-public .bt-footer b,
body.bt-public .footer b{
  color:#ffffff !important;
}
body.bt-public .bt-footer p,
body.bt-public .bt-footer a,
body.bt-public .footer p,
body.bt-public .footer a,
body.bt-public .footer-note{
  color:#dbe7ff !important;
}
body.bt-public .bt-footer a:hover,
body.bt-public .footer a:hover{
  color:#ffffff !important;
}
body.bt-public .btn,
body.bt-public button{
  color:#ffffff !important;
}
body.bt-public .btn.gold,
body.bt-public button.gold,
body.bt-public .landing-card .btn,
body.bt-public .front-actions .btn.gold{
  color:#081225 !important;
  background:linear-gradient(135deg,#d8a73d,#f6d47a) !important;
}
body.bt-public .btn.ghost,
body.bt-public .front-actions .btn.ghost{
  color:#ffffff !important;
  background:rgba(255,255,255,.10) !important;
  border:1px solid rgba(255,255,255,.20) !important;
}
/* Admin/member shell tetap terang dan tidak ikut gelap */
body.bt-public .bt-shell,
body.bt-public .admin-shell{
  background:#f4f7fb !important;
  color:#0f172a !important;
}

/* ===== AUDIT CONTRAST PATCH v2 - jangan hapus =====
   Hasil cek detail: beberapa badge/kicker berada di panel putih, tetapi masih memakai warna kuning muda untuk desain gelap.
   Patch ini mengunci kontras berdasarkan konteks: panel gelap = teks terang, panel putih = teks gelap. */

/* 1) Homepage / public dark sections */
body.bt-public .front-hero,
body.bt-public .landing-section,
body.bt-public .clean-home,
body.bt-public .product-sales-detail{
  background:#07111f !important;
  color:#f8fafc !important;
}
body.bt-public .front-title,
body.bt-public .front-flow b,
body.bt-public .landing-head h2,
body.bt-public .landing-card h3,
body.bt-public .simple-flow-panel h2,
body.bt-public .simple-steps b,
body.bt-public .clean-home h1,
body.bt-public .clean-home h2,
body.bt-public .clean-home h3{
  color:#ffffff !important;
}
body.bt-public .front-title span{
  color:transparent !important;
}
body.bt-public .front-sub,
body.bt-public .front-flow span,
body.bt-public .landing-head p,
body.bt-public .landing-card p,
body.bt-public .simple-flow-panel p,
body.bt-public .simple-steps div,
body.bt-public .clean-home p,
body.bt-public .clean-panel p,
body.bt-public .screen p{
  color:#e5edf8 !important;
}
body.bt-public .front-flow div,
body.bt-public .landing-card,
body.bt-public .simple-flow-panel,
body.bt-public .simple-steps div,
body.bt-public .clean-panel,
body.bt-public .clean-screen,
body.bt-public .screen,
body.bt-public .hero-card{
  background:#101d38 !important;
  color:#f8fafc !important;
  border-color:rgba(255,255,255,.18) !important;
}
body.bt-public .landing-tag{
  color:#f6d47a !important;
}
body.bt-public .landing-icon,
body.bt-public .brand span,
body.bt-public .brand-mark + span{
  color:#081225 !important;
}
body.bt-public .front-kicker,
body.bt-public .landing-badge{
  background:#fff7e6 !important;
  color:#7c4a03 !important;
  border-color:#f1d59a !important;
}

/* 2) Kicker/badge di panel putih: WAJIB gelap, bukan kuning muda */
body.bt-public .product-sales-copy .kicker,
body.bt-public .checkout-box .kicker,
body.bt-public .state-card .kicker,
body.bt-public .policy-hero .kicker,
body.bt-public .policy-block .kicker,
body.bt-public .policy-side .kicker,
body.bt-public .auth-box .kicker,
body.bt-public .formbox .kicker,
body.bt-public .card .kicker,
body.bt-public .panel .kicker,
body.bt-public .clean-panel .kicker{
  display:inline-flex !important;
  background:#fff7e6 !important;
  color:#92400e !important;
  border:1px solid #f1d59a !important;
  border-radius:999px !important;
}
body.bt-public .product-sales-copy .badge,
body.bt-public .checkout-box .badge,
body.bt-public .state-card .badge,
body.bt-public .policy-hero .badge,
body.bt-public .policy-block .badge,
body.bt-public .policy-side .badge,
body.bt-public .card .badge,
body.bt-public .panel .badge{
  background:#eff6ff !important;
  color:#1d4ed8 !important;
  border:1px solid #bfdbfe !important;
}

/* 3) Panel putih: semua isi dipaksa dark text agar tidak ada putih di atas putih */
body.bt-public .product-sales-copy,
body.bt-public .checkout-box,
body.bt-public .state-card,
body.bt-public .policy-hero,
body.bt-public .policy-block,
body.bt-public .policy-side,
body.bt-public .auth-box,
body.bt-public .formbox,
body.bt-public .checkout-grid .card,
body.bt-public .admin-shell .top,
body.bt-public .admin-shell .card,
body.bt-public .ma-card,
body.bt-public .ma-panel,
body.bt-public .ma-empty,
body.bt-public .ma-stats > div,
body.bt-public .file-picker,
body.bt-public .file-picker-grid label{
  background:#ffffff !important;
  color:#0f172a !important;
  border-color:#dbe3ef !important;
  backdrop-filter:none !important;
}
body.bt-public .product-sales-copy h1,
body.bt-public .product-sales-copy h2,
body.bt-public .product-sales-copy h3,
body.bt-public .checkout-box h1,
body.bt-public .checkout-box h2,
body.bt-public .checkout-box h3,
body.bt-public .state-card h1,
body.bt-public .state-card h2,
body.bt-public .state-card h3,
body.bt-public .policy-hero h1,
body.bt-public .policy-hero h2,
body.bt-public .policy-hero h3,
body.bt-public .policy-block h1,
body.bt-public .policy-block h2,
body.bt-public .policy-block h3,
body.bt-public .policy-side h1,
body.bt-public .policy-side h2,
body.bt-public .policy-side h3,
body.bt-public .auth-box h1,
body.bt-public .auth-box h2,
body.bt-public .auth-box h3,
body.bt-public .formbox h1,
body.bt-public .formbox h2,
body.bt-public .formbox h3,
body.bt-public .ma-card h1,
body.bt-public .ma-card h2,
body.bt-public .ma-card h3,
body.bt-public .ma-panel h1,
body.bt-public .ma-panel h2,
body.bt-public .ma-panel h3,
body.bt-public .file-picker h4{
  color:#0f172a !important;
}
body.bt-public .product-sales-copy p,
body.bt-public .product-sales-copy .detail-content,
body.bt-public .checkout-box p,
body.bt-public .state-card p,
body.bt-public .policy-hero p,
body.bt-public .policy-hero small,
body.bt-public .policy-block p,
body.bt-public .policy-block small,
body.bt-public .policy-side p,
body.bt-public .auth-box p,
body.bt-public .auth-box small,
body.bt-public .formbox p,
body.bt-public .formbox small,
body.bt-public .ma-card p,
body.bt-public .ma-card small,
body.bt-public .ma-panel p,
body.bt-public .ma-panel small,
body.bt-public .file-picker p,
body.bt-public .file-picker-grid small{
  color:#475569 !important;
}

/* 4) Form dan tombol di panel putih */
body.bt-public .product-sales-copy a:not(.btn),
body.bt-public .checkout-box a:not(.btn),
body.bt-public .state-card a:not(.btn),
body.bt-public .policy-hero a:not(.btn),
body.bt-public .policy-block a:not(.btn),
body.bt-public .policy-side a:not(.btn),
body.bt-public .auth-box a:not(.btn),
body.bt-public .formbox a:not(.btn){
  color:#1d4ed8 !important;
}
body.bt-public .auth-box label,
body.bt-public .formbox label,
body.bt-public .checkout-box label,
body.bt-public .card label{
  color:#0f172a !important;
}
body.bt-public .auth-box input,
body.bt-public .auth-box textarea,
body.bt-public .auth-box select,
body.bt-public .formbox input,
body.bt-public .formbox textarea,
body.bt-public .formbox select,
body.bt-public .checkout-box input,
body.bt-public .checkout-box textarea,
body.bt-public .checkout-box select,
body.bt-public .card input,
body.bt-public .card textarea,
body.bt-public .card select{
  background:#ffffff !important;
  color:#0f172a !important;
  border:1px solid #cbd5e1 !important;
}
body.bt-public .product-sales-copy .btn.ghost,
body.bt-public .checkout-box .btn.ghost,
body.bt-public .state-card .btn.ghost,
body.bt-public .policy-side .btn.ghost,
body.bt-public .auth-box .btn.ghost,
body.bt-public .formbox .btn.ghost,
body.bt-public .card .btn.ghost{
  background:#f8fafc !important;
  color:#0f172a !important;
  border:1px solid #cbd5e1 !important;
}
body.bt-public .product-sales-copy .btn.gold,
body.bt-public .checkout-box .btn.gold,
body.bt-public .state-card .btn.gold,
body.bt-public .policy-side .btn.gold,
body.bt-public .auth-box .btn.gold,
body.bt-public .formbox .btn.gold,
body.bt-public .card .btn.gold{
  background:linear-gradient(135deg,#d8a73d,#f6d47a) !important;
  color:#081225 !important;
}

/* 5) Member/admin tetap terang */
body.bt-public .bt-shell,
body.bt-public .admin-shell,
body.bt-public .bt-shell .bt-main,
body.bt-public .admin-shell .main{
  background:#f4f7fb !important;
  color:#0f172a !important;
}
body.bt-public .bt-shell .bt-sidebar,
body.bt-public .admin-shell .side{
  background:#071122 !important;
  color:#e5edf8 !important;
}
body.bt-public .bt-shell .bt-sidebar a,
body.bt-public .admin-shell .side a{
  color:#dbe7ff !important;
}