/* Trading : barre du graphique (types, intervalles, indicateurs) */
.tchart { width: 100%; max-width: 100%; }
.tchart .trade-cv { width: 100%; height: auto; display: block; background: #050a08; border: 1px solid var(--line, #3a2e1c); cursor: crosshair; }
.tc-bar { display: flex; flex-wrap: wrap; gap: 8px 14px; align-items: center; margin: 0 0 8px; }
.tc-seg { display: flex; gap: 2px; background: #0a0f0d; border: 1px solid rgba(120, 255, 200, .14); padding: 2px; max-width: 100%; }
.tc-btn { display: inline-flex; align-items: center; gap: 5px; padding: 6px 10px; min-height: 32px; background: transparent; color: rgba(190, 235, 220, .7); border: 0; font: 600 12px/1 var(--lab, 'Barlow Condensed', sans-serif); letter-spacing: .06em; text-transform: uppercase; cursor: pointer; white-space: nowrap; }
.tc-btn svg { width: 17px; height: 17px; flex: none; }
.tc-btn:hover { color: #eafff7; background: rgba(46, 224, 168, .08); }
.tc-btn.on { color: #04110c; background: #2ee0a8; }
.tc-btn.ind.on { background: #ffd36b; }
.tc-btn.z.live { color: #ffd36b; }
.tr-spec { font: 500 12px/1.4 var(--m, 'IBM Plex Mono', monospace); color: rgba(170, 225, 205, .7); margin: -2px 0 8px; }
@media (max-width: 760px) {
  .tc-bar { gap: 6px; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; padding-bottom: 2px; }
  .tc-bar::-webkit-scrollbar { display: none; }
  .tc-seg { flex: none; }
  .tc-btn { min-height: 40px; padding: 6px 12px; }
  .tc-btn.type span { display: none; }
  .tc-seg.types .tc-btn span { display: none; }
  .tc-seg.types .tc-btn svg { width: 22px; height: 22px; }
}