/* CC-style glyph + collapse + truncation for Terminal tab.
   All colors reference CSS variables from chat-tokens.css so they follow theme. */

/* ────────────────────────────────────────────────────────────────────────
   Glyph prefixes (10 types mirroring CC components)
   ──────────────────────────────────────────────────────────────────────── */

.cc-glyph {
  font-family: var(--font-mono, monospace);
  display: inline-block;
  width: 1.25em;
  margin-right: 0.4rem;
  text-align: center;
  font-weight: 500;
}

.cc-glyph--user,
.cc-glyph--assistant      { color: var(--color-text, currentColor); }
.cc-glyph--thinking       { color: var(--color-inactive, #888); font-style: italic; }
.cc-glyph--redacted       { color: var(--color-inactive, #888); font-style: italic; opacity: 0.7; }
.cc-glyph--system         { color: var(--color-info, #3B82F6); }
.cc-glyph--duration       { color: var(--color-inactive, #888); }
.cc-glyph--canceled       { color: var(--color-inactive, #888); }
.cc-glyph--success        { color: var(--color-success, #10B981); }
.cc-glyph--error          { color: var(--color-danger, #EF4444); }
.cc-glyph--reject         { color: var(--color-warning, #D97706); }

/* ────────────────────────────────────────────────────────────────────────
   Thinking collapse
   ──────────────────────────────────────────────────────────────────────── */

.cc-thinking[data-collapsed="true"] .cc-thinking__body { display: none; }
.cc-thinking[data-collapsed="true"] .cc-thinking__summary::after {
  content: " (Ctrl+O to expand)";
  color: var(--color-inactive, #888);
  font-size: 0.85em;
}

.cc-thinking[data-collapsed="false"] .cc-thinking__summary::after {
  content: " (Ctrl+O to collapse)";
  color: var(--color-inactive, #888);
  font-size: 0.85em;
}

/* ────────────────────────────────────────────────────────────────────────
   Error truncation (1000 chars)
   ──────────────────────────────────────────────────────────────────────── */

.cc-error[data-truncated="true"] .cc-error__full { display: none; }
.cc-error[data-truncated="true"] .cc-error__expand-link {
  color: var(--color-info, #3B82F6);
  cursor: pointer;
  text-decoration: underline;
}
.cc-error[data-truncated="false"] .cc-error__preview { display: none; }
.cc-error[data-truncated="false"] .cc-error__expand-link { display: none; }

/* ────────────────────────────────────────────────────────────────────────
   Bash output fold (20 lines)
   ──────────────────────────────────────────────────────────────────────── */

.cc-bash[data-collapsed="true"] .cc-bash__middle { display: none; }
.cc-bash[data-collapsed="false"] .cc-bash__fold-marker { display: none; }
.cc-bash__fold-marker {
  color: var(--color-inactive, #888);
  font-style: italic;
  cursor: pointer;
}
.cc-bash__fold-marker:hover { color: var(--color-info, #3B82F6); }

/* ────────────────────────────────────────────────────────────────────────
   Verbose toggle button (top-right of terminal)
   ──────────────────────────────────────────────────────────────────────── */

.cc-verbose-toggle {
  position: absolute;
  top: 8px;
  right: 12px;
  background: transparent;
  border: 1px solid var(--color-inactive, #888);
  color: var(--color-inactive, #888);
  padding: 2px 8px;
  font-size: 0.8em;
  cursor: pointer;
  border-radius: 3px;
  z-index: 5;
}
.cc-verbose-toggle[data-active="true"] {
  border-color: var(--color-info, #3B82F6);
  color: var(--color-info, #3B82F6);
}