/* Shared brand treatment for the existing dark technical-chart workspace.
   Candle/indicator colors and chart calculations retain their current meaning. */
body, button, input, select { font-family: Arial, Helvetica, sans-serif; }
.top-navbar, .chart-toolbar { background: #1b152a; border-bottom-color: #443178; min-height: 52px; height: auto; padding: 10px 16px; }
.btn { background-color: #443178; border-radius: 999px; min-height: 32px; padding-inline: 14px; }
.symbol-search-group, .symbol-input-group { border-radius: 999px; border-color: #716297; }
.chip, .range-chip, .btn-range, .quick-symbol-badge { border-radius: 999px; min-height: 30px; }
.chip.active, .range-chip.active, .btn-range.active { background: #443178; color: #e5efca; border-color: #8ec300; }
.dropdown-content, .modal-card { border-radius: 16px; }
.version-badge { background: #443178; color: #e5efca; border-color: #716297; border-radius: 999px; }
:where(button, a, input, select):focus-visible { outline: 2px solid #8ec300; outline-offset: 2px; }
@media (max-width: 1199px) {
  .top-navbar, .chart-toolbar, .navbar-left, .navbar-right { flex-wrap: wrap; }
  .navbar-left, .navbar-right { max-width: 100%; gap: 6px; }
  .top-navbar, .chart-toolbar { padding: 8px; gap: 8px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; }
}