/* Vercel/ACME override layer */

/* Elevate drawer toggle visibility */
.mobile-actions-2026 {position:relative; z-index:1302;}
#mobileMenuToggle {position:relative; z-index:1303;}
.navbar-2026 {position:sticky; top:0; overflow:visible; z-index:1301;}
.mobile-drawer-2026 {z-index:1600;}
body.drawer-open::after {content:""; position:fixed; inset:0; background:rgba(2,6,23,.65); backdrop-filter: blur(10px); z-index:1590;}
body.drawer-open {overflow:hidden;}

/* Action cards + KPI cards */
.ss-dashboard .ss-panel-neo,
.ss-dashboard .ss-action-card,
.ss-dashboard .kpi-card-2026,
.kpi-grid-2026 .kpi-card-2026,
.ss-panel-neo.ss-action-card,
.glass-card-2026 {
  border: 1px solid rgba(255,255,255,.07);
  background: radial-gradient(120% 140% at 20% 20%, rgba(240,185,11,.12), transparent 55%),
              radial-gradient(120% 140% at 80% 0%, rgba(246,201,76,.12), transparent 60%),
              rgba(15,19,32,.78);
  box-shadow: 0 20px 60px rgba(0,0,0,.35);
}
.ss-dashboard .ss-panel-neo:hover,
.ss-dashboard .ss-action-card:hover,
.ss-dashboard .kpi-card-2026:hover {border-color: rgba(255,255,255,.12); box-shadow: 0 26px 72px rgba(0,0,0,.42);}

/* De-box trading analytics tables and panels */
.trading-analytics .ss-panel-neo,
.trading-analytics .kpi-card-2026,
.trading-analytics .ss-action-card {background: linear-gradient(160deg, rgba(240,185,11,.10), rgba(15,19,32,.85)); border:1px solid rgba(255,255,255,.08);} 

