.co-chart .co-chart-toolbar { justify-content: flex-start; gap: .75rem; }
.co-chart .co-chart-periods button { min-width: 2.7rem; font-size: .95rem; }
.co-chart-series { display: flex; flex-wrap: wrap; gap: .45rem; margin: .9rem 0 1rem; }
.co-chart-series-item { display: inline-flex; border: 1px solid var(--co-line, #d8d6cd); border-radius: .35rem; overflow: hidden; }
.company-overview .co-chart-series-item button { border: 0; border-radius: 0; min-height: 2rem; padding: .35rem .6rem; }
.company-overview .co-chart-series-item .co-chart-series-only { border-left: 1px solid var(--co-line, #d8d6cd); font-size: .65rem; font-weight: 500; color: var(--co-muted, #617466); }
.company-overview .co-chart-series-toggle[aria-pressed="true"] { background: var(--co-accent, #315640); color: #fff; }
.co-chart-series-toggle::before { content: ''; display: inline-block; width: .5rem; height: .5rem; margin-right: .35rem; background: var(--series-color, #657b6b); border-radius: 50%; box-shadow: 0 0 0 1px #ffffff80; }
.co-series-candles { --series-color: #bb5b4c; }
.co-series-ma5 { --series-color: #ae7a21; }
.co-series-ma10 { --series-color: #856292; }
.co-series-ma20 { --series-color: #357d99; }
.co-series-volume { --series-color: #8b9789; }
.co-series-stock_return { --series-color: #aa5343; }
.co-series-index_return { --series-color: #407c86; }
.co-chart-dates { display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap; gap: .4rem 1rem; margin: .8rem 0; }
.co-chart-active-date { font-size: .95rem; font-variant-numeric: tabular-nums; }
.co-chart-values { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: .5rem; margin: .75rem 0 1.1rem; }
.co-chart-value { display: flex; flex-direction: column; gap: .35rem; min-width: 0; border: 1px solid var(--co-line, #d8d6cd); border-radius: .3rem; padding: .75rem; background: var(--co-paper, #fffef9); }
.co-chart-value-label { color: var(--co-muted, #617466); font-size: .69rem; white-space: nowrap; }
.co-chart-value strong { color: var(--co-ink, #213e2c); font-weight: 750; font-size: clamp(1rem, 1.45vw, 1.3rem); line-height: 1.3; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.co-chart-panel-title { font-size: .75rem; font-weight: 650; margin: .9rem 0 .4rem; color: var(--co-muted, #617466); }
.co-chart-frame { position: relative; min-width: 0; }
.co-chart-fixed-axis { position: absolute; top: 1px; left: 1px; width: 58px; background: #fafbf6; border-right: 1px solid #e0e4d8; pointer-events: none; }
.co-chart-fixed-axis span { position: absolute; right: 6px; transform: translateY(-50%); color: #606e65; font: 10px system-ui, "Microsoft YaHei", sans-serif; font-variant-numeric: tabular-nums; white-space: nowrap; }
.co-chart .co-chart-scroll { overflow-x: auto; overflow-y: hidden; max-width: 100%; scrollbar-width: auto; scrollbar-color: #9baa99 #edf0e8; overscroll-behavior-x: contain; }
.co-chart .co-chart-scroll svg { display: block; max-width: none; flex: none; touch-action: pan-x pan-y; }
.co-chart .co-chart-scroll svg text { font-size: 10px; }
.co-chart [hidden] { display: none !important; }
.co-chart button:focus-visible, .co-chart svg:focus-visible { outline: 2px solid var(--co-accent, #315640); outline-offset: 2px; }
@media (max-width: 1100px) {
  .co-chart-values { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 620px) {
  .co-chart .co-chart-toolbar { gap: .5rem; }
  .co-chart .co-chart-ranges { margin-left: 0; }
  .co-chart-values { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .co-chart-value { padding: .65rem .75rem; }
  .co-chart-value strong { font-size: 1.15rem; }
  .co-chart-dates { align-items: flex-start; flex-direction: column; }
  .co-chart-active-date { font-size: .84rem; }
}