frontend/src/index.css

@tailwind base;
@tailwind components;
@tailwind utilities;

/* Custom scrollbar for trace panels */
.trace-scroll::-webkit-scrollbar {
  width: 6px;
}
.trace-scroll::-webkit-scrollbar-track {
  background: transparent;
}
.trace-scroll::-webkit-scrollbar-thumb {
  background: #4b5563;
  border-radius: 3px;
}
.trace-scroll::-webkit-scrollbar-thumb:hover {
  background: #6b7280;
}

/* Drag-to-reorder panel feedback — themed per visualizer */
.theme-model .panel-drop-target {
  outline: 2px dashed #60a5fa;
  outline-offset: -2px;
  border-radius: 0.5rem;
  background: rgba(96, 165, 250, 0.05);
}

.theme-arena .panel-drop-target {
  outline: 2px dashed #a78bfa;
  outline-offset: -2px;
  border-radius: 0.5rem;
  background: rgba(167, 139, 250, 0.05);
}

.theme-rlm .panel-drop-target {
  outline: 2px dashed #fb923c;
  outline-offset: -2px;
  border-radius: 0.5rem;
  background: rgba(251, 146, 60, 0.05);
}

.theme-harbor .panel-drop-target {
  outline: 2px dashed #2dd4bf;
  outline-offset: -2px;
  border-radius: 0.5rem;
  background: rgba(45, 212, 191, 0.05);
}

/* Code block styling (used by Harbor visualizer) */
.code-block {
  font-family: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;
  font-size: 0.8rem;
  line-height: 1.4;
}

.drag-handle {
  cursor: grab;
}

.drag-handle:active {
  cursor: grabbing;
}