@font-face {
  font-family: 'SymbolsNerdFont';
  src: url('/fonts/SymbolsNerdFontMono-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: block;
  unicode-range: U+23FB-23FE, U+2665, U+26A1, U+2B58, U+E000-E00A, U+E0A0-E0A2, U+E0A3, U+E0B0-E0C8, U+E0CA, U+E0CC-E0D7, U+E200-E2A9, U+E300-E3E3, U+E5FA-E6B7, U+E700-E7C5, U+EA60-EBEB, U+F000-F2FF, U+F400-F533, U+F0001-F1AF0;
}

.terminal-output {
  margin: 0;
  padding: 12px 16px;
  font-family: 'SF Mono', 'JetBrains Mono', 'Cascadia Code', 'Fira Code', 'Menlo', 'Monaco', 'Consolas', 'SymbolsNerdFont', 'Symbols Nerd Font Mono', monospace;
  font-size: 13px;
  line-height: 1.0;
  white-space: pre;
  word-wrap: normal;
  color: var(--text-primary);
  contain: content;
  min-height: 100%;
  -webkit-user-select: text;
  user-select: text;
  font-feature-settings: "liga" 0, "calt" 0;
}

.terminal-output::selection,
.terminal-output *::selection {
  background: var(--accent-glow);
  color: inherit;
}

/* Claude Code pattern highlighting */

.hl-tool {
  color: var(--blue);
}

.hl-thinking {
  color: var(--purple);
}

.hl-output {
  color: var(--gray);
}

.hl-prompt {
  color: var(--green);
  font-weight: 600;
}

.hl-success {
  color: var(--green);
}

.hl-error {
  color: var(--red);
}

.hl-path {
  color: var(--cyan);
}

.hl-box {
  color: var(--text-dimmed);
}

.hl-dim {
  color: var(--text-dimmed);
}

.hl-header {
  color: var(--yellow);
  font-weight: 600;
}

.hl-linenum {
  color: var(--text-dimmed);
}

.hl-added {
  color: var(--green);
}

.hl-removed {
  color: var(--red);
}


/* QR code lines — font-size set dynamically in terminal-view.js to fit width */
.qr-line {
  display: block;
  line-height: 1.0;
  letter-spacing: -0.03em;
}

@media (min-width: 1024px) {
  .terminal-output {
    padding: 16px 24px;
    font-size: 13.5px;
  }
}