/* ═══════════════════════════════════════════════
   Terminal — preview window styles
   ═══════════════════════════════════════════════ */

.terminal {
  background: var(--bg2);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  overflow: hidden;
  flex: 1;
}

.terminal-bar {
  height: 38px;
  background: var(--bg3);
  border-bottom: 1px solid var(--border);
  display: flex;
  align-items: center;
  padding: 0 14px;
  gap: 8px;
}

.terminal-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  flex-shrink: 0;
}

.td-red    { background: var(--red); }
.td-yellow { background: var(--yellow); }
.td-green  { background: var(--green); }

.terminal-title {
  flex: 1;
  text-align: center;
  font-size: 12px;
  color: var(--text-dim);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.terminal-body {
  padding: 20px 24px;
  min-height: 380px;
  font-size: 13px;
  line-height: 1.5;
  white-space: pre;
  overflow-x: auto;
  font-family: 'JetBrains Mono', 'Fira Code', monospace;
}