.terminal-container {
  background: rgba(4,8,2,0.95); border: var(--pip-border); overflow: hidden; max-width: 800px;
}

.terminal-header {
  background: rgba(51,255,51,0.05); border-bottom: 1px solid var(--pip-dark);
  padding: 6px 12px; display: flex; align-items: center; gap: 8px;
}

.terminal-header-dot { width: 5px; height: 5px; border-radius: 50%; }
.terminal-header-dot:nth-child(1) { background: var(--pip); box-shadow: 0 0 4px var(--pip); }
.terminal-header-dot:nth-child(2), .terminal-header-dot:nth-child(3) { background: var(--pip-dark); }
.terminal-header-title { font-size: 0.55rem; color: var(--pip-dim); letter-spacing: 0.2em; }

.terminal-screen {
  height: 360px; overflow-y: auto; padding: 12px; font-size: 0.75rem;
  line-height: 1.6; color: var(--pip); text-transform: none;
  scrollbar-width: thin; scrollbar-color: var(--pip-dark) transparent;
}

.terminal-screen::-webkit-scrollbar { width: 4px; }
.terminal-screen::-webkit-scrollbar-track { background: transparent; }
.terminal-screen::-webkit-scrollbar-thumb { background: var(--pip-dark); }

.terminal-line { margin-bottom: 2px; word-wrap: break-word; }
.terminal-line.system { color: var(--pip); }
.terminal-line.error { color: var(--pip-red); text-shadow: 0 0 3px rgba(255,51,51,0.3); }
.terminal-line.success { color: var(--pip); }
.terminal-line.highlight { color: var(--pip-amber); text-shadow: 0 0 3px rgba(255,170,0,0.3); }
.terminal-line.info { color: var(--pip-dim); }

.terminal-input-line { display: flex; align-items: center; gap: 6px; margin-top: 4px; }
.terminal-prompt { color: var(--pip); white-space: nowrap; font-weight: 700; text-shadow: var(--pip-glow-sm); }

.terminal-input {
  flex: 1; background: none; border: none; color: var(--pip);
  font-family: 'JetBrains Mono', monospace; font-size: 0.75rem;
  outline: none; caret-color: var(--pip);
}

@media (max-width: 768px) {
  .terminal-screen { height: 280px; font-size: 0.7rem; }
}