/* Buttons */
.btn-2026,
.btn-2026.btn-primary-2026,
.btn-2026.btn-ghost-2026 {border-radius: 999px; padding: 12px 18px; font-weight:700; letter-spacing:-0.01em;}
.btn-2026.btn-primary-2026 {background: linear-gradient(120deg, #7c3aed, #6366f1); color:#0b0d14; border:none; box-shadow:0 18px 40px rgba(124,58,237,.35);} 
.btn-2026.btn-primary-2026:hover {transform: translateY(-1px); box-shadow:0 22px 48px rgba(124,58,237,.40);} 
.btn-2026.btn-ghost-2026 {border:1px solid rgba(255,255,255,.18); color: var(--text-primary); background: rgba(255,255,255,.04);} 

/* KPI text tweaks */
.kpi-card-2026 .kpi-top-2026 {color: var(--text-secondary); font-weight:600;}
.kpi-card-2026 .kpi-value-2026 {font-size:30px;}

/* Unbox on mobile */
@media (max-width: 768px){
  .ss-dashboard .ss-panel-neo,
  .ss-dashboard .ss-action-card,
  .ss-dashboard .kpi-card-2026 {background: transparent; border: 1px solid rgba(255,255,255,.08); box-shadow:none;}
}

/* Table wrapper utility */
.table-modern {border:1px solid rgba(255,255,255,.08); border-radius:16px; overflow:hidden; backdrop-filter: blur(10px); background: rgba(15,19,32,.6);} 
.table-modern table {margin:0;}
.table-modern thead th {background: rgba(255,255,255,.04);} 

html, body {background: radial-gradient(circle at 20% 20%, rgba(240,185,11,.14), transparent 38%), radial-gradient(circle at 80% 0%, rgba(246,201,76,.16), transparent 42%), #0b0d14 !important; color: var(--text-primary);}
#mobileMenuToggle {pointer-events:auto !important;}

/* Final mobile drawer (override conflicts) */
.mobile-drawer-2026{
  position: fixed;
  inset: 0;
  display: block;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
}
.mobile-drawer-2026.open{
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.mobile-drawer-2026 .mobile-drawer-inner{
  margin: 72px 1rem 1rem;
  padding: 1.35rem 1.1rem 1.2rem;
  border-radius: 18px;
  background: rgba(12,16,28,.92);
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 20px 60px rgba(0,0,0,.55);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  transform: translateY(18px);
  transition: transform .25s ease;
}
.mobile-drawer-2026.open .mobile-drawer-inner{
  transform: translateY(0);
}
.mobile-drawer-2026 .drawer-secondary{
  display: block;
  text-align: center;
  padding: 12px 14px;
  border-radius: 12px;
  background: linear-gradient(120deg, #f2c94c, #f0b90b);
  border: 1px solid rgba(240,185,11,.55);
  color: #0b0f1a;
  font-weight: 700;
  text-decoration: none;
  box-shadow: 0 10px 24px rgba(0,0,0,.28);
  border-bottom: none;
}
.mobile-drawer-2026 .drawer-secondary + .drawer-primary{
  margin-top: 8px;
}

@media (max-width: 520px){
  :root{
    --space-section-mobile: 28px;
    --space-5: 16px;
    --space-4: 12px;
  }

  body{
    padding-top: 64px;
  }

  .navbar-2026{
    min-height: 64px;
    padding: 0 12px;
  }

  .nav-inner-2026{
    padding: 10px 12px;
    gap: 12px;
  }

  .mobile-drawer-2026 .mobile-drawer-inner{
    margin: 64px 12px 12px;
    padding: 1.1rem 1rem 1rem;
  }

  .mobile-drawer-2026 .mobile-drawer-inner a,
  .mobile-drawer-2026 .mobile-drawer-inner button{
    padding: 10px 12px;
  }
}

@media (min-width: 521px) and (max-width: 768px){
  :root{
    --space-section-mobile: 36px;
  }

  body{
    padding-top: 68px;
  }
}


.nav-right-2026 .btn-primary-2026 {background: var(--accent); color:#0b0d14; border:none; box-shadow:0 12px 30px rgba(124,58,237,.35);} 
.nav-right-2026 .btn-ghost-2026 {border:1px solid rgba(255,255,255,.18); background: rgba(255,255,255,.06);} 



.ss-action-card, .ss-panel-neo {padding:18px; min-height:200px;}

/* Sections: grid so headings + cards line up; 3-up where possible */
.features-section {margin-bottom:28px;}
.features-section .container {display:grid; grid-template-columns: repeat(auto-fit, minmax(320px,1fr)); gap:16px; align-items:start;}
.features-section .section-heading.centered, .features-section .section-divider {grid-column:1/-1; text-align:left; margin-left:0;}
.features-section .section-heading.centered {margin-bottom:6px;}
.features-section .section-divider.centered {margin-bottom:10px; margin-left:0;}

/* Card size tighter */
.ss-panel-neo, .glass-card-2026, .ss-action-card {padding:12px 14px; min-height:150px; border-radius:12px;}
.feature-card {min-height:160px; padding:12px 14px;}

/* Section blocks that stack heading+cards together */
.section-block {background: transparent; border:0; padding:0; display:flex; flex-direction:column; gap:10px;}
.section-block .features-list {display:grid; grid-template-columns: repeat(auto-fit, minmax(200px,1fr)); gap:10px;}

/* Side nav for authenticated routes */
.side-nav-auth {position:fixed; left:16px; top:120px; width:180px; background: rgba(17,24,39,.85); border:1px solid rgba(255,255,255,.08); border-radius:12px; padding:12px; display:flex; flex-direction:column; gap:8px; z-index:1201; box-shadow: 0 14px 40px rgba(0,0,0,.32);} 
.side-nav-auth a {padding:10px 12px; border-radius:10px; color:var(--text-primary); text-decoration:none; font-weight:600; display:flex; align-items:center; gap:8px;} 
.side-nav-auth a.active, .side-nav-auth a:hover {background: rgba(124,58,237,.14); color:var(--text-primary);} 
@media(max-width: 992px){ .side-nav-auth {display:none;} }