/* TradeIndia Pilot: one viewport scroll shell; 2026-10-19
   User-locked dimensions: BLUE HEADER 55px, WHITE STATUS BAR 35px,
   BOTTOM NAV 75px; CONTENT BOTTOM GAP 10px.
   ONLY the middle region scrolls. No card, tabs, or stock identity is pinned.
   This stylesheet is loaded LAST on all five primary and five child pages.
*/
:root{
 --tip-locked-header-height:90px;
 --tip-locked-nav-height:75px;
 --tip-locked-content-gap:10px;
}
html{
 width:100%!important;
 height:100%!important;
 overflow:hidden!important;
 overscroll-behavior:none!important;
}
html body{
 position:fixed!important;
 inset:0!important;
 margin:0!important;
 padding:0!important;
 display:block!important;
 width:100%!important;
 height:100vh!important;
 height:100dvh!important;
 min-height:0!important;
 max-height:100dvh!important;
 overflow:hidden!important;
 overscroll-behavior:none!important;
}
html body>header.brandbar{
 position:fixed!important;
 top:0!important;
 right:0!important;
 bottom:auto!important;
 left:0!important;
 height:90px!important;
 min-height:90px!important;
 max-height:90px!important;
 width:100%!important;
 margin:0!important;
 flex:none!important;
 z-index:100!important;
}
html body>header.brandbar>.brand,
html body>header.brandbar>.header-bell{
 height:55px!important;
 min-height:55px!important;
 max-height:55px!important;
 box-sizing:border-box!important;
}
html body>header.brandbar>.market-indicators{
 height:35px!important;
 min-height:35px!important;
 max-height:35px!important;
 box-sizing:border-box!important;
 flex:0 0 100%!important;
 width:100%!important;
}
/* The main or scroll-zone occupies EXACTLY the region between header and nav. */
html body>main:not(.blank-content),
html body>.tip-scroll-zone{
 position:fixed!important;
 top:90px!important;
 right:0!important;
 bottom:75px!important;
 left:0!important;
 width:100%!important;
 height:auto!important;
 max-height:none!important;
 min-height:0!important;
 margin:0!important;
 flex:none!important;
 box-sizing:border-box!important;
 overflow-x:hidden!important;
 overflow-y:auto!important;
 overscroll-behavior-x:none!important;
 overscroll-behavior-y:contain!important;
 -webkit-overflow-scrolling:touch;
 touch-action:pan-y;
 scroll-behavior:auto!important;
 padding-bottom:10px!important;
}
/* Advisory category and Live/Closed selector are ordinary scrolling content. */
html body>.tip-scroll-zone>.tabs,
html body>.tip-scroll-zone>.switchbar,
html body>.tip-scroll-zone>.stock-id,
html body>.tip-scroll-zone>.stock-tabs{
 position:relative!important;
 top:auto!important;
 bottom:auto!important;
}
html body>.tip-scroll-zone>main.blank-content{
 position:relative!important;
 top:auto!important;
 right:auto!important;
 bottom:auto!important;
 left:auto!important;
 height:auto!important;
 min-height:0!important;
 max-height:none!important;
 flex:0 0 auto!important;
 overflow:visible!important;
 box-sizing:border-box!important;
 padding-top:10px!important;
 padding-bottom:10px!important;
}
html body>.tip-scroll-zone>main.blank-content>.tip-overview{
 gap:10px!important;
 padding-bottom:0!important;
}
html body>.tip-scroll-zone>main.blank-content>.tip-ov-financial-page{
 padding-bottom:0!important;
}
html body>.tip-scroll-zone>main.blank-content>.blank-card,
html body>.tip-scroll-zone>main.blank-content>.tip-stock-chart{
 margin:0!important;
}
html:not(.tip-dark) body>.tip-scroll-zone>.stock-id,
html:not(.tip-dark) body>.tip-scroll-zone>.stock-tabs,
html:not(.tip-dark) body>.tip-scroll-zone>main.blank-content{
 background-color:#f7f9fc!important;
}
/* Existing Settings subpages used a larger min-height; the middle scroller
   now owns the available height without changing child card dimensions. */
html body.capital-view>main.main,
html body.risk-view>main.main,
html body.security-view>main.main,
html body.notifications-view>main.main{
 min-height:0!important;
 height:auto!important;
 flex:none!important;
}
/* Bottom navigation is a viewport sibling, never part of the scroller. */
html body>nav.bottomnav{
 position:fixed!important;
 top:auto!important;
 right:0!important;
 bottom:0!important;
 left:0!important;
 height:75px!important;
 min-height:75px!important;
 max-height:75px!important;
 width:100%!important;
 margin:0!important;
 flex:none!important;
 z-index:101!important;
 box-sizing:border-box!important;
}