/* AI V4 HACK 5.8.0 — Crimson Pro UI polish
   Visual-only enhancement layer. Business logic and API behavior are untouched. */
:root{
  --pro-red:#ff315c;
  --pro-red-2:#ff5f78;
  --pro-coral:#ff7856;
  --pro-amber:#ffb34f;
  --pro-pink:#ff4fa3;
  --pro-cyan:#56e6df;
  --pro-green:#62e7b4;
  --pro-surface:rgba(14,15,28,.78);
  --pro-surface-2:rgba(24,13,24,.72);
  --pro-line:rgba(255,92,122,.18);
  --pro-shadow:0 20px 58px rgba(0,0,0,.32),0 0 0 1px rgba(255,79,111,.025);
}

/* ---------- shared finish ---------- */
body{
  background:
    radial-gradient(circle at 93% 5%,rgba(255,49,92,.16),transparent 25%),
    radial-gradient(circle at 7% 72%,rgba(255,120,86,.10),transparent 28%),
    radial-gradient(circle at 58% 108%,rgba(255,79,163,.08),transparent 31%),
    linear-gradient(180deg,#070810 0%,#0a0810 52%,#05070d 100%) !important;
}
::selection{background:rgba(255,49,92,.38);color:#fff}
.glass{
  border-color:rgba(255,255,255,.085) !important;
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(24,13,24,.66) 44%,rgba(8,10,19,.84)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.075),var(--pro-shadow) !important;
}
.panel,.feature,.stat,.metric,.modal,.top,.topbar,.nav,.sidebar,.side{
  border-color:rgba(255,103,129,.105) !important;
}
.panel:hover,.feature:hover,.stat:hover,.metric:hover{
  border-color:rgba(255,91,121,.24) !important;
  box-shadow:inset 0 1px rgba(255,255,255,.08),0 24px 68px rgba(0,0,0,.34),0 0 34px rgba(255,49,92,.055) !important;
}
button,.btn,.nav-item,.nav,.feature,.metric,.stat,.control,input,select,textarea{transition-duration:.22s !important}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:2px solid rgba(255,80,111,.78) !important;
  outline-offset:2px;
}

