/* VEXORA DASHBOARD MOBILE OVERRIDES */
/* Loaded only at max-width: 820px */

html,
body{
    width:100%;
    overflow-x:hidden;
}

.dashboard-layout{
    display:block !important;
    min-height:100vh !important;
}

/* SIDEBAR BECOMES TOP MOBILE NAV */

.sidebar{
    position:static !important;
    height:auto !important;
    min-height:0 !important;
    width:100% !important;
    padding:16px !important;
    border-right:none !important;
    border-bottom:1px solid rgba(255,255,255,0.08) !important;
    overflow:visible !important;
}

.sidebar-logo{
    display:flex !important;
    justify-content:center !important;
}

.sidebar-logo img{
    height:54px !important;
    margin-bottom:16px !important;
}

.sidebar-menu{
    display:grid !important;
    grid-template-columns:repeat(2,1fr) !important;
    gap:9px !important;
}

.sidebar-menu a{
    padding:13px 10px !important;
    text-align:center !important;
    font-size:13px !important;
    border-radius:10px !important;
}

.logout-btn{
    width:100% !important;
    margin-top:14px !important;
    padding:13px !important;
}

/* MAIN */

.dashboard-main{
    padding:18px !important;
}

.topbar{
    flex-direction:column !important;
    align-items:stretch !important;
    gap:12px !important;
    margin-bottom:24px !important;
}

.evaluation-box,
.profile-box{
    width:100% !important;
    min-width:0 !important;
}

.profile-box{
    background:#151515 !important;
    border:1px solid rgba(255,255,255,0.06) !important;
    border-radius:14px !important;
    padding:12px !important;
}

.profile-box strong,
.profile-box span{
    word-break:break-word !important;
}

.dashboard-hero h1{
    font-size:42px !important;
    line-height:1.12 !important;
}

.dashboard-hero p{
    line-height:1.6 !important;
}

/* GRIDS */

.stats-grid,
.trade-stats-grid,
.dashboard-buy-grid,
.affiliate-stats-grid,
.affiliate-dashboard-grid,
.affiliate-split-preview,
.mini-stats{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:14px !important;
}

.stat-card,
.chart-card,
.trades-card,
.configure-card,
.dashboard-order-card,
.affiliate-panel-card{
    padding:20px !important;
    border-radius:16px !important;
}

.stat-card strong{
    font-size:28px !important;
    margin-bottom:22px !important;
}

.mini-stats{
    margin-bottom:0 !important;
}

.mini-stats b{
    font-size:17px !important;
}

/* CHART */

.chart-card{
    height:330px !important;
    min-height:330px !important;
    max-height:none !important;
    overflow:hidden !important;
}

.chart-card canvas{
    height:220px !important;
    max-height:220px !important;
}

.chart-header{
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:14px !important;
    margin-bottom:22px !important;
}

.chart-header h2{
    font-size:26px !important;
}

.chart-tabs{
    width:100% !important;
    display:grid !important;
    grid-template-columns:repeat(3,1fr) !important;
    gap:8px !important;
}

.chart-tabs button{
    padding:10px 8px !important;
    font-size:12px !important;
}

/* TABLES */

.trades-card,
.affiliate-commission-card{
    overflow-x:auto !important;
}

.trades-card table,
.affiliate-commission-card table{
    min-width:760px !important;
}

.trades-card th,
.trades-card td,
.affiliate-commission-card th,
.affiliate-commission-card td{
    white-space:nowrap !important;
    padding:13px 10px !important;
}

/* FORMS */

.configure-card,
.dashboard-order-card,
.affiliate-panel-card{
    max-width:100% !important;
}

.configure-card input,
.configure-card select,
.dashboard-order-card input,
.dashboard-order-card select,
.affiliate-panel-card input,
.affiliate-panel-card textarea{
    font-size:16px !important;
}

.dashboard-addons{
    gap:10px !important;
}

.addon-row{
    align-items:flex-start !important;
}

.summary-row,
.summary-total{
    gap:12px !important;
}

.summary-total b{
    font-size:24px !important;
}

/* AFFILIATE DASHBOARD */

.affiliate-copy-row{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
}

.affiliate-slider-row{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
}

.affiliate-slider-row span{
    text-align:left !important;
}

.dashboard-range{
    height:16px !important;
}

.dashboard-range::-webkit-slider-thumb{
    width:28px !important;
    height:28px !important;
}

.dashboard-range::-moz-range-thumb{
    width:28px !important;
    height:28px !important;
}

.affiliate-monthly-note{
    font-size:14px !important;
}

/* PROFILE */

.profile-card,
.profile-form,
.password-form{
    max-width:100% !important;
}

/* GENERIC */

img,
canvas{
    max-width:100% !important;
}

input,
select,
textarea,
button{
    font-size:16px !important;
}

/* REAL DASHBOARD MOBILE DRAWER */

.dashboard-layout{
    display:block !important;
}

.dashboard-mobile-top{
    height:64px !important;
    display:flex !important;
    align-items:center !important;
    gap:14px !important;
    margin-bottom:14px !important;
}

.dashboard-mobile-toggle{
    width:44px !important;
    height:44px !important;
    border:none !important;
    background:transparent !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    gap:6px !important;
    padding:0 !important;
    cursor:pointer !important;
}

