/* FengLing AI v34.5: layout collision repair, no trading code changes. */
/* Never move a live TV Lightweight Charts canvas into a different DOM owner.
   Source cards remain intact; display order is flex-only. */
#page-charts #chartCards.fl-chart-grid{
 min-width:0!important;max-width:100%!important;
 align-items:start!important;grid-auto-rows:auto!important;
}
#page-charts #chartCards .fl-chart-card,
#page-charts #chartCards .fl-chart-card.fl-primary-card,
#page-charts #chartCards .fl-chart-card.fl-entry-card,
#page-charts #chartCards .fl-chart-card.fl-higher-card{
 box-sizing:border-box!important;display:flex!important;flex-direction:column!important;
 gap:5px!important;align-self:start!important;align-content:start!important;
 height:auto!important;max-height:none!important;min-height:0!important;
 min-width:0!important;max-width:100%!important;
 overflow:hidden!important;overflow-x:clip!important;overflow-y:clip!important;
 position:relative!important;isolation:isolate;
}
#page-charts #chartCards .fl-chart-card > *{
 box-sizing:border-box;min-width:0;max-width:100%;flex-shrink:0;
}
#page-charts #chartCards .fl-chart-card > .fl-chart-card-head{order:0!important}
#page-charts #chartCards .fl-primary-card > .fl-main-stage,
#page-charts #chartCards .fl-entry-card > .fl-chart-box,
#page-charts #chartCards .fl-higher-card > .fl-chart-box{
 order:1!important;position:relative!important;width:100%!important;
 min-width:0!important;max-width:100%!important;
 flex-shrink:0!important;margin:7px 0 5px!important;
}
#page-charts #chartCards .fl-chart-card > .fl-chart-legend{
 order:2!important;position:relative!important;
 white-space:normal!important;overflow-wrap:anywhere!important;
 width:100%!important;
}
#page-charts #chartCards .fl-chart-card > *{order:20!important}
/* The ADX and CCI panes belong to the 2H card, directly under the 2H candle chart. */
#page-charts #chartCards .fl-primary-card > [id^="flDmiTitle-"]{order:3!important}
#page-charts #chartCards .fl-primary-card > [id^="flDmi-"]{order:4!important}
#page-charts #chartCards .fl-primary-card > [id^="flCciTitle-"]{order:5!important}
#page-charts #chartCards .fl-primary-card > [id^="flCciRead-"]{order:6!important}
#page-charts #chartCards .fl-primary-card > [id^="flCciKey-"]{order:7!important}
#page-charts #chartCards .fl-primary-card > [id^="flCci-"]{order:8!important}
#page-charts #chartCards .fl-primary-card > [id^="flDmi-"],
#page-charts #chartCards .fl-primary-card > [id^="flCci-"]{
 display:block!important;position:relative!important;left:auto!important;top:auto!important;
 width:100%!important;max-width:100%!important;min-width:0!important;
 height:152px!important;max-height:152px!important;overflow:hidden!important;
 border-radius:9px!important;margin:2px 0 8px!important;
}
#page-charts #chartCards .fl-primary-card > [id^="flDmiTitle-"],
#page-charts #chartCards .fl-primary-card > [id^="flCciTitle-"]{
 margin:12px 0 3px!important;color:#e8c588!important;
}
#page-charts #chartCards .fl-primary-card > [id^="flCciKey-"]{margin:1px 0 5px!important;flex-wrap:wrap!important}
/* Plot canvases stay clipped inside their own panels, never across cards. */
#page-charts #chartCards .fl-chart-box,
#page-charts #chartCards .fl-chart-dmi,
#page-charts #chartCards .fl-chart-cci{
 box-sizing:border-box!important;max-width:100%!important;overflow:hidden!important;
}
#page-charts #chartCards .fl-chart-box{width:100%!important}
#page-charts #chartCards .fl-main-stage{position:relative!important}
#page-charts .v34-workspace{position:relative!important;isolation:isolate}
#page-charts .v34-chart-slot{min-width:0!important;max-width:100%!important}
/* This card used to retain 'position:sticky' from the old right sidebar;
   in the new layout it could float above charts/other panels on scroll. */
#page-charts #v34CheckPanel .v26-strategy-aside{
 position:static!important;inset:auto!important;top:auto!important;
 float:none!important;transform:none!important;z-index:auto!important;
 max-width:100%!important;min-width:0!important;max-height:none!important;
 overflow:visible!important;
}
#page-charts .v34-lower{
 position:relative!important;isolation:isolate;
 margin-top:12px!important;clear:both!important;
 min-width:0!important;max-width:100%!important;
}
#page-charts #v34CheckPanel{
 position:relative!important;z-index:auto!important;
 min-width:0!important;height:auto!important;overflow:hidden!important;
}
/* Responsive: sidebar drops below the charts before the two lower panels become cramped. */
@media(min-width:811px) and (max-width:1280px){
 #page-charts .v34-dashboard{grid-template-columns:minmax(0,1fr)!important}
 #page-charts .v34-info-col{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
 #page-charts .v34-news,#page-charts .v34-healthslot{grid-column:auto!important}
}
@media(min-width:811px) and (max-width:930px){
 #page-charts #chartCards.fl-chart-grid,
 #page-charts #chartCards.fl-chart-grid.is-triple{grid-template-columns:minmax(0,1fr)!important}
 #page-charts #chartCards .fl-chart-card.fl-primary-card{grid-column:1/-1!important;grid-row:1!important}
 #page-charts #chartCards .fl-chart-card.fl-entry-card{grid-column:1/-1!important;grid-row:2!important}
 #page-charts #chartCards .fl-chart-card.fl-higher-card{grid-column:1/-1!important;grid-row:3!important}
}
@media(min-width:611px) and (max-width:810px){
 #page-charts #chartCards.fl-chart-grid,
 #page-charts #chartCards.fl-chart-grid.is-triple{
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;
  overflow:visible!important;gap:12px!important;
 }
 #page-charts #chartCards .fl-chart-card.fl-primary-card{grid-column:1/-1!important;grid-row:1!important;width:100%!important}
 #page-charts #chartCards .fl-chart-card.fl-entry-card{grid-column:1/-1!important;grid-row:2!important;width:100%!important}
 #page-charts #chartCards .fl-chart-card.fl-higher-card{grid-column:1/-1!important;grid-row:3!important;width:100%!important}
}
@media(max-width:810px){
 #page-charts .v34-info-col{min-width:0;max-width:100%}
 #page-charts #chartCards .fl-chart-card{min-width:0!important;width:auto!important}
 #page-charts #chartCards .fl-primary-card > [id^="flDmi-"],
 #page-charts #chartCards .fl-primary-card > [id^="flCci-"]{
  height:122px!important;max-height:122px!important;
 }
}
@media(max-width:610px){
 #page-charts #chartCards.fl-chart-grid{display:flex!important;overflow-x:auto!important;align-items:stretch!important}
 #page-charts #chartCards .fl-chart-card{flex:0 0 calc(100% - 3px)!important;scroll-snap-align:start}
}