/* STEP45 / V59: TradingView-style chart maximize inside the browser tab.
   This intentionally avoids the browser Fullscreen API so the platform never takes over the whole monitor. */
html.gp-chart-tab-fullscreen,
body.gp-chart-tab-fullscreen{
  overflow:hidden!important;
  overscroll-behavior:none!important;
}
body.gp-chart-tab-fullscreen #app{
  overflow:hidden!important;
}
body.gp-chart-tab-fullscreen .chart-container{
  position:fixed!important;
  top:calc(var(--gp-safe-top, 0px) + 8px)!important;
  right:8px!important;
  bottom:calc(var(--gp-safe-bottom, 0px) + 8px)!important;
  left:8px!important;
  z-index:120000!important;
  width:auto!important;
  height:auto!important;
  max-width:none!important;
  max-height:none!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  border-radius:18px!important;
  border:1px solid rgba(60,150,255,.36)!important;
  background:linear-gradient(180deg,#06111f 0%,#020611 100%)!important;
  box-shadow:0 30px 90px rgba(0,0,0,.72),0 0 0 1px rgba(255,255,255,.04) inset!important;
}
body.gp-chart-tab-fullscreen .chart-area{
  flex:1 1 0!important;
  width:100%!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;
  border-radius:0!important;
  overflow:hidden!important;
}
body.gp-chart-tab-fullscreen .chart-area > div:not(.loading),
body.gp-chart-tab-fullscreen .chart-area canvas{
  max-width:100%!important;
  max-height:100%!important;
}
body.gp-chart-tab-fullscreen .timeframes{
  display:flex!important;
  flex:0 0 auto!important;
  height:42px!important;
  min-height:42px!important;
  border-bottom:1px solid rgba(90,140,210,.22)!important;
  background:rgba(4,10,22,.98)!important;
}
body.gp-chart-tab-fullscreen .timeframes__scroll{
  padding-right:58px!important;
}
body.gp-chart-tab-fullscreen .gp-chart-card-head,
body.gp-chart-tab-fullscreen .gp-chart-aggregation-strip,
body.gp-chart-tab-fullscreen .cvd-container,
body.gp-chart-tab-fullscreen .analytics{
  display:none!important;
}
body.gp-chart-tab-fullscreen #fullscreen-btn{
  position:fixed!important;
  top:calc(var(--gp-safe-top, 0px) + 14px)!important;
  right:18px!important;
  z-index:120020!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  min-height:38px!important;
  border-radius:13px!important;
  border:1px solid rgba(72,190,255,.48)!important;
  background:rgba(6,14,30,.94)!important;
  color:#eaffff!important;
  box-shadow:0 16px 34px rgba(0,0,0,.55),0 0 24px rgba(0,224,255,.18)!important;
}
body.gp-chart-tab-fullscreen #fullscreen-btn.active,
body.gp-chart-tab-fullscreen .tv-top-tool--fullscreen.active,
body.gp-chart-tab-fullscreen #chart-fullscreen-toggle.active{
  border-color:rgba(72,190,255,.66)!important;
  background:linear-gradient(135deg,rgba(15,125,255,.34),rgba(0,224,255,.18))!important;
  color:#ffffff!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.06) inset,0 0 26px rgba(0,224,255,.24)!important;
}
body.gp-chart-tab-fullscreen .tools-panel.open,
body.gp-chart-tab-fullscreen .chart-settings-panel.open,
body.gp-chart-tab-fullscreen .watchlist-panel.open{
  display:none!important;
}
@media (max-width:768px){
  body.gp-chart-tab-fullscreen .chart-container{
    top:calc(var(--gp-safe-top, 0px) + 6px)!important;
    right:6px!important;
    bottom:calc(var(--gp-safe-bottom, 0px) + 6px)!important;
    left:6px!important;
    border-radius:16px!important;
  }
  body.gp-chart-tab-fullscreen .timeframes{
    height:40px!important;
    min-height:40px!important;
  }
  body.gp-chart-tab-fullscreen #fullscreen-btn{
    top:calc(var(--gp-safe-top, 0px) + 10px)!important;
    right:12px!important;
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
  }
}