/* monaco.css — the code editor convo look. VS-dark screen, the race-track top bar (monaco-topbar.png). */
.convo[data-skin="monaco"] {
  background: var(--ed-bg);
  border: 1px solid var(--ed-border);
  border-radius: 6px;
  box-shadow: 0 8px 28px rgba(0,0,0,0.6);
}
.convo[data-skin="monaco"] .convo-screen {
  background: var(--ed-bg);
  font-family: ui-monospace, 'SF Mono', 'Cascadia Code', monospace;
  color: var(--ed-text); line-height: 1.6; font-size: 0.92em;
}
.convo[data-skin="monaco"] .msg-bot { color: var(--ed-blue); }
.convo[data-skin="monaco"] .msg-u   { color: var(--ed-orange); }
.convo[data-skin="monaco"] .msg-u::before { content: '// '; color: var(--ed-green); }
.convo[data-skin="monaco"] .msg-stream:empty::before { color: var(--ed-ph); }
/* the convo box's own top bar — the race track */
.convo[data-skin="monaco"] .convo-head {
  background-size: cover; background-position: center;
  box-shadow: inset 0 -38px 28px -20px rgba(0,0,0,0.55);
  background-image: url('monaco-topbar.png');
}
.convo[data-skin="monaco"] .head-title { color: #ffffff; text-shadow: 0 1px 4px rgba(0,0,0,0.9); }