/* V52: 近7天小曲线 + 悬停7/30/60天大图 */
.v52-trend-target{cursor:pointer!important;position:relative}
.v52-trend-target .realtime-mini-spark{width:80px!important;height:30px!important;display:block!important;overflow:visible!important}
.v52-trend-target .spark-area{fill:rgba(45,169,239,.22)!important;stroke:none!important}
.v52-trend-target .spark-line{fill:none!important;stroke:#28a7f2!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important;vector-effect:non-scaling-stroke!important}
#realtime-trend-popup-v52{display:none;position:fixed;z-index:12050;width:470px;padding:14px;background:#fff;border:1px solid #dce4ed;border-radius:6px;box-shadow:0 8px 28px rgba(34,52,76,.20);box-sizing:border-box}
#realtime-trend-popup-v52.show{display:block}
#realtime-trend-popup-v52 .v52-tabs{display:flex;margin-bottom:10px}
#realtime-trend-popup-v52 .v52-tabs button{height:34px;min-width:76px;padding:0 16px;border:1px solid #d5dce6;border-right:0;background:#fff;color:#5f6670;font-size:13px;cursor:pointer}
#realtime-trend-popup-v52 .v52-tabs button:first-child{border-radius:4px 0 0 4px}
#realtime-trend-popup-v52 .v52-tabs button:last-child{border-right:1px solid #d5dce6;border-radius:0 4px 4px 0}
#realtime-trend-popup-v52 .v52-tabs button.active{background:#409eff;border-color:#409eff;color:#fff}
#realtime-trend-popup-v52 .v52-chart{height:230px;overflow:hidden}
#realtime-trend-popup-v52 .v52-chart svg{display:block;width:100%;height:100%}
#realtime-trend-popup-v52 .v52-grid{stroke:#e7ebf0;stroke-width:1}
#realtime-trend-popup-v52 .v52-axis{fill:#929aa5;font-size:10px}
#realtime-trend-popup-v52 .v52-area{fill:rgba(45,169,239,.42);stroke:none}
#realtime-trend-popup-v52 .v52-line{fill:none;stroke:#149cf4;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#realtime-trend-popup-v52 .v52-loading,#realtime-trend-popup-v52 .v52-error{height:210px;display:flex;align-items:center;justify-content:center;color:#9099a6}
#realtime-trend-popup-v52 .v52-error{color:#e45656}


/* V53: 实时分析只保留底部固定横向滚动条，隐藏表格容器自身横向滚动条，效果与订单管理一致 */
.realtime-products-panel .realtime-table-scroll{
  overflow-x:auto !important;
  overflow-y:visible !important;
  scrollbar-width:none !important;
  -ms-overflow-style:none !important;
  padding-bottom:0 !important;
  margin-bottom:0 !important;
}
.realtime-products-panel .realtime-table-scroll::-webkit-scrollbar{
  height:0 !important;
  width:0 !important;
  background:transparent !important;
}
.realtime-products-panel .realtime-table-scroll::-webkit-scrollbar-thumb{
  background:transparent !important;
}
.realtime-products-panel.hl-has-fixed-hscroll{
  padding-bottom:calc(var(--hl-pagination-space, 53px) + var(--hl-hscroll-space, 22px)) !important;
}

/* V54：顶部即时分析曲线改为平滑弧线；今日未来时段由主 JS 截断不绘制。 */
.realtime-chart.v54-smooth-chart svg path.today-line,
.realtime-chart.v54-smooth-chart svg path.yesterday-line,
.realtime-chart.v54-smooth-chart svg path.week-line{
  fill:none!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  vector-effect:non-scaling-stroke!important;
}

/* V54：7/30/60 天弹层，鼠标移动到哪一天就显示哪一天的数据。 */
#realtime-trend-popup-v52 .v52-chart{position:relative!important;}
#realtime-trend-popup-v52 .v54-hover-guide{
  display:none;
  stroke:#149cf4;
  stroke-width:1;
  stroke-dasharray:4 3;
  vector-effect:non-scaling-stroke;
  pointer-events:none;
}
#realtime-trend-popup-v52 .v54-hover-guide.show{display:block;}
#realtime-trend-popup-v52 .v54-trend-hover-tip{
  position:absolute;
  z-index:3;
  min-width:124px;
  padding:8px 10px;
  border-radius:5px;
  background:#fff;
  border:1px solid #e4e8ee;
  box-shadow:0 4px 14px rgba(32,49,72,.18);
  color:#4d5663;
  font-size:12px;
  line-height:1.55;
  pointer-events:none;
  box-sizing:border-box;
}
#realtime-trend-popup-v52 .v54-trend-hover-tip[hidden]{display:none!important;}
#realtime-trend-popup-v52 .v54-trend-hover-tip b{display:block;font-size:13px;margin-bottom:3px;color:#555;}
#realtime-trend-popup-v52 .v54-trend-hover-tip span{display:flex;align-items:center;gap:6px;white-space:nowrap;}
#realtime-trend-popup-v52 .v54-trend-hover-tip i{width:9px;height:9px;border-radius:50%;background:#149cf4;display:inline-block;}
#realtime-trend-popup-v52 .v54-trend-hover-tip strong{font-size:14px;color:#222;margin-left:auto;}