/*
 * TradeIndia Pilot — fixed viewport shell, scroll CONTENT ONLY.
 *
 * User-locked CSS sizes (do not change):
 * blue heading 55px, white market status 35px => 90px top fixed
 * bottom navigation 75px fixed, content bottom gap 10px.
 *
 * This stylesheet is loaded last on Home/Scanner/Advisory/Watchlist/Settings.
 * All nested cards, theme colors, icons and app navigation remain untouched.
 */
:root{
  --tip-locked-header-height:90px;
  --tip-locked-nav-height:75px;
  --tip-locked-content-gap:10px;
}
html{
  height:100%!important;
  overflow:hidden!important;
  overscroll-behavior:none;
}
body{
  position:relative!important;
  width:100%!important;
  height:100dvh!important;
  min-height:100dvh!important;
  max-height:100dvh!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  overscroll-behavior:none;
}
body>.brandbar{
  position:fixed!important;
  top:0!important;
  bottom:auto!important;
  left:0!important;
  right:0!important;
  z-index:100!important;
  width:100%!important;
  height:var(--tip-locked-header-height)!important;
  min-height:var(--tip-locked-header-height)!important;
  max-height:var(--tip-locked-header-height)!important;
  flex-shrink:0!important;
}
body>.main,body>.pagebody,body>main{
  position:absolute!important;
  top:var(--tip-locked-header-height)!important;
  bottom:var(--tip-locked-nav-height)!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  flex:none!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior-y:contain;
  -webkit-overflow-scrolling:touch;
  scroll-behavior:auto;
  box-sizing:border-box!important;
  padding-bottom:var(--tip-locked-content-gap)!important;
}
body>.bottomnav{
  position:fixed!important;
  top:auto!important;
  bottom:0!important;
  left:0!important;
  right:0!important;
  z-index:101!important;
  width:100%!important;
  height:var(--tip-locked-nav-height)!important;
  min-height:var(--tip-locked-nav-height)!important;
  max-height:var(--tip-locked-nav-height)!important;
  box-sizing:border-box!important;
}
body.capital-view>.main,body.risk-view>.main{
  min-height:0!important;
  height:auto!important;
  flex:none!important;
}
