/* main.css — custom styles that Tailwind CDN utility classes can't express */

/* LLM prompt code block */
.llm-prompt-pre {
  font-family: ui-monospace, 'SFMono-Regular', Menlo, Monaco, Consolas, monospace;
  font-size: 0.75rem;
  line-height: 1.6;
  background: #0f172a;
  color: #e2e8f0;
  padding: 1.25rem;
  border-radius: 0.75rem;
  overflow-x: auto;
  white-space: pre-wrap;
  word-break: break-word;
}

/* Chevron rotation for collapsible sections */
.rotate-180 {
  transform: rotate(180deg);
  transition: transform 0.2s ease;
}

/* Transition for chevrons that start unrotated */
#prompt-chevron {
  transition: transform 0.2s ease;
}

/* Chart canvas max sizing guard */
.chart-container canvas {
  max-width: 100%;
}

/* Extended thinking trace block — lighter than the dark LLM prompt pre */
.thinking-pre {
  font-family: ui-monospace, 'SFMono-Regular', Menlo, Monaco, Consolas, monospace;
  font-size: 0.72rem;
  line-height: 1.65;
  background: #f8fafc;
  color: #334155;
  padding: 1.25rem;
  overflow-x: auto;
  white-space: pre-wrap;
  word-break: break-word;
  max-height: 600px;
  overflow-y: auto;
}

/* Focus ring polish for native inputs */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  opacity: 0.7;
}