:root{--bg:#050914;--panel:#0b1220;--panel2:#0f1a2d;--line:#1c2a42;--text:#eef5ff;--muted:#8ca0bd;--cyan:#20d7ff;--blue:#2764ff;--good:#27e69b;--warn:#ffbe45;--danger:#ff5264}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0,#0c2451 0,transparent 33%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.brand{display:flex;align-items:center;gap:10px}.brand .mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid #2fdefd;border-radius:12px;background:linear-gradient(145deg,#0d2949,#08111f);color:var(--cyan);font-weight:900;box-shadow:0 0 30px #20d7ff20}.brand b{letter-spacing:2px}.brand small{display:block;color:var(--cyan);letter-spacing:5px}.public-nav{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);border-bottom:1px solid #ffffff0d;background:#050914bb;backdrop-filter:blur(15px);position:sticky;top:0;z-index:20}.public-nav nav{display:flex;align-items:center;gap:26px;color:#b9c8dc}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;padding:13px 20px;background:linear-gradient(135deg,var(--cyan),#2b7fff);color:#001018;font-weight:800;cursor:pointer}.btn.small{padding:10px 16px}.btn.ghost{color:#cfe9ff;background:#0d1728;border:1px solid #28415f}.hero{max-width:1240px;margin:auto;min-height:680px;padding:80px 30px;display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.hero h1{font-size:clamp(48px,6vw,82px);line-height:.96;margin:14px 0 24px;letter-spacing:-4px}.hero h1 span{color:var(--cyan)}.hero p{font-size:19px;line-height:1.7;color:#9eb1ca;max-width:650px}.eyebrow,.section-head span,.panel-title span{font-size:12px;letter-spacing:3px;font-weight:800;color:var(--cyan)}.hero-actions{display:flex;gap:12px;margin:30px 0}.risk-note{font-size:12px;color:#7487a4;max-width:600px}.terminal-card{border:1px solid #234365;border-radius:22px;background:linear-gradient(180deg,#0c1728,#070c15);box-shadow:0 30px 100px #0008,0 0 60px #1fbddd12;overflow:hidden}.terminal-head{padding:18px 20px;border-bottom:1px solid #1a2a40;font-size:12px;letter-spacing:2px;display:flex;justify-content:space-between}.terminal-head i{width:8px;height:8px;border-radius:99px;background:var(--good);box-shadow:0 0 10px var(--good)}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#18263b}.metric-grid div{background:#0a1321;padding:25px}.metric-grid small,.ticker small,.stat small{display:block;color:var(--muted);margin-bottom:9px}.metric-grid strong{font-size:13px}.good{color:var(--good)}.fake-chart{height:220px;display:flex;align-items:end;gap:9px;padding:35px}.fake-chart span{flex:1;border-radius:4px 4px 0 0;background:linear-gradient(var(--cyan),#24469a)}.section{max-width:1240px;margin:auto;padding:90px 30px}.section.alt{max-width:none;background:#08101c;padding-left:max(5vw,30px);padding-right:max(5vw,30px)}.section-head h2{font-size:42px;margin:10px 0 35px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.cards article{padding:28px;border:1px solid #182b44;border-radius:18px;background:#0a111e}.cards p{color:var(--muted);line-height:1.65}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.steps div{border-top:1px solid #24415e;padding:24px 0}.steps b{color:var(--cyan);font-size:12px}footer{text-align:center;padding:35px;color:#667b99;border-top:1px solid #ffffff0c}.auth-wrap{min-height:calc(100vh - 80px);display:grid;place-items:center;padding:40px}.auth-card{width:min(460px,100%);border:1px solid #1c304c;border-radius:20px;background:#09111e;padding:34px;box-shadow:0 30px 80px #0006}.brand.big{margin-bottom:30px}.auth-card h2{font-size:30px;margin-bottom:5px}.auth-card>p{color:var(--muted)}label{display:block;color:#aebfd3;font-size:13px;margin:16px 0}input,select{width:100%;margin-top:7px;background:#07101d;color:white;border:1px solid #263a56;border-radius:10px;padding:12px;outline:none}input:focus,select:focus{border-color:var(--cyan)}.password-row{display:flex}.password-row input{border-radius:10px 0 0 10px}.eye{margin-top:7px;border:1px solid #263a56;border-left:0;background:#0e1b2e;color:#a9c1dc;border-radius:0 10px 10px 0;padding:0 15px}.auth-card form>.btn{width:100%;margin-top:10px}.muted{color:var(--muted)!important}.error,.notice{padding:12px 14px;border-radius:10px;margin:12px 0;font-size:13px}.error{background:#591c2b;color:#ffd6dd}.notice{background:#113c36;color:#b8ffe6}.app-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{position:sticky;top:0;height:100vh;border-right:1px solid #17253a;background:#060b14;padding:28px 18px;display:flex;flex-direction:column}.sidebar .brand{padding:0 10px 28px}.sidebar nav{display:grid;gap:7px}.sidebar nav a,.logout{padding:12px 13px;border-radius:10px;color:#91a6c2}.sidebar nav a:hover{background:#101b2c;color:#fff}.logout{margin-top:auto}.main{padding:0 34px 50px;min-width:0}.topbar{height:105px;display:flex;align-items:center;justify-content:space-between}.topbar h1{margin:0;font-size:27px}.topbar p{margin:5px 0 0;color:var(--muted);font-size:13px}.mode-pill,.badge{padding:8px 11px;border:1px solid #28405f;background:#0d1727;border-radius:99px;font-size:10px;letter-spacing:1px;color:#b9cee9}.badge.warning{border-color:#604b20;color:var(--warn)}.badge.good{color:var(--good)}.dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.panel,.stat{border:1px solid #192a43;background:linear-gradient(180deg,#0b1423,#08101c);border-radius:16px;padding:22px}.hero-panel{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding:30px}.hero-panel h2{font-size:32px;margin:8px 0}.hero-panel p,.panel p{color:var(--muted);line-height:1.6}.stat strong{font-size:32px}.wide{grid-column:1/-1}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.panel-title h3{margin:7px 0 0;font-size:21px}.panel-title select{width:auto;margin:0;min-width:180px}.ticker{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}.ticker>div{background:#07101c;border:1px solid #16283f;border-radius:12px;padding:16px}.ticker strong{font-size:19px}canvas{width:100%;background:#050b13;border:1px solid #13233a;border-radius:12px}.account-list{display:grid;gap:10px;margin-top:16px}.deriv-account{border:1px solid #1c3048;background:#07101c;padding:14px;border-radius:12px;display:flex;justify-content:space-between;align-items:center}.deriv-account span{display:block;color:var(--muted);font-size:12px;margin-top:3px}.mini-btn{border:1px solid #2c4666;background:#0c1b2f;color:#d6ebff;border-radius:8px;padding:8px 11px;cursor:pointer}.mini-btn.connected{border-color:#176544;color:var(--good)}.danger-link{border:0;background:none;color:#ff7785;cursor:pointer;padding:0}.settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.settings-grid label{margin:0}.settings-grid>div{display:flex;align-items:end}.stop-button{border:1px solid #ff5264;background:#541724;color:#ffdce0;border-radius:11px;padding:12px 18px;font-weight:900;cursor:pointer}.digit-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:8px;margin:20px 0}.digit-grid div{padding:18px 8px;text-align:center;background:#07101b;border:1px solid #192b43;border-radius:11px}.digit-grid b{display:block;font-size:22px;color:var(--cyan)}.digit-grid span{display:block;color:var(--muted);font-size:12px;margin-top:4px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px;border-bottom:1px solid #172840;font-size:13px}th{color:#7f96b4;font-size:11px;letter-spacing:1px}
@media(max-width:900px){.hero{grid-template-columns:1fr;gap:30px}.cards,.steps{grid-template-columns:1fr 1fr}.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;border-right:0;border-bottom:1px solid #17253a}.sidebar nav{grid-template-columns:repeat(3,1fr)}.logout{margin-top:15px}.dashboard-grid{grid-template-columns:1fr}.main{padding:0 18px 40px}.settings-grid{grid-template-columns:1fr 1fr}.digit-grid{grid-template-columns:repeat(5,1fr)}}@media(max-width:620px){.public-nav nav>a:not(.btn){display:none}.hero{padding:55px 20px}.hero h1{letter-spacing:-2px}.cards,.steps{grid-template-columns:1fr}.sidebar nav{grid-template-columns:1fr 1fr}.topbar{height:auto;padding:24px 0}.topbar .mode-pill{display:none}.hero-panel{align-items:flex-start;flex-direction:column;gap:15px}.ticker{grid-template-columns:1fr 1fr}.settings-grid{grid-template-columns:1fr}.panel-title{align-items:flex-start;flex-direction:column}.panel-title select{width:100%}}

/* AntroX AI official branding + PWA */
.brand-logo{display:flex!important;justify-content:center;align-items:center;min-width:0}.brand-logo img{display:block;width:auto;max-width:100%;height:72px;object-fit:contain;filter:drop-shadow(0 0 18px rgba(32,215,255,.18))}.public-nav .brand-logo{width:165px;justify-content:flex-start}.public-nav .brand-logo img{height:68px}.sidebar .brand-logo{padding:0 2px 25px;width:100%}.sidebar .brand-logo img{height:auto;max-height:124px;max-width:190px}.auth-logo{justify-content:center;margin:0 auto 22px}.auth-logo img{width:min(310px,88%);height:auto;max-height:210px;object-fit:contain}.install-app-button{border:1px solid #1c8fbd;background:linear-gradient(135deg,#0b2740,#0c1c31);color:#dff8ff;border-radius:10px;padding:11px 13px;font-weight:800;cursor:pointer;box-shadow:inset 0 0 20px #20d7ff0a}.sidebar .install-app-button{margin-top:auto;margin-bottom:7px;width:100%}.sidebar .install-app-button+.logout{margin-top:0}.nav-install{padding:9px 13px;margin:0;background:#0d1e32;white-space:nowrap}.app-splash{animation:antroxSplashFallback .3s ease 3s forwards;position:fixed;inset:0;z-index:99999;background:#040a16;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px;opacity:1;visibility:visible;transition:opacity .28s ease,visibility .28s ease}.app-splash.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.app-splash img{width:min(520px,78vw);height:auto;max-height:58vh;object-fit:contain;filter:drop-shadow(0 0 30px rgba(32,215,255,.24))}.splash-loader{width:min(250px,55vw);height:4px;border-radius:99px;background:#10233b;overflow:hidden;position:relative}.splash-loader:after{content:"";position:absolute;inset:0;width:44%;border-radius:inherit;background:linear-gradient(90deg,#20d7ff,#2764ff);animation:antroxLoad 1.1s ease-in-out infinite}@keyframes antroxLoad{0%{transform:translateX(-120%)}100%{transform:translateX(280%)}}.install-help{position:fixed;inset:0;z-index:100000;background:#000a;display:grid;place-items:center;padding:20px;backdrop-filter:blur(8px)}.install-help[hidden]{display:none}.install-help-card{position:relative;width:min(420px,100%);padding:28px;border:1px solid #204365;background:#08111f;border-radius:18px;text-align:center;box-shadow:0 30px 100px #000b}.install-help-card img{width:min(230px,75%);height:auto}.install-help-card h3{font-size:24px;margin:8px 0}.install-help-card p{color:#9eb1ca;line-height:1.6;margin:8px 0}.install-help-close{position:absolute;right:10px;top:8px;border:0;background:transparent;color:#a8b8cf;font-size:28px;cursor:pointer}
@media(max-width:620px){.public-nav .brand-logo{width:120px}.public-nav .brand-logo img{height:55px}.nav-install{display:none!important}.sidebar .brand-logo img{max-height:105px}.app-splash img{width:88vw}}

@keyframes antroxSplashFallback{to{opacity:0;visibility:hidden;pointer-events:none}}

/* AntroX Demo Auto Trader */
.trader-layout{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(360px,1.25fr);gap:16px;margin-top:22px}.trader-controls,.bot-console{border:1px solid #1c3048;background:#07101c;border-radius:14px;padding:18px}.bot-action-row{display:flex;gap:10px;margin-top:18px}.bot-action-row .btn,.bot-action-row .stop-button{flex:1}.bot-status-line{display:flex;align-items:center;gap:9px;margin-bottom:12px}.bot-status-line span{width:10px;height:10px;border-radius:50%;background:#5f7087}.bot-status-line span.active{background:#27e69b;box-shadow:0 0 14px #27e69b}.bot-status-line span.warning{background:#ffbe45;box-shadow:0 0 14px #ffbe45}#botMessage{min-height:48px;color:#9eb1ca;line-height:1.5}.bot-live-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.bot-live-grid>div{border:1px solid #172a43;background:#050b13;border-radius:11px;padding:14px}.bot-live-grid small{display:block;color:#7f96b4;margin-bottom:6px}.bot-live-grid strong{font-size:16px}@media(max-width:800px){.trader-layout{grid-template-columns:1fr}.bot-live-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.bot-live-grid{grid-template-columns:1fr}.bot-action-row{flex-direction:column}}


/* AntroX AI mobile slide-out navigation */
.mobile-menu-button,.sidebar-close,.sidebar-overlay{display:none}
@media(max-width:900px){
  .app-shell{display:block;min-height:100vh}
  .main{padding:0 18px 40px}
  .topbar{padding-left:0;padding-right:58px;min-height:82px;height:auto}
  .mobile-menu-button{display:flex;position:fixed;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));z-index:1202;width:44px;height:44px;padding:10px;border:1px solid #28415f;border-radius:11px;background:#081421f2;box-shadow:0 8px 28px #0008;backdrop-filter:blur(12px);flex-direction:column;justify-content:center;gap:5px;cursor:pointer}
  .mobile-menu-button span{display:block;width:100%;height:2px;border-radius:99px;background:#dff8ff;transition:transform .22s ease,opacity .22s ease}
  body.sidebar-open .mobile-menu-button span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  body.sidebar-open .mobile-menu-button span:nth-child(2){opacity:0}
  body.sidebar-open .mobile-menu-button span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .sidebar{display:flex;position:fixed;top:0;left:0;z-index:1201;width:min(290px,86vw);height:100dvh;padding:max(22px,env(safe-area-inset-top)) 18px max(20px,env(safe-area-inset-bottom));border-right:1px solid #17253a;border-bottom:0;background:#060b14;transform:translateX(-105%);transition:transform .28s cubic-bezier(.22,.75,.25,1);box-shadow:20px 0 70px #000a;overflow-y:auto;overscroll-behavior:contain}
  body.sidebar-open .sidebar{transform:translateX(0)}
  .sidebar .brand-logo{padding-top:16px}
  .sidebar nav{display:grid;grid-template-columns:1fr;gap:7px}
  .sidebar nav a,.logout{min-height:46px;display:flex;align-items:center}
  .sidebar .install-app-button{margin-top:22px}
  .sidebar-close{display:grid;place-items:center;position:absolute;right:10px;top:max(10px,env(safe-area-inset-top));z-index:2;width:38px;height:38px;border:0;background:transparent;color:#a8bdd6;font-size:31px;line-height:1;cursor:pointer}
  .sidebar-overlay{display:block;position:fixed;inset:0;z-index:1200;background:rgba(0,0,0,.66);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility .25s ease;backdrop-filter:blur(3px)}
  body.sidebar-open .sidebar-overlay{opacity:1;visibility:visible;pointer-events:auto}
  body.sidebar-open{overflow:hidden}
}
@media(max-width:620px){.topbar{padding:18px 58px 18px 0;min-height:80px}.topbar h1{font-size:22px}.topbar p{font-size:12px}.main{padding-left:14px;padding-right:14px}.sidebar{width:min(300px,88vw)}}
@media(min-width:901px){.mobile-menu-button,.sidebar-close,.sidebar-overlay{display:none!important}.sidebar{transform:none!important}}

/* Public mobile navigation drawer */
.public-menu-button,.public-menu-close,.public-menu-overlay{display:none}
@media(max-width:700px){
 .public-nav{position:relative;z-index:1100;padding:12px 16px}
 .public-nav .brand-logo{position:relative;z-index:1101}
 .public-menu-button{
   display:flex;position:relative;z-index:1103;width:44px;height:44px;padding:10px;border:1px solid #28415f;
   border-radius:11px;background:#081421;color:#fff;flex-direction:column;justify-content:center;gap:5px;cursor:pointer
 }
 .public-menu-button span{display:block;width:100%;height:2px;border-radius:99px;background:#dff8ff;transition:.22s}
 body.public-menu-open .public-menu-button span:nth-child(1){transform:translateY(7px) rotate(45deg)}
 body.public-menu-open .public-menu-button span:nth-child(2){opacity:0}
 body.public-menu-open .public-menu-button span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
 .public-nav nav{
   display:flex!important;position:fixed;top:0;left:0;z-index:1102;width:min(300px,86vw);height:100dvh;
   padding:max(82px,calc(env(safe-area-inset-top) + 70px)) 20px max(24px,env(safe-area-inset-bottom));
   background:#060b14;border-right:1px solid #17253a;box-shadow:20px 0 70px #000a;transform:translateX(-105%);
   transition:transform .28s cubic-bezier(.22,.75,.25,1);flex-direction:column;align-items:stretch;justify-content:flex-start;
   gap:9px;overflow-y:auto
 }
 body.public-menu-open .public-nav nav{transform:translateX(0)}
 .public-nav nav a,.public-nav nav .btn,.public-nav nav .install-app-button{width:100%;min-height:48px;display:flex;align-items:center;justify-content:flex-start;padding:0 14px;border-radius:10px}
 .public-nav nav .btn{justify-content:center}
 .public-menu-close{display:grid;place-items:center;position:absolute;top:max(15px,env(safe-area-inset-top));right:14px;width:40px;height:40px;border:0;background:transparent;color:#a8bdd6;font-size:32px;cursor:pointer}
 .public-menu-overlay{display:block;position:fixed;inset:0;z-index:1101;background:rgba(0,0,0,.66);opacity:0;visibility:hidden;pointer-events:none;transition:.25s;backdrop-filter:blur(3px)}
 body.public-menu-open .public-menu-overlay{opacity:1;visibility:visible;pointer-events:auto}
 body.public-menu-open{overflow:hidden}
}
@media(min-width:701px){.public-menu-button,.public-menu-close,.public-menu-overlay{display:none!important}}


/* AntroX public mobile menu completeness fix */
@media(max-width:700px){
  .public-nav nav#publicMenu > a,
  .public-nav nav#publicMenu > a:not(.btn),
  .public-nav nav#publicMenu > .btn,
  .public-nav nav#publicMenu > .install-app-button:not([hidden]){
    display:flex!important;
  }

  /* Respect PWA installed state: once installed the Install App item disappears cleanly. */
  .public-nav nav#publicMenu > .install-app-button[hidden],
  .sidebar .install-app-button[hidden]{
    display:none!important;
  }

  .public-nav nav#publicMenu > a,
  .public-nav nav#publicMenu > button.install-app-button{
    box-sizing:border-box;
    width:100%;
    min-height:48px;
    margin:0;
  }
}


/* AntroX homepage candlestick chart */
.candle-chart{
  position:relative;
  height:205px;
  margin:0 20px 18px;
  border-radius:12px;
  overflow:hidden;
  background:
    linear-gradient(to right,rgba(74,112,151,.08) 1px,transparent 1px) 0 0/52px 100%,
    linear-gradient(to bottom,rgba(74,112,151,.08) 1px,transparent 1px) 0 0/100% 51px,
    linear-gradient(180deg,#07111f,#050b14);
  border:1px solid rgba(39,70,104,.45);
}
.candle-chart .chart-grid-line{
  position:absolute;left:0;right:0;height:1px;background:rgba(99,132,168,.08)
}
.candle-chart .g1{top:25%}.candle-chart .g2{top:50%}.candle-chart .g3{top:75%}
.candle{
  position:absolute;
  left:var(--x);
  top:var(--top);
  width:12px;
  height:var(--wick-h);
  transform:translateX(-50%);
}
.candle::before{
  content:"";
  position:absolute;
  left:50%;
  top:0;
  width:2px;
  height:100%;
  transform:translateX(-50%);
  border-radius:2px;
  background:currentColor;
  opacity:.95;
}
.candle::after{
  content:"";
  position:absolute;
  left:50%;
  top:calc((var(--body-top) - var(--top)) / 1);
  width:12px;
  height:var(--body-h);
  transform:translateX(-50%);
  border-radius:2px;
  background:currentColor;
  box-shadow:0 0 12px color-mix(in srgb,currentColor 25%,transparent);
}
.candle.up{color:#18e89a}
.candle.down{color:#ff5f6d}
.chart-price-line{
  position:absolute;
  left:0;right:0;
  top:67%;
  height:1px;
  background:repeating-linear-gradient(90deg,rgba(32,215,255,.55) 0 6px,transparent 6px 12px);
  filter:drop-shadow(0 0 5px rgba(32,215,255,.35));
}
@media(max-width:620px){
  .candle-chart{height:170px;margin:0 12px 14px}
  .candle{width:9px}
  .candle::after{width:9px}
}

/* Candlestick visibility/cache hardening */
.terminal-card .candle-chart{
  display:block!important;
  position:relative!important;
  width:calc(100% - 40px)!important;
  min-height:205px!important;
  height:205px!important;
  margin:0 20px 18px!important;
  overflow:hidden!important;
}
.terminal-card .candle-chart .candle{
  display:block!important;
}
@media(max-width:620px){
  .terminal-card .candle-chart{
    width:calc(100% - 24px)!important;
    min-height:170px!important;
    height:170px!important;
    margin:0 12px 14px!important;
  }
}


/* AntroX homepage LIVE candlestick chart */
.live-chart-wrap{padding-bottom:4px}
.live-chart-meta{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:14px 20px 6px;color:#91a9c7;font-size:12px
}
.live-chart-meta b{color:#dff6ff;font-weight:800}
.live-chart-meta strong{color:#20d7ff;font-size:16px;letter-spacing:.2px}
.live-candle-chart{position:relative}
.live-candles{position:absolute;inset:0;overflow:hidden}
.live-candle{
  position:absolute;bottom:0;width:12px;transform:translateX(-50%);
  color:#18e89a;
}
.live-candle.down{color:#ff5f6d}
.live-candle .wick{
  position:absolute;left:50%;width:2px;transform:translateX(-50%);
  background:currentColor;border-radius:2px;opacity:.95
}
.live-candle .body{
  position:absolute;left:50%;width:12px;transform:translateX(-50%);
  background:currentColor;border-radius:2px;min-height:3px;
  box-shadow:0 0 10px color-mix(in srgb,currentColor 22%,transparent)
}
.live-candle.current .body{box-shadow:0 0 16px color-mix(in srgb,currentColor 42%,transparent)}
.live-chart-status{
  position:absolute;left:12px;bottom:10px;padding:5px 8px;border-radius:7px;
  background:rgba(4,10,22,.72);color:#8198b4;font-size:10px;letter-spacing:.4px;
  pointer-events:none
}
.live-chart-status.connected{color:#18e89a}
.live-chart-status.error{color:#ff9eaa}
#homePriceLine{
  z-index:1;transition:top .18s ease;
}
@media(max-width:620px){
  .live-chart-meta{padding:12px 12px 5px;align-items:flex-start;flex-direction:column;gap:4px}
  .live-chart-meta strong{font-size:15px}
  .live-candle{width:9px}.live-candle .body{width:9px}
}

/* AntroX premium live terminal hero */
.antrox-terminal{padding:0!important;overflow:hidden;background:linear-gradient(180deg,#081321,#050b13)!important;border:1px solid #234768!important;box-shadow:0 24px 80px #0008,0 0 45px rgba(22,196,255,.05)}
.terminal-windowbar{height:48px;display:flex;align-items:center;gap:12px;padding:0 16px;border-bottom:1px solid #19314a;background:#09111c;color:#8fa4bd;font-size:12px}
.terminal-windowbar>span{flex:1;font-weight:700}.terminal-windowbar>b{font-size:10px;letter-spacing:.8px;color:#ffbf54}
.window-dots{display:flex;gap:6px}.window-dots i{width:9px;height:9px;border-radius:50%;background:#ff6269}.window-dots i:nth-child(2){background:#ffc64b}.window-dots i:nth-child(3){background:#27d779}
.terminal-strategy{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 16px 10px;padding:12px 14px;border:1px solid #1c3955;border-radius:11px;background:#081522}
.terminal-strategy>div{display:grid;grid-template-columns:34px auto;column-gap:10px;align-items:center}.strategy-icon{grid-row:1/3;width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,#19d7ff,#2369ff);color:#03101c;font-weight:1000;font-size:12px}
.terminal-strategy strong{font-size:14px}.terminal-strategy small{color:#7892b0;font-size:10px}.running-pill{display:flex;align-items:center;gap:6px;color:#1eea91;font-size:10px;font-weight:900;white-space:nowrap}.running-pill i{width:8px;height:8px;border-radius:50%;background:#1eea91;box-shadow:0 0 12px #1eea91}
.terminal-chart-head{display:flex;justify-content:space-between;align-items:center;padding:3px 18px 8px;color:#738aa5;font-size:10px;letter-spacing:.7px}.terminal-chart-head strong{font-size:16px;color:#dff8ff;letter-spacing:0}
.antrox-terminal .candle-chart{height:220px!important;min-height:220px!important;margin:0 16px 12px!important;width:calc(100% - 32px)!important;background:linear-gradient(to right,rgba(75,116,158,.08) 1px,transparent 1px) 0 0/50px 100%,linear-gradient(to bottom,rgba(75,116,158,.08) 1px,transparent 1px) 0 0/100% 44px,#050b12!important}
.terminal-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:0 16px 12px}.terminal-stats>div{padding:11px 12px;border:1px solid #1b344d;border-radius:10px;background:#07121e}.terminal-stats small{display:block;color:#748ca8;font-size:9px;margin-bottom:5px}.terminal-stats strong{font-size:14px;color:#eef9ff}.terminal-stats>div:nth-child(1) strong{color:#20e997}.terminal-stats>div:nth-child(2) strong{color:#27d8ff}
.terminal-event{margin:0 16px 10px;min-height:42px;padding:10px 12px;border:1px solid rgba(29,225,135,.3);border-radius:9px;background:rgba(14,103,67,.13);display:flex;align-items:center;gap:9px;color:#b8f8dc;font-size:11px}.terminal-event i{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#18df88;color:#042114;font-style:normal;font-weight:1000}
.terminal-disclaimer{text-align:center;color:#52677f;font-size:9px;padding:0 12px 13px}
@media(max-width:620px){.terminal-windowbar{padding:0 12px}.terminal-strategy{margin:12px 10px 8px}.antrox-terminal .candle-chart{height:185px!important;min-height:185px!important;margin:0 10px 10px!important;width:calc(100% - 20px)!important}.terminal-stats{padding:0 10px 10px;gap:6px}.terminal-stats>div{padding:9px 7px}.terminal-stats strong{font-size:12px}.terminal-event{margin:0 10px 9px}.terminal-chart-head{padding-left:12px;padding-right:12px}}


/* Live candle rendering fix */
.live-candles{
  position:absolute!important;
  inset:0!important;
  overflow:hidden!important;
  z-index:2;
}
.live-candle{
  position:absolute!important;
  top:0!important;
  bottom:auto!important;
  height:100%!important;
  width:12px!important;
  transform:translateX(-50%)!important;
  pointer-events:none;
}
.live-candle .wick,
.live-candle .body{
  display:block!important;
  position:absolute!important;
}
.live-candle .wick{
  left:50%!important;
  width:2px!important;
  transform:translateX(-50%)!important;
}
.live-candle .body{
  left:50%!important;
  width:12px!important;
  transform:translateX(-50%)!important;
  min-height:4px!important;
}
@media(max-width:620px){
  .live-candle{width:9px!important}
  .live-candle .body{width:9px!important}
}

/* Pulse AI stage 2 console */
.bot-status-line em{margin-left:auto;font-style:normal;font-size:9px;letter-spacing:1px;color:#7f96b4}
.signal-panel,.current-position{overflow:hidden}
.signal-meter{height:8px;border-radius:99px;background:#050b13;border:1px solid #172a43;overflow:hidden;margin:-4px 0 18px}
.signal-meter span{display:block;height:100%;width:0;background:linear-gradient(90deg,#62758e,#20d7ff);transition:width .2s ease}
.signal-meter span.rise{background:linear-gradient(90deg,#147653,#27e69b)}
.signal-meter span.fall{background:linear-gradient(90deg,#7d2433,#ff6070)}
.signal-explain-grid,.position-grid,.risk-status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.signal-explain-grid>div,.position-grid>div,.risk-status-grid>div{border:1px solid #172a43;background:#050b13;border-radius:11px;padding:14px}
.signal-explain-grid small,.position-grid small,.risk-status-grid small{display:block;color:#7f96b4;font-size:11px;margin-bottom:7px}
.signal-explain-grid strong,.position-grid strong,.risk-status-grid strong{font-size:14px}
.risk-status-grid{margin-bottom:18px}
@media(max-width:800px){.signal-explain-grid,.position-grid,.risk-status-grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.signal-explain-grid,.position-grid,.risk-status-grid{grid-template-columns:1fr}}

/* Pulse AI v2 diagnostics */
.signal-explain-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1050px){.signal-explain-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.signal-explain-grid{grid-template-columns:1fr}}

/* Dashboard live Deriv candlestick terminal */
.dashboard-candle-shell{margin-top:18px;border:1px solid #18334d;border-radius:14px;overflow:hidden;background:#050b13;box-shadow:inset 0 0 35px rgba(15,92,138,.05)}
.dashboard-chart-top{height:42px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #152c42;color:#708aa6;font-size:10px;font-weight:800;letter-spacing:.8px}
.dashboard-chart-top strong{color:#e7fbff;font-size:16px;letter-spacing:0}
#tickCanvas{display:block!important;width:100%!important;height:310px!important;border:0!important;border-radius:0!important;background:#050b13!important}
.dashboard-chart-foot{min-height:38px;padding:8px 14px;display:flex;align-items:center;gap:16px;border-top:1px solid #152c42;color:#6f89a5;font-size:10px}
.dashboard-chart-foot span{display:flex;align-items:center;gap:6px}.dashboard-chart-foot i{width:8px;height:8px;border-radius:2px;display:inline-block}.up-dot{background:#22e69a}.down-dot{background:#ff5c72}
.dashboard-chart-foot b{margin-left:auto;color:#19e49a;font-size:10px}
@media(max-width:700px){#tickCanvas{height:240px!important}.dashboard-chart-foot{flex-wrap:wrap;gap:10px}.dashboard-chart-foot b{width:100%;margin-left:0}}

/* Pulse AI v3 analytics */
.analytics-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:18px}
.analytics-stats>div{border:1px solid #18334d;background:#050b13;border-radius:12px;padding:15px}
.analytics-stats small{display:block;color:#7892ad;font-size:10px;margin-bottom:7px}
.analytics-stats strong{font-size:20px;color:#effaff}
@media(max-width:900px){.analytics-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.analytics-stats{grid-template-columns:1fr}}


/* =========================================================
   AntroX AI universal mobile responsiveness hardening
   Keeps desktop layout intact; applies to tablets/phones.
   ========================================================= */
html,body{max-width:100%;overflow-x:hidden}
img,svg,video,canvas{max-width:100%}
.main,.panel,.wide,.dashboard-grid,.trader-layout,.trader-controls,.bot-console,
.table-wrap,.settings-grid,.ticker,.cards,.steps,.hero,.hero-copy,.terminal-card,
.signal-explain-grid,.position-grid,.risk-status-grid,.analytics-stats{min-width:0}

.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.table-wrap table{min-width:760px}
select,input,textarea,button{max-width:100%}

@media(max-width:900px){
  body{overflow-x:hidden}
  .app-shell{display:block!important;min-height:100vh}
  .main{width:100%!important;max-width:100%!important;margin:0!important;padding:76px 14px 24px!important}
  .topbar{display:flex!important;align-items:flex-start!important;gap:10px!important;flex-wrap:wrap!important;margin-bottom:16px!important}
  .topbar>div:first-child{min-width:0;flex:1 1 190px}
  .topbar h1{font-size:clamp(24px,7vw,34px)!important;line-height:1.08!important;overflow-wrap:anywhere}
  .topbar p{overflow-wrap:anywhere}
  .mode-pill{margin-left:0!important;white-space:nowrap}

  .mobile-menu-button{
    display:flex!important;
    position:fixed!important;
    top:16px!important;
    right:16px!important;
    left:auto!important;
    z-index:1202!important;
    width:48px!important;
    height:48px!important;
    align-items:center!important;
    justify-content:center!important;
    flex-direction:column!important;
    gap:5px!important;
  }
  .mobile-menu-button span{display:block!important;width:22px!important;height:2px!important}
  .sidebar{
    position:fixed!important;
    top:0!important;
    left:0!important;
    bottom:0!important;
    width:min(84vw,310px)!important;
    max-width:310px!important;
    transform:translateX(-105%)!important;
    transition:transform .24s ease!important;
    z-index:1201!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch;
  }
  body.sidebar-open .sidebar{transform:translateX(0)!important}
  .sidebar-overlay{
    display:block!important;
    position:fixed!important;
    inset:0!important;
    background:rgba(1,7,15,.72)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:.2s ease!important;
    z-index:1200!important;
  }
  body.sidebar-open .sidebar-overlay{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
  body.sidebar-open{overflow:hidden!important}
  .sidebar-close{display:grid!important;place-items:center!important}
  .sidebar nav a,.sidebar .logout,.sidebar .install-app-button{min-height:44px!important;display:flex;align-items:center}

  .dashboard-grid{grid-template-columns:1fr!important;gap:14px!important}
  .dashboard-grid>.wide,.dashboard-grid>.panel,.dashboard-grid>.stat{grid-column:1!important;width:100%!important}
  .hero-panel,.panel-title,.trader-layout{flex-wrap:wrap!important}
  .panel{padding:18px!important}
  .panel-title{gap:10px!important;align-items:flex-start!important}
  .panel-title>div{min-width:0;flex:1 1 180px}
  .panel-title select,.panel-title .badge,.panel-title button{max-width:100%}
  .ticker{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .ticker>div{min-width:0!important}
  .ticker strong{overflow-wrap:anywhere}
  .trader-layout{display:grid!important;grid-template-columns:1fr!important;gap:14px!important}
  .trader-controls,.bot-console{width:100%!important}
  .settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #tickCanvas{width:100%!important}
}

@media(max-width:700px){
  .public-nav{min-height:72px!important;padding:8px 14px!important}
  .public-nav>.brand{max-width:116px!important}
  .public-menu-button{
    display:flex!important;
    position:absolute!important;
    right:14px!important;
    left:auto!important;
    top:12px!important;
    z-index:1302!important;
    width:48px!important;
    height:48px!important;
  }
  .public-menu-overlay{
    display:block!important;
    position:fixed!important;
    inset:0!important;
    z-index:1299!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    background:rgba(1,7,15,.72)!important;
  }
  body.public-menu-open .public-menu-overlay{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
  .public-nav nav#publicMenu{
    position:fixed!important;
    top:0!important;
    left:0!important;
    bottom:0!important;
    width:min(84vw,310px)!important;
    max-width:310px!important;
    height:100%!important;
    padding:78px 18px 24px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:8px!important;
    transform:translateX(-105%)!important;
    transition:transform .24s ease!important;
    z-index:1301!important;
    overflow-y:auto!important;
  }
  body.public-menu-open nav#publicMenu{transform:translateX(0)!important}
  body.public-menu-open{overflow:hidden!important}
  .public-nav nav#publicMenu>a,
  .public-nav nav#publicMenu>a:not(.btn),
  .public-nav nav#publicMenu>.btn,
  .public-nav nav#publicMenu>.install-app-button:not([hidden]){
    display:flex!important;
    min-height:46px!important;
    width:100%!important;
    align-items:center!important;
    justify-content:flex-start!important;
  }
  .public-nav nav#publicMenu>.install-app-button[hidden]{display:none!important}
  .public-menu-close{display:grid!important;place-items:center!important}

  main:not(.main){padding-left:14px!important;padding-right:14px!important}
  .hero{grid-template-columns:1fr!important;gap:22px!important;padding-top:30px!important}
  .hero-copy h1{font-size:clamp(42px,13vw,66px)!important;line-height:.98!important}
  .hero-copy p{font-size:16px!important}
  .hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  .hero-actions .btn{width:100%!important;justify-content:center!important}
  .cards,.steps{grid-template-columns:1fr!important}
  .terminal-card{width:100%!important}
}

@media(max-width:620px){
  .main{padding:72px 10px 20px!important}
  .panel{padding:14px!important;border-radius:14px!important}
  .stat{padding:16px!important}
  .stat strong{font-size:clamp(24px,9vw,36px)!important}
  .ticker{grid-template-columns:1fr!important}
  .settings-grid{grid-template-columns:1fr!important}
  .signal-explain-grid,.position-grid,.risk-status-grid,.analytics-stats{grid-template-columns:1fr!important}
  .bot-live-grid{grid-template-columns:1fr 1fr!important}
  .bot-action-row{display:grid!important;grid-template-columns:1fr!important}
  .bot-action-row .btn,.bot-action-row .stop-button{width:100%!important;min-height:48px!important}
  .table-wrap{margin-left:0!important;margin-right:0!important}
  .table-wrap table{min-width:720px}
  .dashboard-chart-top{gap:8px!important}
  .dashboard-chart-top span{max-width:65%;overflow-wrap:anywhere}
  .dashboard-chart-top strong{font-size:13px!important}
  .dashboard-chart-foot{align-items:flex-start!important}
}

@media(max-width:420px){
  .main{padding-left:8px!important;padding-right:8px!important}
  .panel{padding:12px!important}
  .bot-live-grid{grid-template-columns:1fr!important}
  .topbar .mode-pill{font-size:9px!important}
  .mobile-menu-button{right:10px!important;top:12px!important}
  .hero-copy h1{font-size:clamp(38px,14vw,54px)!important}
}

/* Pulse AI v4 evidence-quality cards */
.setup-quality-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}
.quality-card{min-width:0;border:1px solid #18334d;background:#050b13;border-radius:13px;padding:16px}
.quality-head{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.quality-head>span{font-weight:800;color:#eaf8ff}
.quality-head b{font-size:9px;letter-spacing:.8px;padding:6px 9px;border:1px solid #28445e;border-radius:99px}
.quality-learning{color:#8ca5bf}.quality-allowed{color:#28e39a}.quality-caution{color:#ffbd59}.quality-watch{color:#64d7ff}
.quality-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}
.quality-metrics span{min-width:0;border:1px solid #142a40;border-radius:9px;padding:10px}
.quality-metrics small{display:block;color:#728ba5;font-size:9px;margin-bottom:5px}
.quality-metrics strong{font-size:14px;overflow-wrap:anywhere}
.quality-card p{margin:0;color:#7892ad;font-size:11px;line-height:1.55}
@media(max-width:760px){.setup-quality-grid{grid-template-columns:1fr}}
@media(max-width:420px){.quality-metrics{grid-template-columns:1fr}.quality-head{align-items:flex-start}}

/* AntroX client access + PayPal / bank transfer */
.payment-method-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:14px}
.payment-card{min-width:0;border:1px solid #18334d;background:#050b13;border-radius:14px;padding:18px}
.payment-card>span{font-size:10px;letter-spacing:1px;color:#61d8ff;font-weight:800}
.payment-card form{display:grid;gap:12px;margin-top:16px}
.payment-card label,.payment-settings-form label{min-width:0}
.payment-card input,.payment-settings-form input{width:100%;min-height:46px}
.bank-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0}
.bank-details p{min-width:0;margin:0;border:1px solid #142a40;border-radius:10px;padding:11px}
.bank-details small{display:block;color:#728ba5;margin-bottom:5px}
.bank-details strong{display:block;overflow-wrap:anywhere}
.payment-settings-form{grid-template-columns:repeat(2,minmax(0,1fr))}
.payment-settings-form .settings-submit{grid-column:1/-1}
.inline-review-form{display:flex;gap:6px;align-items:center;flex-wrap:wrap;min-width:250px}
.inline-review-form input{min-width:150px;flex:1}
.access-action-form{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.access-action-form input[type=number]{width:80px;min-height:38px}
@media(max-width:760px){
 .payment-method-grid,.payment-settings-form{grid-template-columns:1fr}
 .bank-details{grid-template-columns:1fr}
 .payment-settings-form .settings-submit{grid-column:1}
}
@media(max-width:420px){
 .payment-card{padding:14px}
 .payment-card .btn{width:100%;justify-content:center}
}

/* Paid access phase 2 */
.access-tier-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:12px}
.access-tier-card{min-width:0;border:1px solid #18334d;background:#050b13;border-radius:14px;padding:17px}
.access-tier-card small{display:block;color:#61d8ff;font-size:10px;letter-spacing:1px;font-weight:800}
.access-tier-card strong{display:block;font-size:20px;margin:7px 0}
.access-tier-card p{color:#7892ad;line-height:1.55;overflow-wrap:anywhere}
.deriv-account{min-width:0}
.deriv-account>div{min-width:0}
.deriv-account b,.deriv-account span{overflow-wrap:anywhere}
@media(max-width:700px){.access-tier-grid{grid-template-columns:1fr}.deriv-account{align-items:flex-start!important;gap:10px!important;flex-wrap:wrap!important}.deriv-account .mini-btn{width:100%!important;min-height:44px!important}}

/* Real-account safety readiness */
.real-safety-panel{border-color:#24425f}
.real-safety-status{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}
.real-safety-status>div{min-width:0;border:1px solid #17334c;background:#050b13;border-radius:11px;padding:13px}
.real-safety-status small{display:block;color:#728ba5;font-size:9px;letter-spacing:.7px;margin-bottom:6px}
.real-safety-status strong{display:block;overflow-wrap:anywhere}
.safety-check{display:flex!important;gap:10px;align-items:flex-start!important;border:1px solid #17334c;border-radius:11px;padding:12px!important;min-height:48px}
.safety-check input{width:18px!important;height:18px!important;min-height:18px!important;margin-top:1px;flex:0 0 18px}
.safety-check span{line-height:1.45;color:#a8bdd0}
.wide-check{grid-column:1/-1}
@media(max-width:700px){.real-safety-status{grid-template-columns:1fr}.wide-check{grid-column:1}.real-safety-form .btn{width:100%;justify-content:center}}

/* Real-account server-side preflight */
.live-preflight-card{margin-top:22px;padding:18px;border:1px solid rgba(78,213,255,.2);border-radius:18px;background:rgba(8,24,40,.42)}
.preflight-controls{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(150px,.7fr) auto;gap:14px;align-items:end;margin-top:16px}
.preflight-controls label{display:grid;gap:7px}
.preflight-result{margin-top:16px}
.preflight-summary{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:13px 14px;border-radius:14px;background:rgba(255,255,255,.035)}
.preflight-summary small{color:var(--muted,#91a4b6)}
.preflight-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:12px}
.preflight-check{display:flex;gap:10px;align-items:center;padding:11px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.08)}
.preflight-check b{min-width:48px;font-size:.74rem;letter-spacing:.05em}
.preflight-check.pass b{color:#6ef2b4}.preflight-check.fail b{color:#ffb16b}
@media(max-width:760px){.preflight-controls,.preflight-checks{grid-template-columns:1fr}.preflight-summary{align-items:flex-start;flex-direction:column}.live-preflight-card{padding:14px}}

/* Simplified client safety experience */
.simple-safety{border-color:rgba(78,213,255,.28)}
.simple-protection-form{display:grid;gap:14px;margin-top:16px}
.simple-protection-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0}
.simple-protection-grid>div{border:1px solid #17334c;background:#050b13;border-radius:12px;padding:13px;min-width:0}
.simple-protection-grid small{display:block;color:#728ba5;font-size:9px;letter-spacing:.7px;margin-bottom:6px;text-transform:uppercase}
.simple-protection-grid strong{display:block;overflow-wrap:anywhere}
.emergency-pause{max-width:620px}
.emergency-pause small{color:#8fa8be;line-height:1.45}
.advanced-safety{border:1px solid rgba(78,213,255,.16);border-radius:12px;background:rgba(5,11,19,.55);overflow:hidden}
.advanced-safety summary{cursor:pointer;padding:14px 16px;font-weight:800;color:#9ec8e7;list-style:none}
.advanced-safety summary::-webkit-details-marker{display:none}
.advanced-safety summary:after{content:'+';float:right;color:#27d7ff;font-size:20px;line-height:1}
.advanced-safety[open] summary:after{content:'−'}
.advanced-safety .settings-grid{padding:0 14px 14px}
.simple-auto-note{margin-top:16px}
@media(max-width:760px){.simple-protection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.simple-protection-form>.btn{width:100%;justify-content:center}}
@media(max-width:430px){.simple-protection-grid{grid-template-columns:1fr}}


/* Pulse AI professional live signal monitor */
.pro-signal-panel{
  position:relative;
  overflow:hidden;
  border-color:rgba(54,216,255,.24);
  background:
    radial-gradient(circle at 88% 0,rgba(30,132,255,.10),transparent 34%),
    linear-gradient(180deg,#0b1525,#08101c);
}
.pro-signal-panel:before{
  content:"";
  position:absolute;inset:0 auto auto 0;width:100%;height:1px;
  background:linear-gradient(90deg,transparent,rgba(55,220,255,.55),transparent);
}
.signal-panel-head{align-items:flex-start}
.signal-head-actions{display:flex;align-items:center;gap:10px}
.signal-live-dot{
  display:inline-flex;align-items:center;gap:7px;
  padding:7px 10px;border-radius:999px;
  border:1px solid rgba(39,230,155,.24);
  background:rgba(39,230,155,.06);
  color:#77f3bd;font-size:10px;font-weight:900;letter-spacing:1.2px;
}
.signal-live-dot i{
  width:7px;height:7px;border-radius:50%;background:#27e69b;
  box-shadow:0 0 12px rgba(39,230,155,.9);
  animation:antroxSignalPulse 1.7s ease-in-out infinite;
}
@keyframes antroxSignalPulse{50%{opacity:.45;box-shadow:0 0 4px rgba(39,230,155,.5)}}
.pro-signal-layout{
  display:grid;grid-template-columns:minmax(300px,.8fr) minmax(420px,1.2fr);
  gap:16px;
}
.signal-hero-card,.signal-chart-card{
  min-width:0;border:1px solid rgba(74,116,160,.28);
  border-radius:16px;background:linear-gradient(180deg,rgba(6,16,29,.94),rgba(4,10,18,.96));
  padding:18px;
}
.signal-hero-card{position:relative;overflow:hidden}
.signal-hero-card:after{
  content:"";position:absolute;inset:auto -45px -70px auto;width:170px;height:170px;
  border-radius:50%;background:radial-gradient(circle,rgba(54,216,255,.13),transparent 70%);pointer-events:none
}
.signal-hero-card[data-signal="RISE"]{border-color:rgba(39,230,155,.38)}
.signal-hero-card[data-signal="FALL"]{border-color:rgba(255,95,109,.38)}
.signal-hero-top{display:flex;justify-content:space-between;align-items:center;gap:18px}
.signal-hero-top>div:first-child{min-width:0}
.signal-hero-top small,.signal-chart-title small,.signal-hero-foot small{
  display:block;color:#6e89a6;font-size:9px;font-weight:900;letter-spacing:1.3px;text-transform:uppercase
}
#signalHeroDirection{
  display:block;margin:6px 0 3px;font-size:clamp(34px,4vw,52px);line-height:1;
  letter-spacing:-1.6px;color:#e8f5ff
}
.signal-hero-card[data-signal="RISE"] #signalHeroDirection{color:#35eba8}
.signal-hero-card[data-signal="FALL"] #signalHeroDirection{color:#ff6b7f}
#signalHeroAction{margin:7px 0 0!important;color:#8fa7bf!important;font-size:13px}
.signal-score-ring{
  --score:0;flex:0 0 92px;width:92px;height:92px;border-radius:50%;
  display:grid;place-items:center;align-content:center;
  background:
    radial-gradient(circle at center,#07111e 61%,transparent 62%),
    conic-gradient(#35d9ff calc(var(--score)*1%),rgba(67,93,119,.22) 0);
  border:1px solid rgba(65,137,182,.2);
  box-shadow:inset 0 0 18px rgba(24,106,160,.12)
}
.signal-score-ring span{font-size:21px;font-weight:900}
.signal-score-ring small{font-size:8px;color:#748ba5;text-transform:uppercase;letter-spacing:.7px}
.pro-meter{margin:18px 0 16px;height:7px;background:#121f2f;border-radius:20px;overflow:hidden}
.pro-meter span{display:block;height:100%;width:0;border-radius:20px;background:linear-gradient(90deg,#24cfff,#4c8cff);transition:width .3s ease}
.pro-meter span.rise{background:linear-gradient(90deg,#14c987,#43efb3)}
.pro-meter span.fall{background:linear-gradient(90deg,#d84a63,#ff7185)}
.signal-hero-foot{display:grid;grid-template-columns:1.35fr .85fr .85fr;gap:8px}
.signal-hero-foot>span{
  min-width:0;padding:10px;border:1px solid rgba(67,103,139,.20);
  border-radius:10px;background:rgba(4,10,18,.46)
}
.signal-hero-foot b{display:block;margin-top:5px;font-size:12px;overflow-wrap:anywhere}
.signal-chart-card{padding:16px}
.signal-chart-title{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;margin-bottom:12px}
.signal-chart-title strong{display:block;margin-top:5px;font-size:23px}
.signal-chart-title>span{color:#7f97af;font-size:11px;text-align:right}
#signalLiveCanvas{
  display:block;width:100%;height:210px;border-radius:12px;
  border:1px solid rgba(55,91,128,.25);background:#050b13
}
.signal-chart-legend{
  display:flex;justify-content:space-between;align-items:center;gap:12px;
  color:#728ba5;font-size:10px;margin-top:10px
}
.signal-chart-legend span{display:flex;align-items:center;gap:7px}
.signal-legend-line{width:20px;height:2px;background:#36d8ff;box-shadow:0 0 8px rgba(54,216,255,.55)}
.pro-signal-stats{
  margin-top:14px;
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.pro-signal-stats>div{
  min-height:76px;border:1px solid rgba(59,96,133,.23)!important;
  background:rgba(4,10,18,.62)!important
}
.pro-signal-stats .signal-reason-card{grid-column:span 2}
.pro-signal-stats .signal-reason-card strong{font-size:13px;line-height:1.45}
@media(max-width:960px){
  .pro-signal-layout{grid-template-columns:1fr}
  .pro-signal-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  .signal-panel-head{gap:12px;flex-direction:column;align-items:flex-start!important}
  .signal-head-actions{width:100%;justify-content:space-between}
  .signal-hero-top{align-items:flex-start}
  .signal-score-ring{width:76px;height:76px;flex-basis:76px}
  .signal-score-ring span{font-size:17px}
  .signal-hero-foot{grid-template-columns:1fr}
  .pro-signal-stats{grid-template-columns:1fr}
  .pro-signal-stats .signal-reason-card{grid-column:auto}
  .signal-chart-title,.signal-chart-legend{align-items:flex-start;flex-direction:column}
  .signal-chart-title>span{text-align:left}
  #signalLiveCanvas{height:180px}
}


/* Pulse AI all-market selector */
.market-picker-block{display:grid;gap:10px;padding:13px;border:1px solid rgba(54,216,255,.18);border-radius:14px;background:rgba(4,12,22,.55)}
.market-picker-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.market-picker-head span{font-size:9px;font-weight:900;letter-spacing:1.5px;color:#35d9ff}
.market-picker-head b{font-size:9px;letter-spacing:.7px;color:#8da8c3;border:1px solid rgba(75,116,156,.35);padding:5px 8px;border-radius:999px}
.market-picker-note{font-size:11px;line-height:1.45;color:#7f9ab6;padding:2px 2px 0}
@media(max-width:560px){.market-picker-block{padding:11px}.market-picker-head{align-items:flex-start}.market-picker-head b{white-space:nowrap}}

/* Pulse AI v5 Precision filter */
.precision-picker-block{display:grid;gap:10px;padding:13px;border:1px solid rgba(33,230,166,.20);border-radius:14px;background:linear-gradient(145deg,rgba(4,18,22,.72),rgba(4,12,22,.55))}
.precision-picker-block .market-picker-head span{color:#21e6a6}
.precision-picker-block .market-picker-head b{color:#21e6a6;border-color:rgba(33,230,166,.28);background:rgba(33,230,166,.06)}
@media(max-width:560px){.precision-picker-block{padding:11px}}

/* Account recovery + admin member deletion */
.auth-forgot{display:flex;justify-content:flex-end;margin:8px 0 2px;font-size:12px}
.auth-forgot a,.auth-helper a{color:var(--cyan);font-weight:800}
.auth-full-btn{width:100%;margin-top:12px}
.auth-helper{text-align:center;margin-top:18px!important}
.member-admin-note{margin:-5px 0 16px!important}
.admin-member-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.admin-member-actions form{margin:0}
.delete-user-btn{border-color:#7b2836!important;background:#35131c!important;color:#ff9cab!important}
.delete-user-btn:hover{background:#541724!important;color:#ffdce0!important}
@media(max-width:620px){
 .auth-wrap{padding:22px 12px!important}.auth-card{padding:24px 18px!important}
 .admin-member-actions{min-width:165px}.admin-member-actions .mini-btn{min-height:40px}
}

/* Pulse AI compact professional Bots layout */
.compact-bots-page{padding-bottom:8px}
.bots-access-card{padding-top:18px;padding-bottom:18px}
.bots-access-card .panel-title{margin-bottom:8px}
.bots-access-card p{margin:6px 0 0}
.bots-detail-card,.bots-section-details{border:1px solid rgba(74,116,160,.24);border-radius:14px;background:rgba(4,10,18,.52);overflow:hidden}
.bots-detail-card>summary,.bots-section-details>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;cursor:pointer;list-style:none;user-select:none}
.bots-detail-card>summary::-webkit-details-marker,.bots-section-details>summary::-webkit-details-marker{display:none}
.bots-detail-card>summary:after,.bots-section-details>summary:after{content:'−';flex:0 0 auto;color:var(--cyan);font-size:20px;line-height:1}
.bots-detail-card:not([open])>summary:after,.bots-section-details:not([open])>summary:after{content:'+'}
.bots-detail-card>summary span,.bots-section-details>summary span{font-size:10px;font-weight:900;letter-spacing:1.4px;color:var(--cyan)}
.bots-detail-card>summary b{font-size:11px;color:#8fa8be;font-weight:700}
.signal-detail-card{min-width:0}
.signal-detail-body{padding:0 14px 14px}
.bots-accordion-panel{padding:0;overflow:hidden}
.bots-section-details{border:0;border-radius:16px;background:transparent}
.bots-section-details>summary{padding:20px 22px}
.bots-section-details>summary h3{margin:7px 0 0;font-size:21px}
.bots-section-details>summary+*{margin-top:0}
.bots-section-details>.risk-status-grid,.bots-section-details>.settings-grid,.bots-section-details>form,.bots-section-details>p,.bots-section-details>a,.bots-section-details>.simple-protection-grid,.bots-section-details>.notice{margin-left:22px;margin-right:22px}
.bots-section-details>.settings-grid,.bots-section-details>form{margin-bottom:22px}
.emergency-control-card{border-color:rgba(255,82,100,.22)}
.pulse-mobile-actions{display:none}

@media(min-width:761px){
  .bots-detail-card>summary{display:none}
  .signal-detail-body{padding:0}
  .pro-signal-layout{grid-template-columns:minmax(300px,.8fr) minmax(420px,1.2fr)}
  .signal-detail-card{border:0;background:transparent;border-radius:0}
  .signal-detail-body>.pro-signal-stats{margin-top:14px}
}

@media(max-width:760px){
  .compact-bots-page{gap:10px!important;padding-bottom:82px}
  .compact-bots-page>.panel,.compact-bots-page>.stat{border-radius:14px;padding:14px}
  .bots-access-card{padding:12px 14px!important}
  .bots-access-card .panel-title{display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px;margin:0!important}
  .bots-access-card .panel-title h3{font-size:16px;margin:4px 0 0}
  .bots-access-card p,.bots-access-card>a{display:none}

  .compact-bots-page .trader-layout{margin-top:12px!important;gap:10px!important}
  .compact-bots-page .trader-controls,.compact-bots-page .bot-console{padding:12px!important;border-radius:12px}
  .compact-bots-page .trader-controls>label{margin:8px 0}
  .compact-bots-page input,.compact-bots-page select{padding:10px;margin-top:5px}
  .market-picker-block,.precision-picker-block{padding:10px!important;gap:7px!important}
  .market-picker-note{font-size:10px}
  .bot-action-row{display:none!important}
  .bot-live-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;margin-top:10px!important}
  .bot-live-grid>div{padding:10px!important}
  .bot-live-grid small{font-size:9px;margin-bottom:4px!important}
  .bot-live-grid strong{font-size:14px!important}
  #botMessage{min-height:0!important;font-size:12px}

  .pro-signal-panel{padding:14px!important}
  .signal-panel-head{margin-bottom:12px!important}
  .signal-panel-head h3{font-size:17px!important}
  .pro-signal-layout{display:block!important}
  .signal-hero-card{padding:14px!important}
  #signalHeroDirection{font-size:36px!important}
  .signal-score-ring{width:72px!important;height:72px!important;flex-basis:72px!important}
  .signal-hero-foot{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
  .signal-hero-foot>span{padding:8px!important}
  .signal-hero-foot b{font-size:10px!important}
  .signal-detail-card{margin-top:10px}
  .signal-detail-card>summary{padding:12px 13px}
  .signal-detail-body{padding:0 10px 10px}
  .signal-chart-card{padding:10px!important}
  #signalLiveCanvas{height:155px!important}
  .pro-signal-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  .pro-signal-stats>div{min-height:62px!important;padding:10px!important}
  .pro-signal-stats .signal-reason-card{grid-column:1/-1!important}

  .current-position{padding:13px 14px!important}
  .current-position .panel-title{display:flex!important;flex-direction:row!important;align-items:center!important;margin-bottom:10px!important}
  .current-position .panel-title h3{font-size:16px!important;margin:4px 0 0}
  .position-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  .position-grid>div{padding:9px!important}

  .compact-bots-page>.stat{display:flex;align-items:center;justify-content:space-between;min-height:58px}
  .compact-bots-page>.stat small{margin:0!important;font-size:10px}
  .compact-bots-page>.stat strong{font-size:20px!important}

  .bots-accordion-panel{padding:0!important}
  .bots-section-details>summary{padding:14px!important}
  .bots-section-details>summary h3{font-size:16px!important;margin:4px 0 0!important}
  .bots-section-details>summary .badge{margin-right:2px}
  .bots-section-details>.risk-status-grid,.bots-section-details>.settings-grid,.bots-section-details>form,.bots-section-details>p,.bots-section-details>a,.bots-section-details>.simple-protection-grid,.bots-section-details>.notice{margin-left:14px!important;margin-right:14px!important}
  .bots-section-details>.settings-grid,.bots-section-details>form{margin-bottom:14px!important}
  .emergency-control-card{padding:14px!important}
  .emergency-control-card .panel-title{display:flex!important;flex-direction:row!important;align-items:center!important;margin-bottom:8px!important}
  .emergency-control-card .panel-title h3{font-size:16px!important;margin:4px 0 0!important}
  .emergency-control-card .stop-button{display:none}
  .emergency-control-card p{font-size:11px!important;margin:0!important}

  .pulse-mobile-actions{position:fixed;left:12px;right:12px;bottom:max(10px,env(safe-area-inset-bottom));z-index:70;display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:7px;padding:8px;border:1px solid rgba(74,116,160,.38);border-radius:16px;background:rgba(5,11,19,.94);backdrop-filter:blur(15px);box-shadow:0 14px 40px rgba(0,0,0,.45)}
  .pulse-mobile-actions button{min-height:46px;border-radius:11px;border:1px solid transparent;font-weight:900;font-size:11px;letter-spacing:.6px;cursor:pointer}
  .pulse-mobile-start{background:linear-gradient(135deg,var(--cyan),#2b7fff);color:#001018}
  .pulse-mobile-stop{background:#162234;border-color:#304864!important;color:#cce0f5}
  .pulse-mobile-emergency{background:#541724;border-color:#ff5264!important;color:#ffdce0}
  .pulse-mobile-actions button:disabled{opacity:.38;cursor:not-allowed}
}

@media(max-width:430px){
  .signal-hero-foot{grid-template-columns:1fr 1fr!important}
  .signal-hero-foot>span:first-child{grid-column:1/-1}
  .pro-signal-stats{grid-template-columns:1fr!important}
  .pro-signal-stats .signal-reason-card{grid-column:auto!important}
}


/* AntroX public homepage navigation + FAQ polish */
.section-intro{max-width:760px;margin:-18px 0 34px;color:#91a6c2;line-height:1.7;font-size:16px}
.how-section .steps>div p{margin:10px 0 0;color:#8297b2;line-height:1.55;font-size:14px;padding-right:18px}
.faq-section{padding-top:82px;padding-bottom:95px}
.faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.faq-grid details{border:1px solid #192f49;background:linear-gradient(180deg,#0b1524,#08111d);border-radius:16px;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}
.faq-grid details[open]{border-color:#23577a;box-shadow:0 14px 35px rgba(0,0,0,.16)}
.faq-grid summary{list-style:none;cursor:pointer;position:relative;padding:20px 52px 20px 20px;color:#e4f5ff;font-weight:800;line-height:1.4}
.faq-grid summary::-webkit-details-marker{display:none}
.faq-grid summary:after{content:'+';position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:24px;color:var(--cyan);font-weight:500}
.faq-grid details[open] summary:after{content:'−'}
.faq-grid details p{margin:0;padding:0 20px 20px;color:#8fa5bf;line-height:1.65;font-size:14px}

@media(max-width:700px){
  /* Force the public drawer to occupy the full mobile viewport, including browser safe areas. */
  .public-nav nav#publicMenu{
    top:0!important;left:0!important;right:auto!important;bottom:0!important;
    height:100dvh!important;min-height:100dvh!important;
    width:min(88vw,320px)!important;max-width:320px!important;
    padding:max(76px,calc(env(safe-area-inset-top) + 66px)) 16px max(24px,calc(env(safe-area-inset-bottom) + 16px))!important;
    overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;
    background:#060b14!important;
  }
  .public-menu-close{position:fixed!important;top:max(14px,env(safe-area-inset-top))!important;left:min(calc(88vw - 52px),268px)!important;right:auto!important;z-index:1304!important}
  .public-nav nav#publicMenu>a,.public-nav nav#publicMenu>.btn,.public-nav nav#publicMenu>button{flex:0 0 auto!important}
  .public-nav nav#publicMenu>a{color:#b9c8dc!important}
  .public-nav nav#publicMenu>a:hover,.public-nav nav#publicMenu>a:focus{background:#101b2c!important;color:#fff!important}
  .faq-grid{grid-template-columns:1fr}
  .faq-section{padding-top:62px;padding-bottom:70px}
  .section-intro{font-size:15px;margin-top:-16px;margin-bottom:26px}
  .how-section .steps>div p{padding-right:0}
}


/* Mobile dashboard identity + active navigation polish */
.mobile-top-logo{display:none}
.sidebar nav a.active{color:#effbff;background:linear-gradient(90deg,rgba(32,215,255,.15),rgba(43,127,255,.08));border:1px solid rgba(32,215,255,.28);box-shadow:inset 3px 0 0 var(--cyan),0 8px 22px rgba(0,0,0,.12);font-weight:800}
.sidebar nav a.active:before{content:'';width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px rgba(32,215,255,.8);margin-right:8px}
.topbar{position:relative}

@media(max-width:900px){
  .mobile-top-logo{display:flex;position:fixed;left:max(12px,env(safe-area-inset-left));top:max(9px,env(safe-area-inset-top));z-index:1199;width:112px;height:48px;align-items:center;justify-content:flex-start;padding:0 2px}
  .mobile-top-logo img{display:block;width:108px;height:46px;object-fit:contain;object-position:left center;filter:drop-shadow(0 0 12px rgba(32,215,255,.18))}
  .topbar{padding-top:70px!important;padding-right:58px!important;padding-bottom:10px!important;min-height:116px!important;margin-bottom:8px!important;border-bottom:1px solid rgba(35,63,94,.35)}
  .topbar:after{content:'';position:absolute;left:0;bottom:-1px;width:48px;height:2px;border-radius:99px;background:linear-gradient(90deg,var(--cyan),transparent)}
}

@media(max-width:760px){
  .compact-bots-page{gap:8px!important}
  .compact-bots-page>.panel,.compact-bots-page>.stat{padding:11px!important;border-radius:12px!important}
  .pulse-console-panel{padding:12px!important}
  .pulse-console-panel>.panel-title{display:flex!important;flex-direction:row!important;align-items:flex-start!important;justify-content:space-between!important;gap:8px!important;margin-bottom:7px!important}
  .pulse-console-panel>.panel-title>div{flex:1 1 auto!important;min-width:0!important}
  .pulse-console-panel>.panel-title h3{font-size:17px!important;line-height:1.2!important;margin:4px 0 0!important}
  .pulse-console-panel>.panel-title .badge{flex:0 0 auto!important;margin:1px 0 0!important;padding:6px 8px!important;font-size:8px!important}
  .pulse-console-panel>p{font-size:11px!important;line-height:1.48!important;margin:6px 0 9px!important}
  .pulse-console-panel .trader-layout{margin-top:8px!important;gap:8px!important}
  .pulse-console-panel .trader-controls,.pulse-console-panel .bot-console{padding:10px!important}
  .market-picker-block,.precision-picker-block{padding:8px!important}
  .compact-bots-page label{margin:7px 0!important}
  .compact-bots-page input,.compact-bots-page select{padding:9px!important;margin-top:4px!important}
  .compact-bots-page .panel-title{margin-bottom:8px!important}
}

@media(max-width:430px){
  .main{padding-left:10px!important;padding-right:10px!important}
  .mobile-top-logo{left:10px;width:104px}
  .mobile-top-logo img{width:100px;height:44px}
  .mobile-menu-button{right:10px!important}
  .topbar{padding-top:66px!important;min-height:108px!important}
}

/* AntroX passkey sign-in + mobile header scroll behavior */
.auth-divider{display:flex;align-items:center;gap:12px;margin:18px 0 14px;color:#64809f;font-size:11px;letter-spacing:1.5px;font-weight:800}.auth-divider:before,.auth-divider:after{content:'';height:1px;flex:1;background:#1b3049}.passkey-login-btn{width:100%}.passkey-message{margin-top:10px;font-size:12px;color:#8da8c4;line-height:1.5}.passkey-message.success-text{color:var(--good)}.passkey-message.error-text{color:#ff8e9a}.passkey-help{font-size:12px!important;line-height:1.55!important}.passkey-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
@media(max-width:900px){
  /* The logo and burger are part of the page header now, not sticky/fixed. */
  .mobile-top-logo{position:absolute!important;top:max(9px,env(safe-area-inset-top))!important;left:max(12px,env(safe-area-inset-left))!important}
  .mobile-menu-button{position:absolute!important;top:max(12px,env(safe-area-inset-top))!important;right:max(10px,env(safe-area-inset-right))!important}
  .topbar{position:relative!important}
}
@media(max-width:620px){.passkey-actions{display:grid;grid-template-columns:1fr}.passkey-actions .btn{width:100%}}


/* 2026-09-01 compact mobile pages + user-selectable live charts */
.chart-head-actions{display:flex;align-items:center;gap:12px;min-width:0}
.chart-style-label{display:inline-flex;align-items:center;gap:7px;margin:0!important;color:#7893ae;font-size:10px;font-weight:800;letter-spacing:.6px;white-space:nowrap}
.chart-style-select{width:auto!important;min-width:92px!important;margin:0!important;padding:7px 26px 7px 9px!important;border-radius:8px!important;font-size:11px!important;background:#081522;color:#dff8ff;border:1px solid #21415f}
.signal-chart-actions{display:flex;align-items:flex-end;gap:12px;justify-content:flex-end;min-width:0}
.home-alt-chart{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;display:none}
.live-candles{z-index:3}
.chart-price-line{z-index:4}

@media(max-width:760px){
  .main{padding:0 10px 26px!important}
  .topbar{height:auto!important;padding:9px 2px 7px!important;margin:0 0 4px!important;min-height:0!important}
  .topbar h1{font-size:19px!important;line-height:1.15!important}
  .topbar p{font-size:10px!important;margin:2px 0 0!important}
  .dashboard-grid{gap:9px!important}
  .dashboard-grid>.panel,.dashboard-grid>.stat{border-radius:13px!important;padding:12px!important}
  .panel-title{gap:8px!important;margin-bottom:10px!important}
  .panel-title h3{font-size:17px!important;margin:4px 0 0!important}
  .panel-title span,.eyebrow{font-size:9px!important;letter-spacing:1.8px!important}
  .panel p{margin:7px 0!important;line-height:1.5!important;font-size:12px!important}
  .hero-panel{padding:14px!important;gap:8px!important}
  .hero-panel h2{font-size:23px!important;margin:5px 0!important}
  .hero-panel .btn{padding:10px 14px!important}
  .stat strong{font-size:24px!important}
  .ticker{gap:7px!important;margin:10px 0!important}
  .ticker>div{padding:10px!important;border-radius:10px!important}
  .ticker small{font-size:9px!important;margin-bottom:4px!important}
  .ticker strong{font-size:15px!important}
  .dashboard-candle-shell{margin-top:10px!important;border-radius:12px!important}
  .dashboard-chart-top{height:auto!important;min-height:40px!important;padding:7px 9px!important;gap:7px!important}
  .chart-head-actions{gap:6px!important;flex-shrink:0}
  .chart-style-label{font-size:0!important;gap:0!important}
  .chart-style-label::before{content:'View';font-size:9px!important;margin-right:5px;color:#7893ae}
  .chart-style-select{min-width:78px!important;max-width:86px!important;padding:6px 20px 6px 7px!important;font-size:10px!important}
  .dashboard-chart-top strong{font-size:12px!important}
  .dashboard-chart-foot{min-height:30px!important;padding:6px 9px!important;gap:8px!important;font-size:9px!important}
  #tickCanvas{height:205px!important}
  .table-wrap{margin-top:6px!important}
  th,td{padding:9px 8px!important;font-size:11px!important}
  label{margin:9px 0!important}
  input,select{padding:10px!important;margin-top:5px!important}
  .settings-grid{gap:8px!important}
  .digit-grid{gap:6px!important;margin:10px 0!important}
  .digit-grid div{padding:11px 6px!important}
  .digit-grid b{font-size:18px!important}
  .bots-section-details>summary{padding-top:11px!important;padding-bottom:11px!important}
  .signal-chart-title{gap:7px!important;margin-bottom:8px!important}
  .signal-chart-actions{width:100%;align-items:center;justify-content:space-between;gap:6px;flex-direction:row!important}
  .signal-chart-actions>span{font-size:9px!important;text-align:right!important;flex:1}
  .signal-chart-actions .chart-style-label{flex:none}
}

@media(max-width:430px){
  .main{padding-left:8px!important;padding-right:8px!important}
  .topbar{padding-left:1px!important;padding-right:1px!important}
  .dashboard-grid{gap:7px!important}
  .dashboard-grid>.panel,.dashboard-grid>.stat{padding:10px!important}
  .ticker{grid-template-columns:1fr 1fr!important}
}

/* 2026-09-01 mobile header overlap fix: keep logo/burger above page title without sticky spacing */
@media(max-width:760px){
  .app-shell{position:relative!important}
  .mobile-top-logo{
    position:absolute!important;
    top:max(8px,env(safe-area-inset-top))!important;
    left:max(10px,env(safe-area-inset-left))!important;
    width:94px!important;
    height:40px!important;
    padding:0!important;
    z-index:5!important;
  }
  .mobile-top-logo img{
    width:90px!important;
    height:38px!important;
    object-fit:contain!important;
    object-position:left center!important;
  }
  .mobile-menu-button{
    position:absolute!important;
    top:max(10px,env(safe-area-inset-top))!important;
    right:max(10px,env(safe-area-inset-right))!important;
    z-index:6!important;
  }
  .main{padding-top:0!important}
  .topbar{
    padding:56px 2px 7px!important;
    margin:0 0 4px!important;
    min-height:0!important;
    height:auto!important;
  }
  .topbar h1{margin:0!important}
}
@media(max-width:430px){
  .topbar{padding-top:54px!important}
}

/* 2026-09-01 mobile vertical spacing cleanup
   Prevent desktop flex-basis values from turning compact mobile panel headings
   into tall empty blocks. Cards should size naturally to their content. */
@media(max-width:760px){
  .dashboard-grid{align-items:start!important;grid-auto-rows:auto!important}
  .dashboard-grid>.panel,.dashboard-grid>.stat,.dashboard-grid>.wide{
    min-height:0!important;
    height:auto!important;
    align-self:start!important;
  }
  .panel-title{
    min-height:0!important;
    height:auto!important;
    justify-content:flex-start!important;
  }
  .panel-title>div{
    flex:0 1 auto!important;
    min-height:0!important;
    height:auto!important;
    width:100%;
  }
  .panel-title>select{
    flex:0 0 auto!important;
    margin-top:2px!important;
  }
  .panel-title>.badge{
    flex:0 0 auto!important;
    margin-top:1px!important;
  }
  .panel-title p{margin:5px 0 0!important}
  .account-list{margin-top:9px!important}
  .panel form[style*="margin-top:20px"]{margin-top:11px!important}
  .panel>.btn,.panel>.btn.ghost{margin-top:2px}
}

@media(max-width:430px){
  .panel-title{gap:6px!important;margin-bottom:7px!important}
  .dashboard-grid>.panel,.dashboard-grid>.stat{padding:9px!important}
}

/* AntroX notification centre */
.topbar{position:relative}.topbar-actions{display:flex;align-items:center;gap:10px}.notification-bell{position:relative;width:42px;height:42px;border:1px solid #1b4567;border-radius:12px;background:#071625;color:#dff7ff;display:grid;place-items:center;cursor:pointer}.notification-bell:hover{border-color:#20cfff}.notification-bell-icon{font-size:17px;line-height:1}.notification-bell b{position:absolute;right:-5px;top:-6px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:#ff506d;color:white;border:2px solid #081524;font-size:10px;display:grid;place-items:center}.notification-popover{position:absolute;right:0;top:calc(100% + 10px);z-index:80;width:min(390px,calc(100vw - 24px));max-height:70vh;overflow:hidden;border:1px solid #1a4668;border-radius:16px;background:#071421;box-shadow:0 24px 70px rgba(0,0,0,.45);padding:12px}.notification-popover-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:4px 4px 10px}.notification-popover-head span{color:#24d8ff;font-size:10px;letter-spacing:1.6px;font-weight:800}.notification-popover-head h3{margin:2px 0 0}.notification-popover-head button{border:0;background:transparent;color:#9cc3df;font-size:25px;cursor:pointer}.notification-permission{border:1px solid #17364f;border-radius:12px;padding:10px;margin-bottom:9px;background:#06111c}.notification-permission p{margin:0 0 8px;font-size:12px;color:#8eb0cd}.notification-permission small{display:block;color:#6287a8;margin-top:7px}.notification-list{max-height:390px;overflow:auto;padding-right:2px}.notification-item{display:grid;grid-template-columns:9px 1fr;gap:9px;padding:10px 7px;border-bottom:1px solid #112b40;text-decoration:none;color:#fff}.notification-item:hover{background:#0a1a2a}.notification-item.unread{background:rgba(32,207,255,.055)}.notification-item strong{font-size:12px}.notification-item p{font-size:11px;line-height:1.45;color:#8db0ce;margin:3px 0}.notification-item small{font-size:9px;color:#5d83a4}.notification-type-dot{width:8px;height:8px;border-radius:50%;margin-top:5px;background:#24cfff}.notification-type-dot.win{background:#21d99a}.notification-type-dot.loss{background:#ff5b73}.notification-type-dot.admin{background:#b386ff}.notification-type-dot.account{background:#ffd166}.notification-mark-read{width:100%;margin-top:8px;border:1px solid #17364f;border-radius:10px;background:#06111c;color:#8eb5d5;padding:9px;cursor:pointer}.notification-empty{padding:20px 8px;text-align:center;color:#7093b1;font-size:12px}
@media(max-width:700px){.topbar-actions{gap:6px}.mode-pill{display:none}.notification-bell{width:38px;height:38px;border-radius:10px}.notification-popover{position:fixed;left:10px;right:10px;top:76px;width:auto;max-height:calc(100dvh - 92px)}.notification-list{max-height:45vh}}

/* Mobile notification bell alignment: keep bell beside, not below, the burger */
@media(max-width:900px){
  .topbar-actions{position:static}
  .topbar .notification-bell{
    position:fixed;
    top:max(16px,env(safe-area-inset-top));
    right:max(70px,calc(env(safe-area-inset-right) + 70px));
    z-index:1203;
    width:44px;
    height:44px;
    margin:0;
    flex:0 0 44px;
    box-shadow:0 8px 28px #0008;
    backdrop-filter:blur(12px);
  }
}
@media(max-width:620px){
  .topbar .notification-bell{width:44px;height:44px;border-radius:11px}
}

/* Keep Clear all notifications permanently visible; only the alert list scrolls. */
.notification-popover{
  display:flex;
  flex-direction:column;
}
.notification-popover[hidden]{display:none!important}
.notification-popover-head,
.notification-permission,
.notification-mark-read{flex:0 0 auto}
.notification-list{
  flex:1 1 auto;
  min-height:0;
  max-height:none;
  overflow-y:auto;
}
.notification-mark-read{
  margin-top:8px;
  position:relative;
  z-index:2;
}
@media(max-width:700px){
  .notification-list{max-height:none}
}

/* Desktop notification footer fix: keep Clear all visible without changing mobile layout. */
@media(min-width:701px){
  .notification-list{
    flex:0 1 auto;
    max-height:calc(70vh - 190px);
    overflow-y:auto;
  }
  .notification-mark-read{
    display:block;
    flex:0 0 auto;
  }
}

/* AntroX Pulse AI Automatic — simplified client experience */
.auto-pulse-panel{overflow:visible}.auto-pulse-intro{max-width:920px;color:#9fb5cf}.auto-trader-card{margin-top:18px;border:1px solid #1b3958;background:linear-gradient(145deg,rgba(7,17,30,.96),rgba(5,12,22,.98));border-radius:18px;padding:20px}.auto-trader-main{display:grid;grid-template-columns:minmax(230px,1fr) minmax(150px,.42fr) minmax(210px,.62fr) minmax(250px,.8fr);gap:14px;align-items:end}.auto-trader-main label{margin:0}.auto-protection-chip{min-height:62px;border:1px solid rgba(41,222,169,.28);background:rgba(14,71,58,.28);border-radius:13px;padding:12px 14px;display:flex;gap:10px;align-items:center}.auto-protection-chip span{font-size:20px}.auto-protection-chip b,.auto-protection-chip small{display:block}.auto-protection-chip b{font-size:13px;color:#dffdf4}.auto-protection-chip small{margin-top:3px;color:#8bb8aa;line-height:1.35}.auto-engine-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}.auto-engine-summary>div{border:1px solid #17304a;background:#050c15;border-radius:12px;padding:12px}.auto-engine-summary small{display:block;color:#7894b3;font-size:10px;text-transform:uppercase;letter-spacing:.7px}.auto-engine-summary strong{display:block;margin-top:5px;font-size:13px;color:#e9f7ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.auto-action-row{margin-top:15px}.auto-start-button{font-weight:900}.auto-hidden-engine,.auto-hidden-stat{display:none!important}.auto-bot-console{margin-top:14px}.auto-live-grid{grid-template-columns:repeat(3,1fr)}.advanced-bot-options .bots-section-details:not([open]){opacity:.82}.advanced-bot-options .muted{margin-top:0}.auto-pulse-panel #botMessage{min-height:auto}
@media(max-width:900px){.auto-trader-main{grid-template-columns:1fr 1fr}.auto-protection-chip{grid-column:1/-1}.auto-engine-summary{grid-template-columns:1fr 1fr}.auto-live-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.auto-trader-card{padding:12px;margin-top:10px}.auto-trader-main{grid-template-columns:1fr}.auto-protection-chip{grid-column:auto}.auto-engine-summary{grid-template-columns:1fr 1fr;gap:7px}.auto-engine-summary>div{padding:9px}.auto-live-grid{grid-template-columns:1fr 1fr}.auto-pulse-intro{font-size:11px!important;line-height:1.5}.advanced-bot-options{display:block!important}}

/* Pulse AI simplified trading-style selector */
.auto-trader-main .field-help{display:block;margin-top:6px;color:#7894b3;font-size:10px;line-height:1.35}.auto-trader-main select#botPrecisionMode{font-weight:700}.auto-trader-main select#botPrecisionMode option{font-weight:500}
@media(max-width:1100px) and (min-width:901px){.auto-trader-main{grid-template-columns:1fr 1fr}.auto-protection-chip{grid-column:1/-1}}

/* AntroX Telegram client support */
.telegram-support-card{position:relative;overflow:hidden}
.telegram-support-card:after{content:'@';position:absolute;right:22px;bottom:-28px;font-size:118px;line-height:1;color:rgba(36,216,255,.035);font-weight:900;pointer-events:none}
.telegram-support-button{position:relative;z-index:1}
.telegram-support-link{display:inline-block;margin-top:10px;color:#8fdff4;font-weight:700}
.telegram-support-link:hover{color:#d9f9ff}
.notification-telegram-support{display:block;text-align:center;margin-top:8px;padding:8px 6px 3px;color:#78cde5;font-size:11px;font-weight:700}
.notification-telegram-support:hover{color:#d9f9ff}
@media(max-width:700px){.telegram-support-card .panel-title{align-items:flex-start}.telegram-support-button{width:100%}}

/* Markets page: all active Deriv market categories */
.market-page-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.market-page-controls select{min-width:190px}
#marketAvailabilityNote{margin:0 0 12px}
@media(max-width:900px){.market-page-controls{width:100%;justify-content:stretch}.market-page-controls select{width:100%;min-width:0}}

/* Pulse AI start button lock: clearly show that automatic trading is already active/starting. */
.auto-start-button:disabled{background:#4b5563!important;border-color:#4b5563!important;color:#d1d5db!important;opacity:.72!important;cursor:not-allowed!important;box-shadow:none!important;filter:grayscale(.35)!important;transform:none!important;pointer-events:none!important}
.auto-start-button[aria-busy="true"]{opacity:.62!important}


/* Desktop notification panel — tall alert center. */
@media (min-width: 701px) {
  .topbar .notification-popover {
    height: min(780px, calc(100vh - 120px)) !important;
    max-height: min(780px, calc(100vh - 120px)) !important;
    min-height: 620px !important;
    display: flex;
    flex-direction: column;
  }
  .topbar .notification-popover[hidden] { display: none !important; }
  .topbar .notification-list {
    flex: 1 1 0 !important;
    min-height: 360px !important;
    max-height: none !important;
    overflow-y: auto !important;
  }
  .topbar .notification-popover-head,
  .topbar .notification-permission,
  .topbar .notification-mark-read,
  .topbar .notification-telegram-support { flex: 0 0 auto !important; }
}

/* Desktop notification center — medium height for cleaner desktop view. */
@media (min-width: 701px) {
  .topbar .notification-popover {
    height: min(620px, calc(100vh - 145px)) !important;
    max-height: min(620px, calc(100vh - 145px)) !important;
    min-height: 500px !important;
  }
  .topbar .notification-list {
    flex: 1 1 0 !important;
    min-height: 250px !important;
    max-height: none !important;
    overflow-y: auto !important;
  }
}

/* Pulse AI automatic setup — clean launch layout */
@media(min-width:901px){
  .auto-trader-main{grid-template-columns:minmax(240px,1.15fr) minmax(220px,1fr) minmax(250px,1fr);gap:14px;align-items:end}
  .auto-trader-main .auto-stake-field{grid-column:1/2}
  .auto-trader-main .auto-protection-chip{grid-column:2/4;min-height:62px}
}
@media(max-width:900px){
  .auto-trader-main .auto-stake-field,.auto-trader-main .auto-protection-chip{grid-column:auto}
}


/* Notification footer actions: Read all + Clear all */
.notification-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;flex:0 0 auto;margin-top:8px}
.notification-actions .notification-mark-read{margin-top:0}
.notification-clear-all{border-color:#5a2733;color:#ff9aae;background:#160b11}
@media(max-width:430px){.notification-actions{grid-template-columns:1fr}}

/* AntroX private Learning Center */
.learning-hero{position:relative;overflow:hidden}.learning-hero:after{content:'🔒';position:absolute;right:28px;bottom:-22px;font-size:115px;opacity:.035;pointer-events:none}.learning-hero p{max-width:850px}.learning-access-note{margin-top:16px;border:1px solid rgba(36,216,255,.22);background:rgba(10,35,54,.46);border-radius:14px;padding:13px 15px;display:flex;gap:12px;align-items:center}.learning-access-note>span{font-size:24px}.learning-access-note b,.learning-access-note small{display:block}.learning-access-note small{margin-top:3px;color:#86a5c6}.learning-toolbar{padding:12px 14px}.learning-filter-row{display:flex;gap:8px;flex-wrap:wrap}.learning-filter{border:1px solid #1c3a59;background:#07111e;color:#9fc4e6;border-radius:999px;padding:8px 13px;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.learning-filter.active{border-color:#27d8ff;color:#02111a;background:linear-gradient(90deg,#29d8ff,#3187ff)}.learning-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px}.learning-card{border:1px solid #183650;background:#07111f;border-radius:17px;overflow:hidden;box-shadow:0 12px 34px rgba(0,0,0,.15)}.learning-poster-open{display:block;position:relative;width:100%;padding:0;border:0;background:#020712;cursor:pointer;aspect-ratio:4/5;overflow:hidden}.learning-poster-open img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;transition:transform .25s ease}.learning-poster-open:hover img{transform:scale(1.018)}.learning-view-chip{position:absolute;right:10px;bottom:10px;background:rgba(2,12,22,.88);border:1px solid #27d8ff;color:#aeeeff;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:900}.learning-card-body{padding:14px}.learning-card-body>span{color:#34d9ff;font-size:10px;font-weight:900;letter-spacing:.7px;text-transform:uppercase}.learning-card-body h3{margin:5px 0 7px}.learning-card-body p{margin:0;color:#90a9c3;font-size:12px;line-height:1.5}.learning-paid-badge{display:inline-block;margin-top:10px;border:1px solid #6b5520;color:#ffcf59;border-radius:999px;padding:5px 8px;font-size:9px;letter-spacing:.5px}.learning-modal{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:20px}.learning-modal[hidden]{display:none}.learning-modal-backdrop{position:absolute;inset:0;background:rgba(0,4,10,.88);backdrop-filter:blur(8px)}.learning-modal-card{position:relative;z-index:1;width:min(1040px,96vw);height:min(92vh,1100px);background:#07111f;border:1px solid #1b476b;border-radius:18px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 28px 90px rgba(0,0,0,.55)}.learning-modal-head{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;border-bottom:1px solid #15324a}.learning-modal-head h3{margin:0}.learning-modal-head button{border:0;background:transparent;color:#d7ecff;font-size:30px;cursor:pointer;line-height:1}.learning-modal-image{flex:1;overflow:auto;text-align:center;background:#020812}.learning-modal-image img{max-width:100%;height:auto;display:block;margin:0 auto}.learning-modal-open{overflow:hidden}.learning-admin-form,.admin-learning-edit{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.learning-admin-form label,.admin-learning-edit label{margin:0}.learning-admin-wide{grid-column:1/-1}.learning-admin-form textarea,.admin-learning-edit textarea{resize:vertical}.learning-admin-form small{display:block;margin-top:5px;color:#7d98b6}.admin-learning-list{display:grid;gap:16px}.admin-learning-item{display:grid;grid-template-columns:150px 1fr auto;gap:15px;padding:14px;border:1px solid #173650;background:#050e19;border-radius:15px;align-items:start}.admin-learning-item>img{width:150px;height:170px;object-fit:cover;object-position:top;border-radius:10px;border:1px solid #173650}.admin-learning-edit{grid-template-columns:2fr 1fr 1fr 90px}.learning-published-check{display:flex!important;align-items:center;gap:8px;grid-column:1/2}.learning-published-check input{width:auto!important}.admin-learning-buttons{display:flex;align-items:end}.admin-learning-delete{align-self:end}.admin-learning-delete .mini-btn{white-space:nowrap}
@media(max-width:1050px){.learning-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.learning-admin-form{grid-template-columns:1fr 1fr}.admin-learning-item{grid-template-columns:110px 1fr}.admin-learning-item>img{width:110px;height:140px}.admin-learning-delete{grid-column:2}.admin-learning-edit{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.learning-grid{grid-template-columns:1fr;gap:13px}.learning-card{display:grid;grid-template-columns:118px 1fr;min-height:155px}.learning-poster-open{aspect-ratio:auto;height:100%;min-height:155px}.learning-card-body{padding:12px}.learning-card-body h3{font-size:15px}.learning-modal{padding:8px}.learning-modal-card{width:100%;height:94vh;border-radius:14px}.learning-admin-form,.admin-learning-edit{grid-template-columns:1fr}.learning-admin-wide,.learning-published-check{grid-column:1}.admin-learning-item{grid-template-columns:78px 1fr;gap:10px;padding:10px}.admin-learning-item>img{width:78px;height:100px}.admin-learning-edit{grid-template-columns:1fr}.admin-learning-delete{grid-column:2}.learning-filter-row{overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}.learning-filter{white-space:nowrap}}

/* 2026-09-02 Learning Center admin cleanup */
.admin-dashboard-stack{display:grid;gap:20px;align-content:start}
.admin-dashboard-stack>.panel{margin:0}
.learning-admin-form small{display:block;margin-top:6px;color:#7897b8;line-height:1.35}
.learning-order-help{display:inline!important;margin-left:6px!important;color:#55dfff!important;font-size:10px!important;font-weight:800;letter-spacing:.4px;text-transform:uppercase}
.admin-learning-edit{align-items:end}
@media(max-width:650px){.admin-dashboard-stack{gap:14px}}


/* 2026-09-02 Optional Authenticator Protection */
.security-grid{align-content:start}.security-hero{overflow:hidden;position:relative}.security-hero:after{content:'🔐';position:absolute;right:24px;bottom:-26px;font-size:120px;opacity:.035;pointer-events:none}.security-state{display:flex;gap:14px;align-items:center;margin-top:15px;border:1px solid #183b59;background:#06111d;border-radius:14px;padding:14px}.security-state .security-shield{font-size:34px}.security-state strong{display:block;color:#ecfaff}.security-state p{margin:4px 0 0;color:#8aa6c4}.security-form{display:grid;gap:12px;max-width:620px;margin-top:16px}.security-form label{margin:0}.security-button-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.setup-key-box{display:grid;grid-template-columns:1fr 1.4fr;gap:10px;margin:16px 0}.setup-key-box>div{border:1px solid #1a3a59;background:#050d17;border-radius:13px;padding:13px}.setup-key-box small{display:block;color:#7895b4;font-size:10px;letter-spacing:.8px}.setup-key-box strong,.setup-key-box code{display:block;margin-top:6px;color:#eafaff;word-break:break-all}.setup-key-box code{font-size:15px;letter-spacing:1.4px}.security-divider{border:0;border-top:1px solid #17334c;margin:22px 0}.recovery-code-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0}.recovery-code-grid code{display:block;border:1px solid #1a4563;background:#050d17;border-radius:10px;padding:10px 12px;color:#dff9ff;font-size:14px;letter-spacing:1px;text-align:center}.warning-text{color:#f8c76a}.security-details{margin-top:12px;border:1px solid #183751;border-radius:12px;padding:11px 13px;background:#060f1a}.security-details summary{cursor:pointer;font-weight:800;color:#a9dcf0}.danger-security-panel{border-color:#4d2430!important}.two-factor-challenge-card .btn{width:100%;margin-top:10px}.recovery-search{display:flex;gap:10px;margin:12px 0 16px}.recovery-search input{flex:1}.recovery-confirm-panel{border-color:#5c3340!important}.recovery-confirm-panel .security-form{max-width:720px}
@media(max-width:650px){.setup-key-box{grid-template-columns:1fr}.recovery-code-grid{grid-template-columns:1fr}.security-button-row,.recovery-search{display:grid;grid-template-columns:1fr}.security-button-row .btn,.security-button-row a{width:100%;text-align:center}.security-state{align-items:flex-start}.security-hero:after{font-size:82px}}
.security-cancel-form{margin-top:10px}.security-cancel-form .btn{width:auto}
@media(max-width:650px){.security-cancel-form .btn{width:100%}}

/* 2026-09-02 mobile header: notification bell scrolls with the burger instead of floating */
@media(max-width:900px){
  .topbar .notification-bell{
    position:absolute!important;
    top:max(12px,env(safe-area-inset-top))!important;
    right:max(64px,calc(env(safe-area-inset-right) + 64px))!important;
    z-index:7!important;
    margin:0!important;
    box-shadow:0 8px 28px #0008;
    backdrop-filter:blur(12px);
  }
}
@media(max-width:760px){
  .topbar .notification-bell{
    top:max(10px,env(safe-area-inset-top))!important;
    right:max(64px,calc(env(safe-area-inset-right) + 64px))!important;
  }
}


/* Pulse AI mobile client focus — presentation only; trading logic is unchanged */
.real-safety-panel[hidden]{display:none!important}
@media(max-width:600px){
  .compact-bots-page .advanced-bot-options{display:block!important}
  .compact-bots-page .advanced-bot-options .bots-section-details{display:block!important;opacity:1!important}
  .compact-bots-page .advanced-bot-options .settings-grid{grid-template-columns:1fr!important}
  .compact-bots-page.bot-account-demo .real-safety-panel{display:none!important}
  .compact-bots-page.bot-account-live .real-safety-panel:not([hidden]){display:block!important}
  .compact-bots-page.bot-session-active .bots-access-card,
  .compact-bots-page.bot-session-active .auto-pulse-intro,
  .compact-bots-page.bot-session-active .advanced-bot-options,
  .compact-bots-page.bot-session-active .auto-engine-summary{display:none!important}
  .compact-bots-page.bot-session-active.bot-account-demo .real-safety-panel{display:none!important}
  .compact-bots-page.bot-session-active.bot-account-live .real-safety-panel:not([hidden]){display:block!important}
  .compact-bots-page.bot-session-active .auto-trader-main{display:none!important}
  .compact-bots-page.bot-session-active .auto-trader-card{padding:10px!important;margin-top:8px!important}
  .compact-bots-page.bot-session-active .auto-action-row{margin-top:0!important;display:grid!important;grid-template-columns:1fr!important}
  .compact-bots-page.bot-session-active #startDemoBot{display:none!important}
  .compact-bots-page.bot-session-active #stopDemoBot{display:block!important;width:100%!important;min-height:48px!important}
  .compact-bots-page.bot-session-active .auto-bot-console{margin-top:10px!important}
  .compact-bots-page.bot-session-active .signal-panel .signal-panel-head{margin-bottom:10px!important}
  .compact-bots-page.bot-session-active .signal-detail-card:not([open]) .signal-detail-body{display:none!important}
  .compact-bots-page.bot-session-active:not(.bot-position-open) .signal-detail-card>summary b{font-size:0!important}
  .compact-bots-page.bot-session-active:not(.bot-position-open) .signal-detail-card>summary b:after{content:'Opens automatically when a trade starts';font-size:10px!important}
  .compact-bots-page.bot-position-open .signal-detail-card{border-color:rgba(32,215,255,.42)!important;box-shadow:0 0 0 1px rgba(32,215,255,.08),0 14px 36px rgba(0,0,0,.18)}
  .compact-bots-page.bot-position-open .signal-detail-card>summary b{color:#bfefff!important}
  .compact-bots-page .current-position{order:0}
}

/* Keep the desktop navigation stable on long pages. */
@media(min-width:901px){
  .sidebar{overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable;padding-bottom:20px}
  .sidebar .brand{flex:0 0 auto}
  .sidebar nav{flex:0 0 auto}
  .sidebar .logout{flex:0 0 auto;margin-top:auto}
}


/* ===== Desktop sidebar cleanup ===== */
.sidebar .sidebar-section-label{display:block;margin:11px 10px 4px;padding-top:12px;border-top:1px solid rgba(124,157,194,.14);color:#5f7899;font-size:10px;font-weight:900;letter-spacing:.13em;line-height:1;text-transform:uppercase;user-select:none}
@media(min-width:901px){
  .sidebar{padding-top:22px;padding-bottom:18px}
  .sidebar .brand-logo{padding-bottom:16px}
  .sidebar nav{gap:3px}
  .sidebar nav a,.sidebar .logout{min-height:38px;padding:9px 12px;font-size:14px;line-height:1.25}
  .sidebar .install-app-button{margin-top:12px;min-height:42px}
  .sidebar .logout{margin-top:4px}
}
@media(max-width:900px){.sidebar .sidebar-section-label{margin:10px 10px 2px;padding-top:12px}}

/* Demo session trade count: simple setup control beside stake. Live accounts keep their saved Safety Protection limit. */
.auto-session-trades-field[hidden]{display:none!important}
@media(min-width:901px){
  .auto-trader-main{grid-template-columns:minmax(230px,1.15fr) minmax(180px,.9fr) minmax(220px,1fr) minmax(180px,.75fr)!important}
  .auto-trader-main .auto-stake-field,.auto-trader-main .auto-session-trades-field,.auto-trader-main .auto-protection-chip{grid-column:auto!important}
}
@media(max-width:900px){.auto-session-trades-field{grid-column:auto}}

/* AntroX professional sidebar icon system */
.sidebar nav a{display:flex;align-items:center;gap:13px}
.sidebar nav .nav-icon{width:24px;height:24px;flex:0 0 24px;display:grid;place-items:center;color:#79a9c9;transition:color .18s ease,filter .18s ease,transform .18s ease}
.sidebar nav .nav-icon svg{width:21px;height:21px;display:block;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.sidebar nav a:hover .nav-icon{color:#42dfff;filter:drop-shadow(0 0 7px rgba(32,215,255,.28));transform:translateY(-1px)}
.sidebar nav a.active .nav-icon{color:#eefcff;filter:drop-shadow(0 0 9px rgba(32,215,255,.48))}
.sidebar nav a.active{background:linear-gradient(90deg,rgba(16,54,84,.9),rgba(10,24,42,.92));color:#fff;box-shadow:inset 3px 0 #2ad8ff,0 8px 22px rgba(0,0,0,.12)}
.sidebar nav a.active:before{width:6px;height:6px;flex:0 0 6px;margin-right:1px;background:#25dcff;box-shadow:0 0 10px rgba(37,220,255,.75)}
.sidebar .sidebar-section-label{letter-spacing:.16em}
@media(max-width:900px){
  .sidebar nav a{gap:14px}
  .sidebar nav .nav-icon{width:26px;height:26px;flex-basis:26px}
  .sidebar nav .nav-icon svg{width:22px;height:22px}
}
.verify-card{text-align:center}.verify-card .btn{width:100%;margin:14px 0}.verify-status{width:66px;height:66px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;font-size:30px;font-weight:900}.verify-status.verified{color:#07140c;background:#4cff9a;box-shadow:0 0 32px #4cff9a45}.verify-status.expired{color:#24070b;background:#ff6577;box-shadow:0 0 32px #ff657745}
\n\n/* ===== AntroX v47 professional sidebar icons: explicit outline rendering ===== */
.sidebar nav .nav-icon,
.sidebar .logout .logout-icon{
  width:25px!important;height:25px!important;flex:0 0 25px!important;
  display:grid!important;place-items:center!important;
  background:transparent!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;padding:0!important;color:#7ea9c7!important;
}
.sidebar nav .nav-icon svg,
.sidebar .logout .logout-icon svg{
  width:22px!important;height:22px!important;display:block!important;
  overflow:visible!important;background:transparent!important;
  fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;
  stroke-linecap:round!important;stroke-linejoin:round!important;
}
.sidebar nav .nav-icon svg *,
.sidebar .logout .logout-icon svg *{
  fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;
  stroke-linecap:round!important;stroke-linejoin:round!important;
}
.sidebar nav a:hover .nav-icon,.sidebar .logout:hover .logout-icon{
  color:#42dfff!important;filter:drop-shadow(0 0 6px rgba(42,216,255,.38));
}
.sidebar nav a.active .nav-icon{
  color:#5ce8ff!important;filter:drop-shadow(0 0 7px rgba(42,216,255,.48));
}
.sidebar .logout{display:flex!important;align-items:center!important;gap:13px!important}
@media(max-width:900px){
 .sidebar nav .nav-icon,.sidebar .logout .logout-icon{width:27px!important;height:27px!important;flex-basis:27px!important}
 .sidebar nav .nav-icon svg,.sidebar .logout .logout-icon svg{width:23px!important;height:23px!important}
}

/* AntroX v49 sidebar icon visibility guard */
.sidebar nav .nav-icon svg,.sidebar nav .nav-icon svg *,.sidebar .logout .logout-icon svg,.sidebar .logout .logout-icon svg *{fill:none!important;stroke:currentColor!important}
/* V89 private registration gate */
.registration-gate-card{max-width:520px!important}.registration-lock-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;margin:0 0 14px;background:rgba(37,196,255,.1);border:1px solid rgba(37,196,255,.28);font-size:25px}.registration-eyebrow{display:block;color:#37cfff;font-size:.72rem;font-weight:900;letter-spacing:.18em;margin-bottom:7px}.registration-code-input{text-transform:uppercase;letter-spacing:.12em;font-weight:800;font-size:1.05rem}.registration-unlock-btn{width:100%;margin-top:4px}.registration-security-note{display:flex;flex-direction:column;gap:4px;margin:16px 0;padding:13px 14px;border:1px solid rgba(77,203,255,.18);border-radius:12px;background:rgba(7,24,40,.55)}.registration-security-note strong{font-size:.86rem}.registration-security-note span{font-size:.78rem;color:var(--muted,#8ea6bb);line-height:1.5}@media(max-width:600px){.registration-gate-card{margin-inline:12px}.registration-code-input{font-size:1rem;letter-spacing:.08em}}