/* /new/stock chart styles: the .ch-* rules of stock.css re-colored for the black-and-white identity (generated once; the old stock.css is untouched) */
.chip-btn{min-height:40px;padding:0 14px;border:1px solid var(--line,#ddd);border-radius:999px;background:var(--panel,#fff);color:var(--text,#111);font-weight:800;cursor:pointer}
.chip-btn.bullish{border-color:var(--up,#1d7a48)}
.chip-btn.bearish{border-color:var(--down,#b42f2f)}
.live-card .pts{margin:0 0 10px;padding:0;list-style:none;display:grid;gap:8px}
.live-card .pt{padding:10px 12px;border-radius:12px;background:var(--panel2,#f3f3f3);border-inline-start:4px solid var(--muted,#999);font-size:14px;line-height:1.7}
.live-card .pt.up{border-inline-start-color:var(--up,#1d7a48)}
.live-card .pt.down{border-inline-start-color:var(--down,#b42f2f)}
.live-card .pt.warn{border-inline-start-color:var(--sh-ink,#000000)}
.live-card .pt.done{border-inline-start-color:var(--muted,#909090);opacity:.72}
.live-card .pt.done::before{content:"✓ ";color:var(--muted,#909090);font-weight:700}
.trade-btn{display:inline-flex;align-items:center;gap:4px;min-height:36px;padding:0 12px;border:1px solid var(--sh-ink,#000000);border-radius:999px;background:var(--panel,#fff);color:var(--sh-ink,#000000);font-size:13px;font-weight:800;text-decoration:none;white-space:nowrap}
.trade-btn:hover,.trade-btn:focus-visible{background:var(--sh-ink,#000000);color:var(--sh-bg,#ffffff)}
.chart-box{margin:12px 0}
.ch-bar{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.ch-bar .ch-t{min-height:36px;padding:0 12px;font-size:13px;opacity:.55}
.ch-bar .ch-t[aria-pressed="true"]{opacity:1;border-color:var(--sh-ink,#000000)}
.ch-plot{width:100%;min-height:380px;border:1px solid var(--line,#ddd);border-radius:14px;overflow:hidden}
.ch-notes{margin-top:10px}
.ch-help{padding:10px 12px;border:1px solid var(--line,#ddd);border-radius:12px;margin-bottom:8px}
.ch-help summary{cursor:pointer;font-weight:800}
.ch-help p{margin:8px 0 0;line-height:1.8;font-size:14px}
.ch-frames{display:flex;gap:6px;margin-bottom:8px}
.ch-frames .chip-btn{flex:1;font-size:14px}
.ch-frames .chip-btn[aria-selected="true"]{background:var(--sh-ink,#000000);color:var(--sh-bg,#ffffff);border-color:var(--sh-ink,#000000)}
.ch-live{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-bottom:8px;padding:8px 12px;border-radius:12px;background:var(--panel2,#f3f3f3)}
.ch-live b{font-size:22px;font-variant-numeric:tabular-nums}
.ch-live em{font-style:normal;font-weight:800}
.ch-live em.up{color:var(--up,#1d7a48)}
.ch-live em.down{color:var(--down,#b42f2f)}
.ch-live small{color:var(--muted,#777)}
.ch-live .dot{width:9px;height:9px;border-radius:50%;background:var(--up,#1d7a48);align-self:center;animation:chpulse 1.6s ease-in-out infinite}
@keyframes chpulse{50%{opacity:.25}}
.ch-bar .ch-t.pane{border-style:dashed}
.ch-day{margin-top:8px;padding:10px 12px;border:1px solid var(--line,#ddd);border-radius:12px;background:var(--panel2,#f3f3f3)}
.ch-day p{margin:4px 0}
.ch-day .pts{margin:6px 0}
.ch-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.ch-links .trade-btn.primary{background:var(--sh-ink,#000000);color:var(--sh-bg,#ffffff)}
.chart-box .ch-links a.trade-btn,.chart-box .ch-day a.trade-btn{display:flex;white-space:normal;max-width:100%;text-align:center;line-height:1.4;padding-block:6px}
.ch-frames{flex-wrap:wrap}
.ch-frames .chip-btn:disabled{opacity:.4;cursor:not-allowed}
.ch-miss{flex-basis:100%;margin:0}
.ch-bar .sw{display:inline-block;width:12px;height:12px;border-radius:50%;margin-inline-end:6px;vertical-align:-1px}
.ch-divhint{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}
.ch-divhint:empty{display:none}
.ch-divhint .div-go{font-size:13px;border-width:2px}
.ch-divhint .div-go.down{border-color:var(--down,#b42f2f);color:var(--down,#b42f2f)}
.ch-divhint .div-go.up{border-color:var(--up,#1d7a48);color:var(--up,#1d7a48)}
@media(max-width:560px){.chart-box{margin-inline:-6px}}
.ch-frames .chip-btn{min-height:44px}
.ch-bar{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-inline:-4px;padding:2px 4px 6px;scroll-snap-type:x proximity}
.ch-bar::-webkit-scrollbar{display:none}
.ch-bar .ch-t{flex:0 0 auto;min-height:44px;scroll-snap-align:start;white-space:nowrap}
.ch-ctl{display:flex;gap:8px;margin-top:8px}
.ch-ctl .chip-btn{flex:1;min-height:44px;font-size:14px}
.ch-ctl .chip-btn.fs{border-color:var(--sh-ink,#000000)}
.ch-plot{touch-action:pan-y}
.chart-box.ch-fs{position:fixed;inset:0;z-index:9999;margin:0;padding:10px;background:var(--bg,var(--panel,#fff));overflow:auto;display:flex;flex-direction:column}
.ch-fs .ch-notes,.ch-fs .ch-links,.ch-fs .ch-day{display:none}
.ch-fs .ch-plot{border-radius:10px;min-height:0}
html.ch-lock,html.ch-lock body{overflow:hidden}
.ch-walls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px}
.ch-walls:empty{display:none}
.ch-walls .wp{min-height:40px;font-size:13px;opacity:.6}
.ch-walls .wp[aria-pressed="true"]{opacity:1;border-color:var(--sh-ink,#000000);border-width:2px}
.ctx-fold,.sec-fold,.gw-more,.ch-all{margin:10px 0;border:1px solid var(--line,#ddd);border-radius:14px;background:var(--panel,#fff)}
.ctx-fold>summary,.sec-fold>summary,.gw-more>summary,.ch-all>summary{cursor:pointer;padding:10px 14px;font-size:14px;line-height:1.7;list-style:none}
.ctx-fold>summary::-webkit-details-marker,.sec-fold>summary::-webkit-details-marker,.gw-more>summary::-webkit-details-marker,.ch-all>summary::-webkit-details-marker{display:none}
.ctx-fold>summary::before,.sec-fold>summary::before,.gw-more>summary::before,.ch-all>summary::before{content:"▸ ";color:var(--sh-ink,#000000)}
.ctx-fold[open]>summary::before,.sec-fold[open]>summary::before,.gw-more[open]>summary::before,.ch-all[open]>summary::before{content:"▾ "}
.ch-all>summary small,.sec-fold>summary small{color:var(--muted,#777);font-weight:400}
.ctx-fold>:not(summary),.sec-fold>:not(summary),.ch-all>:not(summary){margin-inline:12px}
.sec-fold>.pts{margin-bottom:12px}
.ch-plot{position:relative}
.ch-prof{position:absolute;inset:0;pointer-events:none}
#chartBox .ch-frames{display:none}