/* BK TRADER AI — one design for every page (taken from dashboard.php):
   navy-neon glass, aurora + particle backdrop, Bricolage / Instrument Sans type, cyan-blue buttons, gold only for premium. */
:root{
  --bk-bg:#02060a;--bk-sf:#07131c;--bk-sf2:#0a1a26;--bk-line:rgba(0,255,156,.11);--bk-line2:rgba(0,255,156,.22);
  --bk-tx:#d6fff0;--bk-mut:#6f9a8c;--bk-dim:#4d7366;--bk-cy:#00ff9c;--bk-bl:#00b8d4;--bk-vi:#00e5ff;--bk-pk:#ff2bd6;--bk-ok:#00ff9c;--bk-bad:#ff3b5c;
  --bk-gold:#ff2bd6;--bk-gold2:#c21ea0;
  --bk-fd:'Orbitron','Rajdhani',sans-serif;--bk-fb:'Rajdhani',system-ui,sans-serif;--bk-fm:'Share Tech Mono',ui-monospace,Menlo,Consolas,monospace;
}

/* ---------- backdrop: aurora + particle network (injected by theme.js) ---------- */
html.bk-th{background:#02060a!important;color-scheme:dark}
html.bk-th body{background:transparent!important;color:var(--bk-tx);font-family:var(--bk-fb)}
.bk-fx{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:#02060a}
.bk-fx .au{position:absolute;border-radius:50%;filter:blur(90px);will-change:transform}
.bk-fx .a1{width:max(46vw,300px);height:max(46vw,300px);left:-12vw;top:-16vw;background:#00935a;opacity:.5;animation:bkdr1 22s ease-in-out infinite alternate}
.bk-fx .a2{width:max(40vw,260px);height:max(40vw,260px);right:-10vw;top:12vh;background:#00b8d4;opacity:.38;animation:bkdr2 28s ease-in-out infinite alternate}
.bk-fx .a3{width:max(36vw,240px);height:max(36vw,240px);left:25vw;bottom:-18vw;background:#00b8d4;opacity:.32;animation:bkdr3 25s ease-in-out infinite alternate}
.bk-fx canvas{position:absolute;inset:0;width:100%;height:100%}
@keyframes bkdr1{to{transform:translate3d(14vw,10vh,0) scale(1.18)}}@keyframes bkdr2{to{transform:translate3d(-16vw,-8vh,0) scale(1.1)}}@keyframes bkdr3{to{transform:translate3d(10vw,-12vh,0) scale(1.2)}}
@media(prefers-reduced-motion:reduce){.bk-fx .au{animation:none}}
/* the pages' own old backdrops are replaced by the shared one */
html.bk-th :is(.trading-chart-bg,#candlestick-canvas,#candlestick-fx-canvas,.floating-candlestick,.ocean-bg,.live-trading-bg,.grid-bg,.bg-grid,.noise,.scene,.glow-orb,.particles,.candles){display:none!important}

/* ---------- scrollbars / selection ---------- */
html.bk-th{scrollbar-width:thin;scrollbar-color:#0b3a2b transparent}
html.bk-th ::selection{background:var(--bk-cy);color:#00111c}
html.bk-th ::-webkit-scrollbar{width:9px;height:9px}html.bk-th ::-webkit-scrollbar-track{background:transparent}html.bk-th ::-webkit-scrollbar-thumb{background:#0b3a2b;border-radius:9px}

/* ---------- palette: map every page's own variables onto the dashboard palette ---------- */
html.bk-th{
  /* older Tailwind pages */
  --bg-dark:#02060a;--bg-darker:#010407;--bg-deep:#02060a;--accent-neon:#00ff9c;--accent-purple:#00e5ff;--accent-pink:#00e5ff;--accent-gold:#ff2bd6;--accent-blue:#00b8d4;
  --pro-cyan:#00ff9c;--pro-purple:#00e5ff;--pro-pink:#00e5ff;--pro-gold:#ff2bd6;--grid-color:rgba(0,255,156,.03);
  --gradient-card:linear-gradient(170deg,rgba(7,19,28,.88),rgba(2,8,12,.92));--gradient-hybrid:linear-gradient(135deg,#00ff9c 0%,#00b8d4 50%,#00e5ff 100%);
  /* login / plans family */
  --cyan:#00ff9c;--blue:#00b8d4;--violet:#00e5ff;--green:#00ff9c;--white:#d6fff0;--muted:#6f9a8c;--line:rgba(0,255,156,.22);
  /* dashboard family (accent that was brass on some pages -> the dashboard's blue-cyan) */
  --brass:#00ff9c;--gold:#ff2bd6;--gold-2:#c21ea0;
}
html.bk-th[data-bk-fam="dash"]{--brass:#00ff9c}

/* ---------- typography ---------- */
html.bk-th :is(h1,h2,h3,h4,.font-\[Orbitron\],.font-orbitron){font-family:var(--bk-fd)!important;letter-spacing:-.02em}
html.bk-th :is(h1,h2){line-height:1.1}
html.bk-th[data-bk-fam="tw"] body,html.bk-th[data-bk-fam="login"] body{font-family:var(--bk-fb)!important}
html.bk-th[data-bk-fam="tw"] *:not(i):not([class*="fa-"]):not(.fab):not(.fas):not(.far){font-family:inherit}

/* ---------- surfaces: every card = dashboard glass card ---------- */
html.bk-th :is(.cyber-card,.premium-card,.card.glass,.tier,.panel){background:linear-gradient(170deg,rgba(7,19,28,.88),rgba(2,8,12,.92))!important;border:1px solid var(--bk-line2)!important;border-radius:22px!important;box-shadow:0 50px 100px -30px #000!important;backdrop-filter:blur(12px)}
html.bk-th :is(.cyber-card,.premium-card):hover{border-color:rgba(0,255,156,.55)!important;box-shadow:0 0 0 1px rgba(0,255,156,.18),0 40px 80px -30px #000!important;transform:translateY(-2px)}

/* ---------- buttons: dashboard "btn-brass" (blue-cyan) / "btn-line" ---------- */
html.bk-th :is(.cyber-btn,.btn-primary){background:linear-gradient(100deg,#00935a,#00c97a 60%,#00e5ff)!important;color:#fff!important;border:0!important;border-radius:12px!important;font-family:var(--bk-fb)!important;font-weight:600!important;font-size:14.5px;letter-spacing:0!important;text-transform:none!important;padding:13px 22px;box-shadow:0 12px 30px -12px #00c97a!important}
html.bk-th :is(.cyber-btn,.btn-primary):hover{transform:translateY(-2px);box-shadow:0 16px 36px -12px #00c97a,0 0 0 1px rgba(0,229,255,.4)!important;background:linear-gradient(100deg,#00935a,#00c97a 60%,#00e5ff)!important}
html.bk-th :is(.cyber-btn-secondary,.btn-line){background:#0a1a26!important;color:var(--bk-tx)!important;border:1px solid var(--bk-line2)!important;border-radius:12px!important;font-family:var(--bk-fb)!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important;box-shadow:none!important}
html.bk-th :is(.cyber-btn-secondary,.btn-line):hover{border-color:var(--bk-cy)!important;box-shadow:0 10px 24px -12px var(--bk-cy)!important}
html.bk-th :is(.cyber-btn-gold){background:linear-gradient(100deg,#00935a,#00c97a 60%,#00e5ff)!important;color:#fff!important;border:0!important;border-radius:12px!important;font-family:var(--bk-fb)!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important;box-shadow:0 12px 30px -12px #00c97a!important}
/* gold stays a premium signal only */
html.bk-th a.cyber-btn[href*="plans.php"],html.bk-th a.btn-brass[href*="plans.php"],html.bk-th a.btn-brass[href*="t.me"][href*="text="]{background:linear-gradient(100deg,#c21ea0,#ff2bd6 60%,#ff8fe9)!important;color:#1a0016!important;box-shadow:0 12px 30px -14px rgba(255,43,214,.9)!important}

/* ---------- Tailwind utility gradients (cyan/purple/pink/gold) -> dashboard cyan/blue/violet ---------- */
html.bk-th :is(.from-cyan-400,.from-cyan-500,.from-cyan-300){--tw-gradient-from:#00ff9c!important;--tw-gradient-to:rgb(0 255 156 / 0)!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)!important}
html.bk-th :is(.via-purple-400,.via-purple-500,.via-purple-600){--tw-gradient-stops:var(--tw-gradient-from),#00b8d4,var(--tw-gradient-to)!important}
html.bk-th :is(.to-pink-500,.to-pink-400,.to-pink-600,.to-purple-500,.to-purple-600,.to-purple-400,.to-blue-500,.to-blue-600){--tw-gradient-to:#00e5ff!important}
html.bk-th :is(.text-pink-400,.text-pink-500,.text-purple-400,.text-purple-300){color:#7dfbd0!important}
html.bk-th :is(.text-cyan-400,.text-cyan-300,.text-cyan-200){color:#00ff9c!important}
html.bk-th :is(.bg-cyan-400,.bg-cyan-500){background-color:#00ff9c!important}
html.bk-th :is(.border-cyan-400\/30,.border-cyan-400\/20,.border-cyan-500\/30,.border-cyan-400\/40){border-color:rgba(0,255,156,.28)!important}

/* ---------- header (same glass bar as the dashboard) ---------- */
html.bk-th :is(.premium-header,header.top,.site-header){background:rgba(2,6,10,.78)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--bk-line)!important;box-shadow:none}
html.bk-th :is(.premium-header.header-scrolled){box-shadow:0 18px 40px -26px rgba(0,0,0,.95)!important}
html.bk-th .bk-brand{display:flex;align-items:center;gap:11px}
html.bk-th .bk-brand img{width:40px;height:40px;object-fit:contain;flex:none}
html.bk-th .bk-brand b{display:block;font-family:var(--bk-fd);font-size:18px;font-weight:800;letter-spacing:.02em;line-height:1.1;color:var(--bk-tx)}
html.bk-th .bk-brand b i{font-style:normal;color:var(--bk-cy)}
html.bk-th .bk-brand small{display:block;font-family:var(--bk-fm);font-size:9px;letter-spacing:.24em;color:#6f9a8c;text-transform:uppercase}

/* ---------- footer ---------- */
html.bk-th :is(.premium-footer){background:rgba(2,6,10,.72)!important;border-top:1px solid var(--bk-line)!important}

/* ---------- forms ---------- */
html.bk-th :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea){border-color:var(--bk-line2)}
html.bk-th :is(.cyber-card,.premium-card) :is(input:not([type=checkbox]):not([type=radio]),select,textarea){background:#0a1a26;color:var(--bk-tx);border:1px solid var(--bk-line2);border-radius:12px}
html.bk-th :is(.cyber-card,.premium-card) :is(input,select,textarea):focus{outline:none;border-color:var(--bk-cy);box-shadow:0 0 0 3px rgba(0,255,156,.15)}

/* ======================= dash family (index, M5, Forex, Multi-Expiry, calculator, news) =======================
   these pages used an older navy+gold palette — move them onto the dashboard palette */
html.bk-th[data-bk-fam="dash"]{
  --ink:#02060a;--ink-2:#07131c;--panel:#0a1638;--panel-2:#0a1a26;--line:rgba(0,255,156,.16);--line-soft:rgba(0,255,156,.09);
  --paper:#d6fff0;--muted:#6f9a8c;--faint:#6f9a8c;--brass:#00ff9c;--brass-deep:#00b8d4;--rise:#00ff9c;--fall:#ff3b5c;--royal:#00b8d4;
}
html.bk-th[data-bk-fam="dash"] :is(.card,.panel-box,.tier,.tool,.pane,.stat,.box):not(.plogo){background:linear-gradient(170deg,rgba(7,19,28,.88),rgba(2,8,12,.92))!important;border:1px solid var(--bk-line2)!important;border-radius:22px!important;box-shadow:0 50px 100px -30px #000}
html.bk-th[data-bk-fam="dash"] .btn-brass{background:linear-gradient(100deg,#00935a,#00c97a 60%,#00e5ff)!important;color:#fff!important;box-shadow:0 12px 30px -12px #00c97a!important}
html.bk-th[data-bk-fam="dash"] .btn-brass:hover{box-shadow:0 16px 36px -12px #00c97a,0 0 0 1px rgba(0,229,255,.4)!important}
html.bk-th[data-bk-fam="dash"] .btn-brass[href*="plans.php"],html.bk-th[data-bk-fam="dash"] .btn-brass[href*="t.me"][href*="text="]{background:linear-gradient(100deg,#c21ea0,#ff2bd6 60%,#ff8fe9)!important;color:#1a0016!important;box-shadow:0 12px 30px -14px rgba(255,43,214,.9)!important}
html.bk-th[data-bk-fam="dash"] .btn-line{background:#0a1a26!important;border:1px solid var(--bk-line2)!important}
html.bk-th[data-bk-fam="dash"] :is(.title em,.hero h1 em,h1 em,h2 em){background:linear-gradient(100deg,#00ff9c,#00e5ff)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important}
html.bk-th[data-bk-fam="dash"] :is(.top,.nav-bar,header.top){background:rgba(2,6,10,.78)!important;border-bottom:1px solid var(--bk-line)!important}
html.bk-th[data-bk-fam="dash"] :is(.seal){background:linear-gradient(135deg,#00935a,#00c97a 55%,#00e5ff)!important;color:#fff!important}
html.bk-th[data-bk-fam="dash"] :is(.brand h1 i,.logo i){color:var(--bk-cy)!important}

/* ======================= tw family extras (orange page + remaining accents) ======================= */
html.bk-th :is(.from-orange-500,.from-orange-400,.from-yellow-400,.from-yellow-500,.from-amber-400,.from-amber-500){--tw-gradient-from:#00ff9c!important;--tw-gradient-to:rgb(0 255 156 / 0)!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)!important}
html.bk-th :is(.via-orange-500,.via-orange-400,.via-yellow-500){--tw-gradient-stops:var(--tw-gradient-from),#00b8d4,var(--tw-gradient-to)!important}
html.bk-th :is(.to-orange-500,.to-orange-600,.to-red-500,.to-amber-500,.to-yellow-500,.to-red-600){--tw-gradient-to:#00e5ff!important}
html.bk-th :is(.text-orange-400,.text-orange-300,.text-orange-500,.text-yellow-400,.text-amber-400){color:#00ff9c!important}
html.bk-th :is(.bg-orange-500,.bg-orange-400,.bg-orange-600){background-color:#00b8d4!important}
html.bk-th :is(.border-orange-400,.border-orange-500,.border-orange-500\/30,.border-orange-400\/30){border-color:rgba(0,255,156,.35)!important}
html.bk-th[data-bk-fam="tw"] :is(.hover\:text-orange-400:hover,.hover\:text-orange-300:hover){color:#00ff9c!important}

/* ======================= leftover page-specific accents -> dashboard palette ======================= */
html.bk-th :is(.highlight-button,.prediction-badge,.confidence-level,.btn-warning){background:linear-gradient(100deg,#00935a,#00c97a 60%,#00e5ff)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 12px 30px -12px #00c97a!important}
html.bk-th :is(.stat-counter,.live-clock){color:#00ff9c!important}
html.bk-th .spinner{border-color:rgba(0,255,156,.2)!important;border-top-color:#00ff9c!important}
html.bk-th :is(.form-input,.select-option){background:#0a1a26!important;border-color:var(--bk-line2)!important;color:var(--bk-tx)!important}
html.bk-th :is(.form-input:focus,.select-option:hover){border-color:#00ff9c!important;box-shadow:0 0 0 3px rgba(0,255,156,.15)!important}
html.bk-th .select-option:checked{background:rgba(0,255,156,.25)!important;border-color:#00ff9c!important}
html.bk-th .chart-image-container{border-color:rgba(0,255,156,.3)!important}
html.bk-th ::-webkit-scrollbar-thumb{background:#0b3a2b!important}
html.bk-th .ai-chip{background:linear-gradient(135deg,#00935a,#00c97a 55%,#00e5ff)!important}
html.bk-th .ai-chip::before{background:linear-gradient(135deg,#00ff9c,#00e5ff,#00ff9c)!important}
html.bk-th :is(.settings-panel){background:rgba(7,19,28,.96)!important;border-color:var(--bk-line2)!important}
/* index hero headline + charts that were drawn in gold */
html.bk-th[data-bk-fam="dash"] h1 > span[data-i18n="hero.h1"],html.bk-th[data-bk-fam="dash"] h1 .line2{background-image:linear-gradient(90deg,#00e5ff,#00ff9c 45%,#00e5ff)!important;-webkit-background-clip:text!important;background-clip:text!important}
html.bk-th svg [stroke="#F2B138"],html.bk-th svg [stroke="#f2b138"]{stroke:#00ff9c!important}
html.bk-th svg [stop-color="#F2B138"],html.bk-th svg [stop-color="#ff2bd6"]{stop-color:#00ff9c!important}
html.bk-th svg [fill="#F2B138"],html.bk-th svg [fill="#ff2bd6"]{fill:#00ff9c!important}
html.bk-th .line2{background-image:linear-gradient(90deg,#00ff9c,#7dfbd0 55%,#00e5ff)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important}
html.bk-th .line2::after,html.bk-th .line2::before{display:none!important}

/* ================= v3: hacker / neural-lab look — identical to the front page ================= */
html.bk-th body{font-size:17px;font-weight:500}
html.bk-th :is(h1,h2,h3,.title,.hx,.page-title){font-family:var(--bk-fd)!important;letter-spacing:.03em}
html.bk-th :is(label,small,.mono,code,kbd,th){font-family:var(--bk-fm)}
html.bk-th body:after{content:"";position:fixed;inset:0;z-index:90;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.14) 0 1px,transparent 1px 3px);mix-blend-mode:multiply}
.bk-fx .au{display:none!important}
.bk-fx canvas{opacity:.24}
.bk-fx:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 30%,transparent 35%,rgba(0,0,0,.75))}
/* HUD buttons: clipped corners, mono caps, solid green fill for primary */
html.bk-th :is(.cyber-btn,.btn-primary,.btn-brass,.btn,button[type=submit],.cyber-btn-gold,.highlight-button){font-family:var(--bk-fm)!important;text-transform:uppercase!important;letter-spacing:.06em!important;border-radius:0!important;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);background:#00ff9c!important;color:#001a10!important;border:0!important;font-weight:700!important;box-shadow:none!important;transition:.25s}
html.bk-th :is(.cyber-btn,.btn-primary,.btn-brass,.btn,button[type=submit],.cyber-btn-gold,.highlight-button):hover{background:#fff!important;filter:drop-shadow(0 0 14px #00ff9c)}
html.bk-th :is(.cyber-btn-secondary,.btn-line,.btn-ghost,.btn-outline){font-family:var(--bk-fm)!important;text-transform:uppercase!important;letter-spacing:.06em!important;border-radius:0!important;background:rgba(0,255,156,.05)!important;color:#00ff9c!important;border:1px solid #00ff9c!important;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}
html.bk-th :is(.cyber-btn-secondary,.btn-line,.btn-ghost,.btn-outline):hover{background:#00ff9c!important;color:#001a10!important}
html.bk-th :is(a[href*="plans.php"].cyber-btn,a[href*="t.me/khanburhan86?text"]){background:#ff2bd6!important;color:#1a0016!important}
/* HUD cards: square, thin green border, corner glow */
html.bk-th :is(.card,.cyber-card,.premium-card,.tier,.panel,.panel-box,.tool,.pane,.stat,.box,.glass,.feature-card,.stat-card):not(.plogo){border-radius:2px!important;border:1px solid rgba(0,255,156,.22)!important;background:linear-gradient(170deg,rgba(7,19,28,.9),rgba(2,8,12,.94))!important;box-shadow:0 0 0 1px rgba(0,0,0,.4),0 18px 50px -28px #00ff9c!important}
html.bk-th :is(input,select,textarea){font-family:var(--bk-fm)!important;border-radius:0!important;background:#050f16!important;border:1px solid rgba(0,255,156,.28)!important;color:#d6fff0!important}
html.bk-th :is(input,select,textarea):focus{border-color:#00ff9c!important;box-shadow:0 0 0 3px rgba(0,255,156,.16)!important;outline:0}
html.bk-th :is(header.top,.top,header,.navbar,.premium-header){border-bottom:1px solid rgba(0,255,156,.2)!important;background:rgba(2,6,10,.84)!important;backdrop-filter:blur(10px)}
html.bk-th :is(footer,.foot){background:#010407!important;border-top:1px solid rgba(0,255,156,.2)!important}
html.bk-th a:hover{text-shadow:0 0 10px rgba(0,255,156,.5)}
html.bk-th .bk-brand b{font-family:var(--bk-fd);letter-spacing:.12em}
html.bk-th .bk-brand small{font-family:var(--bk-fm);letter-spacing:.18em}
html.bk-th img.logo,html.bk-th .bk-brand img{filter:drop-shadow(0 0 8px rgba(0,255,156,.6))}
/* dashboard variable names -> the new palette */
html.bk-th[data-bk-fam="dash"]{--bg:#02060a;--sf:#07131c;--sf2:#0a1a26;--line:rgba(0,255,156,.18);--line2:rgba(0,255,156,.34);--tx:#d6fff0;--mut:#6f9a8c;--cy:#00ff9c;--bl:#00c97a;--vi:#00e5ff;--pk:#ff2bd6;--ok:#00ff9c;--bad:#ff3b5c;--ink:#02060a;--panel:#07131c}
html.bk-th .fx .au{display:none!important}
html.bk-th .fx{display:none!important}

html.bk-th svg [stroke="#F2B138"],html.bk-th svg [stroke="#f2b138"]{stroke:#00ff9c!important}
html.bk-th svg [stop-color="#F2B138"],html.bk-th svg [stop-color="#f2b138"]{stop-color:#00ff9c!important}
html.bk-th[data-bk-fam="app"]{--amber:#00ff9c;--brass:#00ff9c}
html.bk-th[data-bk-fam="app"] :is(#genBtn,.gen,.btn-gen,[class*=generate]){background:#00ff9c!important;color:#001a10!important}