.dashboard-mobile-toggle span{
    width:32px !important;
    height:5px !important;
    border-radius:999px !important;
    background:#8FAF4D !important;
    display:block !important;
}

.dashboard-mobile-title{
    color:white !important;
    font-size:18px !important;
    font-weight:800 !important;
}

.dashboard-mobile-backdrop{
    position:fixed !important;
    inset:0 !important;
    background:rgba(0,0,0,0.62) !important;
    z-index:1998 !important;
    opacity:0 !important;
    pointer-events:none !important;
    transition:0.25s !important;
}

body.dashboard-menu-open .dashboard-mobile-backdrop{
    opacity:1 !important;
    pointer-events:auto !important;
}

.sidebar{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    width:84vw !important;
    max-width:360px !important;
    height:100dvh !important;
    min-height:100dvh !important;
    padding:24px 18px !important;
    background:#111111 !important;
    border-right:1px solid rgba(85,107,47,0.45) !important;
    border-bottom:none !important;
    z-index:1999 !important;
    transform:translateX(-105%) !important;
    transition:0.28s ease !important;
    overflow-y:auto !important;
    box-shadow:18px 0 55px rgba(0,0,0,0.45) !important;
}

body.dashboard-menu-open .sidebar{
    transform:translateX(0) !important;
}

.sidebar-logo{
    justify-content:flex-start !important;
}

.sidebar-logo img{
    height:52px !important;
    margin-bottom:24px !important;
}

.sidebar-menu{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
}

.sidebar-menu a{
    width:100% !important;
    min-height:48px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    padding:0 18px !important;
    font-size:15px !important;
    font-weight:700 !important;
    border-radius:12px !important;
    background:#151515 !important;
    border:1px solid rgba(255,255,255,0.08) !important;
}

.sidebar-menu a.active,
.sidebar-menu a:hover{
    background:#556B2F !important;
    border-color:#6B8E23 !important;
}

.logout-btn{
    margin-top:18px !important;
    min-height:50px !important;
    border-radius:12px !important;
    background:#151515 !important;
    border:1px solid rgba(255,255,255,0.08) !important;
}

/* Account/profile box goes to the top of dashboard content */
.topbar{
    display:flex !important;
    flex-direction:column !important;
    gap:12px !important;
    margin-bottom:24px !important;
}

.profile-box{
    order:-2 !important;
    width:100% !important;
    background:#151515 !important;
    border:1px solid rgba(85,107,47,0.45) !important;
    border-radius:16px !important;
    padding:14px !important;
}

.evaluation-box{
    order:-1 !important;
    width:100% !important;
}

.dashboard-main{
    padding:14px 18px 28px !important;
}

/* FIX EVAL PURCHASE MOBILE LAYOUT */

#evalPurchaseSection{
    width:100% !important;
    max-width:100% !important;
    overflow-x:hidden !important;
}

#evalPurchaseSection .dashboard-buy-grid{
    width:100% !important;
    max-width:100% !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:18px !important;
    margin:0 auto !important;
}

#evalPurchaseSection .dashboard-order-card{
    width:100% !important;
    max-width:100% !important;
    margin:0 auto 18px !important;
    box-sizing:border-box !important;
}

#evalPurchaseSection select,
#evalPurchaseSection input,
#evalPurchaseSection button{
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
}

#evalPurchaseSection .addon-row{
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
}

#evalPurchaseSection .order-summary,
#evalPurchaseSection .dashboard-summary-card{
    width:100% !important;
    max-width:100% !important;
    margin:0 auto !important;
    position:static !important;
    box-sizing:border-box !important;
}

#evalPurchaseSection .summary-row,
#evalPurchaseSection .summary-total{
    display:flex !important;
    justify-content:space-between !important;
    align-items:flex-start !important;
    gap:14px !important;
    flex-wrap:wrap !important;
}

#evalPurchaseSection .summary-row span,
#evalPurchaseSection .summary-row b,
#evalPurchaseSection .summary-total span,
#evalPurchaseSection .summary-total b{
    max-width:100% !important;
    word-break:break-word !important;
}
/* MOBILE SIDEBAR FINAL POLISH */

.sidebar{
    display:flex !important;
    flex-direction:column !important;
}

.mobile-sidebar-profile-wrap{
    order:1 !important;
    margin-bottom:18px !important;
}

.sidebar .profile-box{
    width:100% !important;
    background:#151515 !important;
    border:1px solid rgba(85,107,47,0.45) !important;
    border-radius:16px !important;
    padding:14px !important;
    margin:0 !important;
}

.sidebar-menu{
    order:2 !important;
}

.sidebar .logout-btn{
    order:3 !important;
}

.sidebar-logo{
    order:99 !important;
    margin-top:auto !important;
    padding-top:28px !important;
    justify-content:center !important;
}

.sidebar-logo img{
    height:48px !important;
    margin-bottom:0 !important;
}

/* Evaluation selector only shows on main dashboard tab */

body:not(.dashboard-home-active) .evaluation-box{
    display:none !important;
}

body.dashboard-home-active .evaluation-box{
    display:block !important;
}

/* Evaluation selector only shows on mobile Dashboard tab */

body:not(.dashboard-home-active) .evaluation-box{
    display:none !important;
}

body.dashboard-home-active .evaluation-box{
    display:block !important;
}