/* ══════════════════════════════════════════════
   TERMINAL
   ══════════════════════════════════════════════ */
.terminal {
  background: rgba(19, 24, 31, 0.8);
  backdrop-filter: blur(12px);
  border: 1px solid var(--border-med);
}

.term-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 11px 15px;
  background: var(--bg-high);
  border-bottom: 1px solid var(--border);
}

.term-dots {
  display: flex;
  gap: 6px;
}

.td {
  width: 11px;
  height: 11px;
  border-radius: 50%;
  opacity: .75;
}

.td-r { background: #ff5f57; }
.td-y { background: #ffbd2e; }
.td-g { background: #28c840; }

.term-title {
  font-family: var(--font-mono);
  font-size: 0.75rem;
  color: var(--text-tertiary);
}

.term-running {
  display: flex;
  align-items: center;
  gap: 5px;
  font-family: var(--font-mono);
  font-size: 0.75rem;
  color: var(--green);
}

.tr-dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--green);
}

.term-body {
  padding: 24px 24px 60px;
  font-family: var(--font-mono);
  font-size: 0.85rem;
  line-height: 1.9;
  min-height: 270px;
  max-height: 270px;
  overflow-y: auto;
  scroll-behavior: smooth;
}

.term-body::-webkit-scrollbar       { width: 4px; }
.term-body::-webkit-scrollbar-thumb { background: var(--border-med); border-radius: 4px; }

.tprompt { color: var(--text-tertiary); }
.tcmd    { color: var(--text-primary); }
.tout    { color: var(--text-secondary); display: block; }
.tok     { color: var(--green);         display: block; }
.twarn   { color: var(--amber);         display: block; }
.terr    { color: var(--red);           display: block; }
.tcmt    { color: var(--text-tertiary); display: block; }

.tblink {
  display: inline-block;
  width: 7px;
  height: 13px;
  background: var(--accent);
  vertical-align: middle;
  margin-left: 2px;
  animation: blink 1.1s step-end infinite;
}