/* Additional styles on top of Tailwind */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: #0f172a;
}
::-webkit-scrollbar-thumb {
  background: #334155;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #475569;
}

/* Smooth transitions for live updates */
.transition-all {
  transition: all 200ms ease;
}

/* Tab buttons */
.tab-btn {
  color: #94a3b8;
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
  transition: color 150ms ease, border-color 150ms ease;
  background: transparent;
  cursor: pointer;
}
.tab-btn:hover {
  color: #cbd5e1;
}
.tab-btn.active {
  color: #34d399;
  border-bottom-color: #34d399;
}

/* Blocker badges */
.blocker-badge {
  display: inline-block;
  padding: 0.1rem 0.45rem;
  border-radius: 3px;
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.02em;
}
.blocker-max_positions  { background: #713f12; color: #fde68a; }
.blocker-already_open   { background: #1e3a5f; color: #bae6fd; }
.blocker-paused         { background: #7f1d1d; color: #fecaca; }
.blocker-circuit_breaker{ background: #7f1d1d; color: #fecaca; }
.blocker-size_too_small { background: #374151; color: #d1d5db; }
.blocker-no_price       { background: #374151; color: #d1d5db; }

/* Config key/value grid rows */
.kv-row { display: contents; }
.kv-key { color: #94a3b8; }
.kv-val { color: #e2e8f0; font-family: ui-monospace, monospace; }