/* V7.6.6 Compact fund layout patch */
body.compactFundLayout .marketbar{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:10px 14px !important;
  align-items:start !important;
}
body.compactFundLayout .marketbar .products{
  grid-column:1 / 2;
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  align-items:center !important;
  max-width:100% !important;
  overflow:visible !important;
  padding-bottom:0 !important;
}
body.compactFundLayout .marketbar .products .pill{
  padding:6px 12px !important;
  font-size:12px !important;
  line-height:1.1 !important;
  border-radius:14px !important;
  letter-spacing:.2px !important;
  min-height:34px !important;
  font-weight:900 !important;
}
body.compactFundLayout .marketbar .tfbar{
  display:none !important;
}
body.compactFundLayout .marketbar .tools{
  grid-column:2 / 3;
  justify-content:flex-end !important;
  gap:8px !important;
  align-items:center !important;
}
body.compactFundLayout .marketbar .tools .pill,
body.compactFundLayout .marketbar .tools button{
  padding:7px 12px !important;
  min-height:34px !important;
  font-size:12px !important;
  border-radius:14px !important;
}
body.compactFundLayout .top{
  padding:12px 16px !important;
}
body.compactFundLayout .chartCard{
  padding:14px !important;
}
body.compactFundLayout .chartHead{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  flex-wrap:wrap !important;
  margin-bottom:10px !important;
}
body.compactFundLayout .chartHead .chartTitleGroup{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  flex-wrap:wrap !important;
}
body.compactFundLayout .chartTopDock{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  flex-wrap:wrap !important;
  margin-left:auto !important;
}
body.compactFundLayout .chartTopDock .chartTfLabel{
  font-size:11px !important;
  color:#8adfff !important;
  letter-spacing:.8px !important;
  font-weight:800 !important;
  text-transform:uppercase !important;
}
body.compactFundLayout .chartTfDock{
  display:flex !important;
  gap:8px !important;
  align-items:center !important;
  flex-wrap:wrap !important;
}
body.compactFundLayout .chartTfDock .pill.tf{
  padding:6px 12px !important;
  min-width:46px !important;
  min-height:34px !important;
  font-size:13px !important;
  border-radius:16px !important;
  font-weight:900 !important;
}
body.compactFundLayout .chartActions{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  flex-wrap:wrap !important;
  width:100% !important;
  justify-content:flex-end !important;
}
body.compactFundLayout .chartActions button{
  min-width:40px !important;
  height:34px !important;
  padding:0 12px !important;
  border-radius:12px !important;
}
body.compactFundLayout #chart{
  height:calc(100vh - 355px) !important;
  min-height:520px !important;
}
body.compactFundLayout .side{
  gap:12px !important;
}
body.compactFundLayout .panel{
  border-radius:14px !important;
}
@media (max-width: 1180px){
  body.compactFundLayout .marketbar{
    grid-template-columns:1fr !important;
  }
  body.compactFundLayout .marketbar .tools{
    grid-column:1 / -1 !important;
    justify-content:flex-start !important;
  }
  body.compactFundLayout #chart{
    height:calc(100vh - 390px) !important;
    min-height:460px !important;
  }
}
@media (max-width: 720px){
  body.compactFundLayout .top{
    padding:10px 12px !important;
  }
  body.compactFundLayout .marketbar{
    gap:8px !important;
    padding:8px 10px !important;
  }
  body.compactFundLayout .marketbar .products{
    gap:6px !important;
  }
  body.compactFundLayout .marketbar .products .pill{
    padding:5px 10px !important;
    font-size:11px !important;
    min-height:30px !important;
  }
  body.compactFundLayout .marketbar .tools{
    gap:6px !important;
  }
  body.compactFundLayout .marketbar .tools .pill,
  body.compactFundLayout .marketbar .tools button{
    padding:6px 10px !important;
    font-size:11px !important;
    min-height:30px !important;
  }
  body.compactFundLayout .chartHead{
    align-items:flex-start !important;
  }
  body.compactFundLayout .chartTopDock{
    width:100% !important;
    justify-content:flex-start !important;
    margin-left:0 !important;
  }
  body.compactFundLayout .chartTfDock .pill.tf{
    min-width:44px !important;
    min-height:32px !important;
    padding:5px 10px !important;
    font-size:12px !important;
  }
  body.compactFundLayout .chartActions{
    justify-content:flex-start !important;
  }
  body.compactFundLayout #chart{
    height:calc(100dvh - 410px) !important;
    min-height:360px !important;
  }
}