/* analog.css — IBM printer. fanfold green-bar paper, courier, ~ / = . (no png; pure CSS.) */
.convo[data-skin="analog"] {
  background: linear-gradient(180deg, #6a7060 0%, #5c6452 40%, #626858 100%);
  border: 1px solid var(--ana-border);
  border-radius: 4px;
  padding: 6px;
  box-shadow: 0 8px 28px rgba(0,0,0,0.55), inset 0 1px 0 rgba(255,255,255,0.15);
}
.convo[data-skin="analog"] .convo-screen {
  background-color: var(--ana-paper);
  background-image: repeating-linear-gradient(180deg,
    rgba(180,220,180,0.28) 0px, rgba(180,220,180,0.28) 18px, transparent 18px, transparent 36px);
  font-family: 'Courier New', Courier, monospace;
  color: var(--ana-ink);
  line-height: 1.65;
  padding: 12px 16px 12px 22px;
}
.convo[data-skin="analog"] .msg-u   { color: var(--ana-user); font-style: italic; }
.convo[data-skin="analog"] .msg-u::before   { content: '~ '; color: var(--ana-pre); font-weight: 700; font-style: normal; }
.convo[data-skin="analog"] .msg-bot { color: var(--ana-bot); }
.convo[data-skin="analog"] .msg-bot::before { content: '= '; color: var(--ana-bot-pre); font-weight: 700; }
.convo[data-skin="analog"] .msg-stream:empty::before { color: var(--ana-ph); }
/* the convo box's own top bar */
.convo[data-skin="analog"] .convo-head { background: linear-gradient(var(--ana-head-top), var(--ana-head-bot)); border-bottom: 2px solid var(--ana-head-line); }
.convo[data-skin="analog"] .head-title { color: var(--ana-title); text-transform: uppercase; letter-spacing: 2px; }