/* app/static/serieschart.css —— 趋势序列折线图**唯一样式实现**（板3 源 → 板1 镜像，md5 必须相等）
 * 与 serieschart.js 同批；样式只做展示，不含任何口径/家数/判定字面量。
 * 前缀 `sct-` 与 serieschart.js 的 SERIESCHART_CLASS 同源（改一处即两处不同形）。
 * r49 新增面：图例改原生 button（只加 reset，⛔ 不画底/框/阴影）、隐藏态三通道、宿主内可见 DOM
 *   tooltip、全隐藏提示 —— 色值/圆角/阴影/字号全部复用既有值（零新增视觉令牌）。
 * 宿主 `position:relative` 是 tooltip `position:absolute` 的定位基准（尺寸/配色逐字沿用，未改）。 */

.serieschart,
.sct-host {
  position: relative;
  height: 260px;
  background: #fafbfe;
  border: 1px solid #e8eaf0;
  border-radius: 8px;
  padding: 6px 8px;
  overflow: hidden;
  box-sizing: border-box;
}

.sct-cap {
  font-size: 12px;
  color: #475569;
  padding: 0 2px 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sct-lgrow {
  padding: 0 2px 2px;
  line-height: 1.5;
}

/* 图例项（原生 button）reset：无底/无框/无阴影、零位移；
   命中区 = padding 4px 6px + line-height 1.5（11px ⇒ 高 25 ≥ 24，WCAG 2.5.8）——
   ⛔ 不得写 line-height:1（命中区会跌破 24）；⛔ 不给按钮画底/边框。 */
.sct-lg {
  display: inline-block;
  margin-right: 6px;
  padding: 4px 6px;
  border: 0;
  border-radius: 4px;
  background: none;
  font-family: inherit;
  font-size: 11px;
  line-height: 1.5;
  color: #64748b;
  white-space: nowrap;
  cursor: pointer;
  transition: color .12s ease-out;
}

.sct-lg:hover {
  color: #334155;
}

.sct-lg:focus-visible {
  outline: 2px solid #1d4ed8;
  outline-offset: 2px;
}

/* 隐藏态通道之一：删除线（另两通道 = 空心色块（内联线色 box-shadow）+ aria-pressed/data-sct-legstate）。
   ⛔ 不降文本不透明度（保对比度）。 */
.sct-lg-off {
  text-decoration: line-through;
}

.sct-lg i {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 2px;
  margin-right: 4px;
  vertical-align: -1px;
}

.sct-svg {
  display: block;
  width: 100%;
  height: 196px;
}

.sct-ax {
  font-size: 10px;
  fill: #94a3b8;
}

/* 可见 DOM tooltip（宿主内绝对定位；pointer-events:none ⇒ 不吞 pointermove） */
.sct-tip {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  max-width: 160px;
  padding: 4px 8px;
  background: #fff;
  border: 1px solid #e8eaf0;
  border-radius: 6px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .15);
  box-sizing: border-box;
  font-size: 11px;
  color: #1a1a2e;
  white-space: nowrap;
  pointer-events: none;
}

.sct-tip[hidden] {
  display: none;
}

/* 期次行 = 首行（无 data-sct-field）；数值行按字段绑定（data-sct-field），缺值 <i>—</i> */
.sct-tip-row {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  line-height: 1.5;
  font-variant-numeric: tabular-nums;
}

.sct-tip-row:first-child {
  color: #94a3b8;
}

.sct-tip-row b {
  font-weight: 600;
}

.sct-tip-row i {
  font-style: normal;
  font-weight: 600;
  color: #cbd5e1;
}

.sct-state {
  font-size: 12px;
  color: #94a3b8;
  padding: 18px 4px;
  text-align: center;
}

/* 全隐藏提示：坐标系保留（top 按既有 _niceMax(0)=1 口径），提示居中；图例恒可点 */
.sct-hint {
  font-size: 12px;
  fill: #94a3b8;
}