/* ---------- dashboard ---------- */
.dashboard-page .engine-line:after{content:"5.9.0" !important;color:#8d6e77 !important}

.sidebar{
  width:232px !important;
  padding:14px 12px 12px !important;
  background:linear-gradient(180deg,rgba(13,9,17,.96),rgba(6,8,15,.93)) !important;
  box-shadow:18px 0 55px rgba(0,0,0,.18) !important;
}
.app-shell{margin-left:232px !important}
.brand-row{padding:8px 11px 15px !important}
.brand-row img,.profile img{border-color:rgba(255,80,111,.44) !important;box-shadow:0 0 24px rgba(255,49,92,.18) !important}
.brand-row b span{color:var(--pro-red-2) !important}
.engine-line{height:40px !important;color:#7e7885 !important;border-color:rgba(255,255,255,.055) !important}
.engine-line i,.status-pill i{background:var(--pro-green) !important;box-shadow:0 0 12px rgba(98,231,180,.78) !important}
.sidebar-label{padding:15px 11px 7px !important;color:#716873 !important}
.sidebar nav{gap:4px !important}
.nav-item{min-height:40px !important;border-radius:11px !important;padding:0 9px !important;color:#9b939f !important}
.nav-item .ni{width:27px !important;height:27px !important;border-radius:8px !important;background:rgba(255,255,255,.04) !important}
.nav-item em{font-size:10.5px !important}
.nav-item:hover{background:rgba(255,76,108,.07) !important;color:#fff !important}
.nav-item.active,.market-switch button.active,.primary,.pill.cyan,.pill.blue,.trial-access-pill,.admin-console-btn{
  background:linear-gradient(105deg,#d91f49 0%,var(--pro-red) 36%,var(--pro-coral) 72%,var(--pro-amber) 120%) !important;
  color:#fff !important;
  border-color:rgba(255,145,124,.26) !important;
  box-shadow:0 12px 28px rgba(255,49,92,.16) !important;
}
.nav-item.active .ni{background:rgba(255,255,255,.17) !important}
.nav-item.active b{color:#fff0f2 !important}
.logout{min-height:52px !important;color:#e69aaa !important;padding:11px !important}
.topbar{height:72px !important;padding:0 21px !important;background:rgba(8,8,15,.83) !important;backdrop-filter:blur(24px) saturate(135%) !important}
.top-left h1{font-size:21px !important;letter-spacing:-.7px !important}
.top-left small{font-size:7.8px !important;color:#817988 !important}
.status-pill,.credit-pill,.command-btn,.icon-btn{
  height:36px !important;border-radius:11px !important;background:rgba(255,255,255,.035) !important;border-color:rgba(255,87,118,.14) !important;
}
.icon-btn{width:36px !important;color:#f6a6b5 !important}
.command-btn{min-width:48px !important;color:#f8a6b4 !important}
.credit-pill{color:#ff98aa !important;border-color:rgba(255,81,112,.24) !important}
.profile{height:43px !important}
.profile img{width:35px !important;height:35px !important;border-radius:11px !important}
.content-wrap{padding:0 21px 28px !important}
.market-switch{width:224px !important;height:42px !important;margin-bottom:14px !important;border-radius:12px !important;background:rgba(11,9,16,.82) !important}
.market-switch button{font-size:10.5px !important;border-radius:9px !important}
.panel{border-radius:18px !important;padding:20px !important}
.hero-grid{gap:14px !important}
.hero-panel,.visual-panel{min-height:350px !important}
.hero-panel h2,.form-panel h2,.upload-card h2{font-size:29px !important;letter-spacing:-1.1px !important;margin:13px 0 9px !important}
.hero-panel h2 span{background:linear-gradient(90deg,#ff5070,#ff8a5f,#ffd170) !important;-webkit-background-clip:text !important;background-clip:text !important;color:transparent !important}
.hero-panel p,.form-panel p,.upload-card p{font-size:10.8px !important;color:#99919e !important}
.pill{padding:6px 9px !important;font-size:7.8px !important}
.pill.mint{background:rgba(98,231,180,.12) !important;border:1px solid rgba(98,231,180,.2) !important;color:#88edc7 !important}
.primary,.secondary{min-height:42px !important;border-radius:11px !important;padding:0 15px !important;font-size:10.5px !important}
.secondary{background:rgba(255,255,255,.03) !important;border-color:rgba(255,86,117,.14) !important;color:#d8cdd2 !important}
.secondary:hover{border-color:rgba(255,93,123,.3) !important;background:rgba(255,58,91,.055) !important}
.mini-stats{margin-top:18px !important;gap:8px !important}
.mini-stats>div{padding:10px !important;border-radius:11px !important;background:linear-gradient(135deg,rgba(255,64,99,.045),rgba(255,255,255,.018)) !important;border-color:rgba(255,85,115,.09) !important}
.mini-stats b{font-size:16px !important}
.visual-panel{background:radial-gradient(circle at center,rgba(255,49,92,.13),rgba(10,10,20,.8) 58%) !important}
.core{background:linear-gradient(145deg,rgba(255,60,96,.35),rgba(255,122,86,.11)) !important;border-color:rgba(255,103,129,.28) !important;box-shadow:0 0 52px rgba(255,49,92,.14),inset 0 1px rgba(255,255,255,.14) !important}
.ring{border-color:rgba(255,87,119,.24) !important}.r1:before,.r2:before{background:#ffb45c !important;box-shadow:0 0 15px rgba(255,180,92,.8) !important}
.quick{border-radius:15px !important;padding:15px !important}.quick i{background:rgba(255,64,99,.08) !important;color:#ff8ba0 !important}
.activity,.form-panel,.result-panel,.upload-card,.risk-form,.next-trade,.ladder{background:linear-gradient(150deg,rgba(255,63,98,.035),rgba(255,255,255,.02) 30%,rgba(7,9,17,.78)) !important}
.control,input.control,select.control,textarea.control{min-height:42px !important;border-radius:10px !important;background:rgba(7,8,15,.78) !important;border-color:rgba(255,255,255,.08) !important;color:#f7f3f5 !important}
.control:focus,input.control:focus,select.control:focus,textarea.control:focus{border-color:rgba(255,80,112,.48) !important;box-shadow:0 0 0 3px rgba(255,49,92,.07) !important}
.module-icon{background:linear-gradient(145deg,rgba(255,52,92,.16),rgba(255,129,80,.06)) !important;border-color:rgba(255,85,115,.16) !important;color:#ff90a3 !important}
.accent-line{background:linear-gradient(90deg,var(--pro-red),var(--pro-coral),transparent) !important}
.info-row{background:linear-gradient(120deg,rgba(255,55,93,.04),rgba(7,9,16,.72)) !important;border-color:rgba(255,86,117,.09) !important;padding:11px 12px !important}
.two-col,.risk-grid,.live-terminal-layout{gap:14px !important}
.form-panel,.result-panel{min-height:510px !important}
.live-control-panel{padding:20px !important;min-height:610px !important}.live-control-panel h2{font-size:25px !important}.live-terminal{min-height:610px !important}
.live-placeholder,.market-loader,.market-error{min-height:610px !important}
.feed-note{background:linear-gradient(120deg,rgba(98,231,180,.055),rgba(255,49,92,.045)) !important;border-color:rgba(255,83,114,.1) !important}
.terminal-top,.python-terminal .terminal-top{background:linear-gradient(90deg,rgba(255,49,92,.075),transparent 48%,rgba(255,178,79,.04)) !important}
.python-strategy{background:linear-gradient(130deg,rgba(255,255,255,.026),rgba(17,10,17,.5)) !important;border-color:rgba(255,255,255,.06) !important}
.python-strategy:hover{border-color:rgba(255,87,117,.2) !important}.python-strategy.active{border-color:rgba(255,91,121,.27) !important;background:linear-gradient(120deg,rgba(255,49,92,.11),rgba(255,122,86,.055)) !important}
.python-strategy.active>b{background:linear-gradient(145deg,#ff315c,#ff9a55) !important;color:#fff !important}
.python-live-control,.python-terminal{min-height:650px !important}.python-live-layout .market-loader,.python-live-layout .market-error{min-height:650px !important}
.python-metric-strip>div{background:rgba(9,7,14,.8) !important}.python-metric-strip em,.confidence-metrics em{background:linear-gradient(90deg,#ff315c,#ff875b,#ffd06b) !important}
.chart-stage{border-color:rgba(255,81,111,.08) !important}.python-live-layout .chart-stage{height:520px !important}
.chart-quota-strip,.confidence-system,.vision-result,.future-copy-box{background:linear-gradient(135deg,rgba(255,50,90,.035),rgba(5,7,14,.76)) !important;border-color:rgba(255,83,114,.09) !important}
.dropzone{background:radial-gradient(circle at 50% 0,rgba(255,49,92,.07),rgba(10,8,16,.6)) !important;border-color:rgba(255,83,114,.32) !important}.dropzone.drag{border-color:#ff765f !important;background:rgba(255,55,90,.07) !important}
.upload-icon{background:linear-gradient(145deg,#ff315c,#ff8c59) !important;box-shadow:0 14px 35px rgba(255,49,92,.16) !important}
.future-feed-shell{background:linear-gradient(180deg,#0c0910,#07080d) !important}.future-feed-head{background:radial-gradient(circle at 90% 0,rgba(255,49,92,.13),transparent 36%) !important}.future-feed-head small{color:#ff8196 !important}.future-format-banner{background:rgba(255,49,92,.04) !important;border-color:rgba(255,80,111,.12) !important}.future-copy-all,.future-generate{border-color:rgba(255,83,114,.25) !important;background:rgba(255,49,92,.08) !important;color:#ffb1be !important}
.metric{min-height:68px !important;padding:12px !important}.metric b{font-size:20px !important}.next-trade{min-height:145px !important}.next-trade>b{font-size:32px !important;color:#ff9bad !important}.ladder{min-height:250px !important}
.modal{border-radius:20px !important;padding:22px !important}.modal h3{font-size:22px !important}.profile-grid div{background:rgba(255,49,92,.03) !important;border-color:rgba(255,82,113,.08) !important}
.theme-option[data-theme="crimson"]>i{background:linear-gradient(135deg,#d91f49,#ff5a67 52%,#ffb34f) !important}.theme-option.active{border-color:rgba(255,91,121,.52) !important;background:rgba(255,49,92,.075) !important}.theme-option.active em{color:#ff879b !important}
.owner-contact-float{background:linear-gradient(135deg,#d91f49,#ff315c,#ff8b56) !important;border-color:rgba(255,164,123,.25) !important;box-shadow:0 16px 38px rgba(255,49,92,.2) !important}

/* preserve semantic trading states */
.call .future-direction-dot,.badge-up,.python-terminal.call .signal-engine strong{color:#62e7b4 !important}.put .future-direction-dot,.badge-down,.python-terminal.put .signal-engine strong{color:#ff6b84 !important}

/* ---------- admin ---------- */
.admin-page .shell{grid-template-columns:220px 1fr !important}
.admin-page .side{padding:18px 14px !important;background:linear-gradient(180deg,rgba(12,8,15,.95),rgba(6,8,14,.94)) !important}
.admin-page .side .brand img{border:1px solid rgba(255,80,111,.32);box-shadow:0 0 22px rgba(255,49,92,.13)}
.admin-page .admin-badge{margin:20px 0 15px !important;background:rgba(98,231,180,.045) !important;border-color:rgba(98,231,180,.12) !important}
.admin-page .side nav{gap:4px !important}
.admin-page .nav{padding:10px 11px !important;border-radius:11px !important}
.admin-page .nav.active,.admin-page .nav:hover{background:linear-gradient(100deg,rgba(255,49,92,.12),rgba(255,122,86,.045)) !important;box-shadow:inset 3px 0 0 var(--pro-red) !important}
.admin-page main{padding:17px 20px 36px !important}
.admin-page .top{min-height:66px !important;border-radius:16px !important;padding:13px 16px !important}
.admin-page .top h1{font-size:21px !important}
.admin-page .ghost,.admin-page .primary{min-height:38px !important;border-radius:10px !important}
.admin-page .ghost{background:rgba(255,255,255,.025) !important;border-color:rgba(255,80,111,.11) !important}
.admin-page .primary{background:linear-gradient(105deg,#d91f49,#ff315c 45%,#ff8559) !important;box-shadow:0 10px 26px rgba(255,49,92,.14) !important}
.admin-page .stats{gap:10px !important;margin:14px 0 !important}
.admin-page .stat{border-radius:15px !important;padding:14px !important;background:linear-gradient(145deg,rgba(255,49,92,.045),rgba(255,255,255,.018),rgba(8,9,16,.72)) !important}
.admin-page .stat b{font-size:25px !important}
.admin-page .panel{border-radius:17px !important;padding:16px !important}
.admin-page .panel-head{margin-bottom:12px !important}
.admin-page .panel-head h2{font-size:18px !important}
.admin-page .filters{gap:7px !important;margin-bottom:12px !important}
.admin-page input:not([type="checkbox"]),.admin-page select,.admin-page textarea{border-color:rgba(255,255,255,.08) !important;background:rgba(7,8,15,.83) !important;border-radius:10px !important}
.admin-page .filters input,.admin-page .filters select{min-height:39px !important}
.admin-page .table-wrap{border-radius:12px !important;border-color:rgba(255,81,112,.075) !important}
.admin-page th{background:rgba(14,8,14,.75) !important;color:#7f737d !important}
.admin-page th,.admin-page td{padding:10px 9px !important}
.admin-page .manage{background:rgba(255,49,92,.055) !important;border-color:rgba(255,80,111,.13) !important;color:#ffa4b4 !important}
.admin-page .feature-box,.admin-page .danger-box{background:linear-gradient(135deg,rgba(255,49,92,.03),rgba(6,8,15,.62)) !important;border-color:rgba(255,81,112,.085) !important}
.admin-page .feature-toggle{background:rgba(255,255,255,.018) !important;border-color:rgba(255,81,112,.07) !important}
.admin-page .feature-toggle:has(input:checked){background:rgba(255,49,92,.07) !important;border-color:rgba(255,80,111,.2) !important}
.admin-page .global-feature-grid>*{border-color:rgba(255,80,111,.095) !important}
.admin-page .status-badge,.admin-page .fc-active,.admin-page .fc-off,.admin-page .fc-coming,.admin-page .fc-maintenance{border-radius:999px !important}
.admin-page .modal-backdrop{background:rgba(3,3,8,.78) !important}
.admin-page .modal{box-shadow:0 34px 110px rgba(0,0,0,.5),0 0 50px rgba(255,49,92,.06) !important}
.admin-page .avatar{background:linear-gradient(135deg,#d91f49,#ff315c,#ff8c59) !important}

/* ---------- landing / login ---------- */
.landing-page .theme-grid{grid-template-columns:repeat(6,1fr) !important}
.landing-page .theme-choice[data-theme="crimson"] span{background:linear-gradient(135deg,#d91f49,#ff5b69 52%,#ffb34f) !important}

.landing-page .orb.one{background:#ff315c !important}.landing-page .orb.two{background:#ff6f51 !important}.landing-page .orb.three{background:#ffb34f !important;opacity:.08 !important}
.landing-page .bg-grid{background-image:linear-gradient(rgba(255,92,122,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,92,122,.035) 1px,transparent 1px) !important}
.landing-page .scroll-progress span{background:linear-gradient(90deg,#d91f49,#ff315c,#ff8c59,#ffc15f) !important}
.landing-page .brand-name span{color:#ff6f85 !important}.landing-page .brand img{border-color:rgba(255,80,111,.35) !important;box-shadow:0 0 28px rgba(255,49,92,.16) !important}
.landing-page .btn-purple,.landing-page .btn-cyan{background:linear-gradient(105deg,#d91f49,#ff315c 46%,#ff8c59) !important;color:#fff !important;border-color:rgba(255,148,116,.28) !important;box-shadow:0 14px 38px rgba(255,49,92,.17) !important}
.landing-page .eyebrow{background:rgba(255,49,92,.075) !important;border-color:rgba(255,80,111,.22) !important;color:#ff9cad !important}.landing-page .eyebrow i{background:#ffb05b !important;box-shadow:0 0 12px rgba(255,176,91,.78) !important}
.landing-page .grad{background:linear-gradient(90deg,#ff4b6e 0%,#ff7c5a 48%,#ffc15f 100%) !important;-webkit-background-clip:text !important;background-clip:text !important;color:transparent !important}
.landing-page .feature-icon{background:linear-gradient(145deg,rgba(255,49,92,.15),rgba(255,122,86,.055)) !important;color:#ff8ca1 !important;border-color:rgba(255,81,112,.13) !important}.landing-page .feature-number{color:rgba(255,111,135,.32) !important}
.landing-page .auth-card{border-color:rgba(255,82,113,.16) !important;box-shadow:0 28px 90px rgba(0,0,0,.4),0 0 50px rgba(255,49,92,.06) !important}.landing-page .auth-kicker{color:#ff8fa2 !important}.landing-page .auth-tabs button.active{background:linear-gradient(105deg,#d91f49,#ff315c,#ff8559) !important;color:#fff !important}.landing-page .field input:focus{border-color:rgba(255,80,111,.5) !important;box-shadow:0 0 0 3px rgba(255,49,92,.08) !important}

/* ---------- verify / maintenance ---------- */
.verify-page .card,.maintenance-page .card{border-color:rgba(255,83,114,.17) !important;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(24,12,21,.7),rgba(8,9,16,.88)) !important;box-shadow:0 30px 100px rgba(0,0,0,.45),0 0 60px rgba(255,49,92,.07) !important}
.verify-page .logo,.maintenance-page .logo{border-color:rgba(255,80,111,.35) !important;box-shadow:0 0 26px rgba(255,49,92,.16) !important}
.verify-page button,.maintenance-page a{background:linear-gradient(105deg,#d91f49,#ff315c,#ff875a) !important;box-shadow:0 12px 30px rgba(255,49,92,.17) !important}
.verify-page input:focus{border-color:rgba(255,80,111,.5) !important;box-shadow:0 0 0 3px rgba(255,49,92,.07) !important}

/* ---------- responsive ---------- */
@media(max-width:1120px){
  .sidebar{width:78px !important;padding-left:8px !important;padding-right:8px !important}.app-shell{margin-left:78px !important}
  .admin-page .shell{grid-template-columns:1fr !important}
}
@media(max-width:760px){
  .sidebar{width:238px !important}.app-shell{margin-left:0 !important}.topbar{height:66px !important;padding:0 10px !important}.content-wrap{padding:0 10px 22px !important}.panel{padding:16px !important;border-radius:16px !important}.hero-panel,.visual-panel{min-height:300px !important}.hero-panel h2{font-size:27px !important}.market-switch{height:40px !important}.live-control-panel,.live-terminal,.live-placeholder,.market-loader,.market-error,.python-live-control,.python-terminal,.python-live-layout .market-loader,.python-live-layout .market-error{min-height:auto !important}.python-live-layout .chart-stage{height:390px !important}.form-panel,.result-panel{min-height:auto !important}.admin-page .shell{grid-template-columns:1fr !important}.admin-page main{padding:13px !important}
}
@media(max-width:480px){
  .panel{padding:14px !important}.hero-panel h2,.form-panel h2,.upload-card h2{font-size:22px !important}.primary,.secondary{min-height:40px !important}.python-live-layout .chart-stage{height:340px !important}.top-left h1{font-size:18px !important}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto !important}}
