/* ============================================================
   STOXGEN - Mobile CSS v7.0 - All pages fixed
   ============================================================ */
*,*::before,*::after{box-sizing:border-box;}
a,button,[onclick],.sb-item,.bn-item{touch-action:manipulation;-webkit-tap-highlight-color:transparent;cursor:pointer;}
input,select,textarea{font-size:16px!important;-webkit-appearance:none;}
::-webkit-scrollbar{width:3px;height:3px;}
::-webkit-scrollbar-track{background:transparent;}
::-webkit-scrollbar-thumb{background:#1E2A40;border-radius:2px;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
.bottom-nav{display:none;}
.skeleton{background:linear-gradient(90deg,#111827 25%,#182032 50%,#111827 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:6px;color:transparent!important;}
.skeleton *{opacity:0!important;}
@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid rgba(245,200,66,0.5);outline-offset:2px;}

@media (max-width:900px){
html,body{overflow:auto!important;height:auto!important;min-height:100vh!important;position:relative!important;}
.app-body{display:flex!important;flex-direction:column!important;height:auto!important;min-height:auto!important;overflow:visible!important;}
.main{overflow:visible!important;overflow-y:auto!important;height:auto!important;min-height:calc(100vh - 52px)!important;padding:12px 12px calc(80px + env(safe-area-inset-bottom,16px)) 12px!important;-webkit-overflow-scrolling:touch!important;flex:unset!important;}
.topbar{padding:0 10px!important;gap:6px!important;overflow-x:auto!important;height:52px!important;}
.topbar::-webkit-scrollbar{display:none!important;}
.tb-search,.tb-market-pill,.tb-ticker{display:none!important;}
#ham-btn{display:flex!important;align-items:center!important;}
.sidebar{position:fixed!important;top:52px!important;left:-220px!important;height:calc(100vh - 52px)!important;width:220px!important;z-index:9000!important;transition:left .25s ease!important;display:flex!important;flex-direction:column!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;box-shadow:4px 0 20px rgba(0,0,0,0.5)!important;}
.sidebar.mob-open{left:0!important;}
.sb-overlay,.sidebar-overlay{display:none;position:fixed;inset:0;top:52px;background:rgba(0,0,0,0.55);z-index:8999;}
.sb-overlay.show,.sidebar-overlay.show{display:block!important;}
/* STOCK PAGE */
.stock-header{flex-direction:column!important;gap:10px!important;padding:12px!important;}
.sp-main{font-size:24px!important;}
.metrics-strip{grid-template-columns:repeat(2,1fr)!important;gap:0!important;}
.ms-item{padding:9px 10px!important;}
.stock-actions{display:flex!important;flex-wrap:wrap!important;gap:5px!important;}
.sa-btn{padding:7px 10px!important;font-size:11px!important;}
.chart-ai-row,.analysis-main-grid,.score-row{grid-template-columns:1fr!important;}
.chart-card{min-height:220px!important;}
.signal-vs-score-banner{flex-direction:column!important;}
.svs-divider{width:100%!important;height:1px!important;}
.bottom-tabs,.btab-row{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;}
.fund-grid,.peers-grid{grid-template-columns:1fr!important;}
/* DASHBOARD */
.dash-grid{grid-template-columns:1fr!important;padding:10px!important;gap:10px!important;}
.idx-grid,.idx-cards{grid-template-columns:1fr 1fr!important;}
.signal-grid{grid-template-columns:1fr!important;}
.three-sec,.three-col{grid-template-columns:1fr!important;padding:0!important;gap:10px!important;}
/* SCREENER */
.screener-layout{flex-direction:column!important;height:auto!important;}
.filter-panel{position:relative!important;left:0!important;width:100%!important;height:auto!important;border-right:none!important;border-bottom:1px solid var(--border)!important;}
.results-area{overflow:visible!important;padding:10px!important;height:auto!important;}
.screener-table-wrap,.table-wrap,.lt{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;}
.screener-table,.lt table{min-width:500px!important;}
th,td{font-size:11px!important;padding:7px 8px!important;white-space:nowrap!important;}
/* FNO */
.chain-grid{grid-template-columns:1fr!important;gap:10px!important;}
.chain-table-wrap,.oi-table-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;}
.chain-table td,.chain-table th{font-size:10px!important;padding:5px 4px!important;}
.expiry-chips,.chip-row{overflow-x:auto!important;white-space:nowrap!important;padding-bottom:4px!important;}
.expiry-chip,.chip{flex-shrink:0!important;}
/* FNO-PRO */
.fno-pro-layout,.pro-layout{flex-direction:column!important;height:auto!important;overflow:visible!important;}
.fno-sidebar,.pro-sidebar,.left-sidebar{width:100%!important;height:auto!important;overflow:visible!important;border-right:none!important;border-bottom:1px solid var(--border)!important;}
.fno-main,.pro-main,.main-content-area{overflow:visible!important;height:auto!important;}
.opt-tabs,.pro-tabs,.chain-tabs{overflow-x:auto!important;white-space:nowrap!important;}
.opt-tab,.pro-tab,.chain-tab{flex-shrink:0!important;}
/* ALGO */
.algo-layout,.split-view{flex-direction:column!important;height:auto!important;}
.strat-list,.strat-panel{width:100%!important;height:auto!important;border-right:none!important;max-height:none!important;}
.sp,.rc,.ec{overflow:visible!important;height:auto!important;}
.signal-grid,.bt-grid{grid-template-columns:1fr!important;}
/* SMART PREDICTOR */
.pred-layout,.pred-main{flex-direction:column!important;height:auto!important;}
.pred-sidebar{width:100%!important;border-right:none!important;}
.verdict-panel,.levels-panel{overflow:visible!important;}
.mtf-grid{grid-template-columns:1fr 1fr!important;}
/* CHART */
.layout{flex-direction:column!important;height:auto!important;overflow:visible!important;}
.chart-col{height:55vh!important;min-height:280px!important;flex-shrink:0!important;}
.chart-box,#tvChart{height:100%!important;}
.rpanel{display:flex!important;width:100%!important;height:auto!important;max-height:42vh!important;border-left:none!important;border-top:1px solid var(--border)!important;overflow:hidden!important;}
.pbody{overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;max-height:calc(42vh - 38px)!important;}
.ptabs{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;}
.ptab{flex-shrink:0!important;font-size:9px!important;padding:7px 5px!important;}
/* PORTFOLIO/JOURNAL */
.portfolio-grid,.holdings-grid{grid-template-columns:1fr!important;}
.holdings-table,.journal-table{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;}
.holdings-table table,.journal-table table{min-width:460px!important;}
/* VOICE */
.voice-layout{flex-direction:column!important;}
.voice-left,.voice-right{width:100%!important;}
/* COMMUNITY */
.community-layout,.forum-layout{flex-direction:column!important;}
.lb-table{overflow-x:auto!important;}
.comm-cards{flex-direction:column!important;}
.comm-card{width:100%!important;}
/* HEATMAP */
.heatmap-wrap,.heatmap-grid{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;min-width:100%!important;}
/* CALENDAR */
.week-grid,.cal-grid{grid-template-columns:1fr!important;}
.event-col{border-right:none!important;border-bottom:1px solid var(--border)!important;}
.filter-chips{overflow-x:auto!important;white-space:nowrap!important;}
.filter-chip{flex-shrink:0!important;}
/* CARDS */
.card,.sum-card,.data-card,.stat-card,.feat-card{height:auto!important;max-height:none!important;overflow:visible!important;}
/* MODALS */
.modal-box,.modal-content,[class*="-modal"]{width:95vw!important;max-width:95vw!important;margin:16px auto!important;max-height:80vh!important;overflow-y:auto!important;}
/* TABLES */
.table-responsive,[class*="table-card"]{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;}
/* GRIDS */
.three-col,.content-grid,.fno-grid,.feed-layout,.reg-grid,.contact-grid{grid-template-columns:1fr!important;gap:10px!important;}
.summary-grid,.strip-grid,.feat-grid,.foot-grid{grid-template-columns:1fr 1fr!important;gap:8px!important;}
/* BUTTONS */
button,.btn,[class*="-btn"]{min-height:40px!important;touch-action:manipulation!important;}
/* COMPLIANCE */
#sx-bar{bottom:calc(62px + env(safe-area-inset-bottom,0px))!important;font-size:11px!important;}
#sx-cookie{bottom:calc(70px + env(safe-area-inset-bottom,0px))!important;}
#pwa-install-banner{bottom:calc(70px + env(safe-area-inset-bottom,8px))!important;}
/* UTILITY */
.desktop-only{display:none!important;}
.mobile-only{display:block!important;}
.hero-right{display:none!important;}
.hero-title{font-size:36px!important;line-height:1.1!important;}
section{padding:22px 14px!important;}
} /* end 900px */

@media (max-width:900px){
.bottom-nav{display:flex!important;position:fixed;bottom:0;left:0;right:0;height:calc(58px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:#0C1220;border-top:1px solid rgba(255,255,255,0.07);z-index:9980;justify-content:space-around;align-items:center;box-shadow:0 -4px 20px rgba(0,0,0,0.4);}
.bn-item{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:6px 4px;text-decoration:none;color:#7A8499;font-family:Figtree,sans-serif;font-size:10px;font-weight:500;gap:3px;min-height:52px;border-top:2px solid transparent;-webkit-tap-highlight-color:transparent;touch-action:manipulation;}
.bn-icon{font-size:20px;line-height:1;display:block;}
.bn-label{font-size:10px;line-height:1;white-space:nowrap;}
.bn-item.active{color:#F5C842!important;border-top-color:#F5C842;}
.bn-item.active .bn-icon{filter:drop-shadow(0 0 5px rgba(245,200,66,0.5));transform:scale(1.1);}
.bn-item:active{opacity:0.65;}
}
@media (display-mode:standalone){
.topbar,.nav{padding-top:env(safe-area-inset-top,0px)!important;height:calc(52px + env(safe-area-inset-top,0px))!important;}
body{padding-bottom:env(safe-area-inset-bottom,0px)!important;}
.install-hint{display:none!important;}
}
@media (max-width:400px){
.hero-title{font-size:28px!important;}
.feat-grid,.strip-grid{grid-template-columns:1fr!important;}
.rh-title{font-size:20px!important;}
}
@media print{
.sidebar,.topbar,.bottom-nav,#sx-bar,#ham-btn{display:none!important;}
.main{padding:0!important;overflow:visible!important;}
body{background:white!important;color:black!important;}
}