/* 持仓详情页 K 线 / 净值走势（kline.js）。颜色全用页面 token，昼夜主题自动跟。 */
.kl-wrap{padding:12px 18px 14px;border-bottom:1px solid var(--line);min-width:0}
.kl-bar{display:flex;flex-wrap:wrap;gap:8px 10px;align-items:center;margin-bottom:6px}
.kl-seg{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}
.kl-seg[hidden]{display:none}
.kl-seg button{background:none;border:0;border-radius:0;min-height:0;padding:4px 10px;
  font-size:12px;color:var(--dim);cursor:pointer;line-height:1.5}
.kl-seg button + button{border-left:1px solid var(--line)}
.kl-seg button:hover{background:rgba(var(--ink-rgb),.05);color:var(--text)}
.kl-seg button.on{background:var(--accent-700);color:var(--on-solid,#fff)}
.kl-stat{font-size:12px;color:var(--dim);margin-left:auto}
.kl-legend{display:flex;flex-wrap:wrap;gap:2px 10px;font-size:12px;color:var(--dim);
  min-height:18px;font-variant-numeric:tabular-nums;margin-bottom:4px}
.kl-legend b{color:var(--text);font-weight:600}
.kl-legend .kl-d{color:var(--text)}
.kl-legend .kl-ma{display:inline-flex;gap:8px;flex-wrap:wrap}
.kl-wrap .up{color:var(--up)} .kl-wrap .down{color:var(--down)}
.kl-legend b.up{color:var(--up)} .kl-legend b.down{color:var(--down)}
.kl-canvas{position:relative;height:320px;min-width:0}
.kl-canvas.kl-tall{height:440px;display:flex;flex-direction:column}
.kl-canvas .kl-main{position:relative;height:100%;min-width:0}
.kl-canvas.kl-tall .kl-main{height:auto;flex:1 1 auto;min-height:0}
.kl-canvas .kl-sub{position:relative;flex:0 0 120px;min-width:0;
  border-top:1px solid rgba(var(--ink-rgb),.10)}
.kl-msg{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;
  justify-content:center;gap:10px;text-align:center;color:var(--dim);font-size:13px;padding:0 20px}
.kl-info{font-size:12px;color:var(--dim);margin-top:6px;min-height:18px;line-height:1.6}
.kl-hit{color:var(--text)}
.kl-dim,.kl-tip{color:var(--dim)}
.kl-note{font-size:12px;color:var(--dim);line-height:1.6;margin-top:6px;padding:8px 10px;
  border-radius:8px;background:rgba(var(--ink-rgb),.04)}
.kl-note b{color:var(--text)}
.kl-mini{padding:2px 10px!important;font-size:12px!important;min-height:0!important;margin-left:4px}
.kl-tabs{display:flex;gap:18px;border-bottom:1px solid var(--line);margin:-4px 0 10px;overflow-x:auto}
.kl-tabs button{flex:none;background:none;border:0;border-radius:0;min-height:0;padding:6px 0 8px;
  font-size:13px;color:var(--dim);border-bottom:2px solid transparent;cursor:pointer}
.kl-tabs button:hover{background:none;color:var(--text)}
.kl-tabs button.on{color:var(--accent-700);border-bottom-color:var(--accent);font-weight:600}
@media (max-width:899px){
  .kl-wrap{padding:10px 12px 12px}
  .kl-canvas{height:260px}
  .kl-canvas.kl-tall{height:370px}
  .kl-canvas .kl-sub{flex-basis:100px}
  .kl-seg button{padding:4px 8px}
}