/* Pattern-specific pieces; the page layout comes from trend.css. */
.candles-summary { grid-template-columns:repeat(5,minmax(0,1fr)); }
.candles-range { display:flex; align-items:center; flex-wrap:wrap; gap:10px 14px; margin:16px 0; font-size:12px; color:var(--muted); }
.candles-range input { width:64px; min-height:34px; padding:6px 8px; margin-left:4px; }
.candles-range .range-hint { font-size:11px; }
.candles-list-head,.candles-row { grid-template-columns:minmax(96px,.8fr) minmax(0,1.6fr); }
.candles-list-head span:not(:first-child) { text-align:left; }
.candles-chips { display:flex; flex-wrap:wrap; gap:4px; min-width:0; }
.candles-chip { display:inline-flex; gap:5px; align-items:baseline; border-radius:5px; padding:4px 6px; background:var(--bg); font-size:11px; white-space:nowrap; }
.candles-chip.BULL { color:var(--long); }.candles-chip.BEAR { color:var(--short); }
.candles-chip small { color:var(--muted); font-size:10px; }
.candles-none { color:var(--muted); font-size:12px; }
.candles-links { display:flex; gap:14px; }.candles-links a { white-space:nowrap; color:var(--accent); font-size:12px; }
.candles-legend-bull { color:var(--long); }.candles-legend-bear { color:var(--short); }
#candles-chart { width:100%; height:335px; display:block; touch-action:pan-y; }
.candles-state.FRESH { color:var(--accent); }.candles-state.RECENT,.candles-state.NONE { color:var(--muted); }
.candles-patterns { display:grid; gap:8px; }
.candles-patterns p { color:var(--muted); font-size:12px; margin:0; }.candles-patterns .candles-warn { color:var(--warn); }
.candles-pattern { display:grid; gap:4px; text-align:left; background:var(--bg); border:1px solid var(--line); border-left:3px solid var(--line); border-radius:var(--r-s); padding:10px 12px !important; color:var(--text); }
.candles-pattern.BULL { border-left-color:var(--long); }.candles-pattern.BEAR { border-left-color:var(--short); }
.candles-pattern.on { background:var(--panel-2); border-color:var(--accent); }
.candles-pattern strong { font-size:13px; }.candles-pattern.BULL strong { color:var(--long); }.candles-pattern.BEAR strong { color:var(--short); }
.candles-pattern span { font-size:11px; color:var(--muted); }.candles-pattern small { font-size:11px; color:var(--muted); line-height:1.5; font-weight:400; }
.candles-method-list { margin:0 0 10px; padding-left:18px; color:var(--muted); font-size:12px; line-height:1.7; }
.candles-method-list strong { color:inherit; }.candles-method-list .trend-bull { color:var(--long); }.candles-method-list .trend-bear { color:var(--short); }
@media(max-width:800px) { .candles-summary { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:600px) { .candles-range>span:first-child,.candles-range .range-hint { flex-basis:100%; }.candles-page .trend-tools #candles-pattern,.candles-page .trend-tools button { flex:1 1 100%; }.candles-page .trend-tools #candles-sort,.candles-page .trend-tools #candles-page-size { flex:1 1 calc(50% - 4px); width:calc(50% - 4px); min-width:0; } }
@media(max-width:460px) { .candles-list-head,.candles-row { grid-template-columns:minmax(80px,.7fr) minmax(0,1.6fr); }#candles-chart { height:295px; }.candles-links { flex-direction:column; gap:4px; align-items:flex-end; } }