/* chat.css */

.cfm-chat {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  flex: 1;
}

.cfm-chat__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 0.5px solid var(--color-border-subtle);
  padding-bottom: var(--space-1);
}

.cfm-chat__count { font-size: var(--font-size-xs); color: var(--color-fg-muted); }

.cfm-chat__window {
  background: var(--color-bg-primary);
  border: 0.5px solid var(--color-border-subtle);
  border-radius: var(--radius-md);
  padding: var(--space-2);
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  min-height: 130px;
  max-height: 240px;
  overflow-y: auto;
  font-size: var(--font-size-xs);
}

.cfm-chat__msg strong { color: var(--color-accent-secondary); margin-right: var(--space-1); }
.cfm-chat__msg-body { color: var(--color-fg-secondary); }

.cfm-chat__msg--dj {
  background: var(--color-status-network-bg);
  border-left: 2px solid var(--color-accent-primary);
  padding: 3px var(--space-1);
  border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
}

.cfm-chat__msg--dj strong { color: var(--color-accent-primary); }

.cfm-chat__msg--system {
  color: var(--color-fg-muted);
  font-style: italic;
  font-size: var(--font-size-xs);
}

.cfm-chat__msg--gift {
  color: var(--color-accent-secondary);
  font-style: italic;
}

.cfm-chat__form {
  display: flex;
  gap: var(--space-1);
}

.cfm-chat__form .cfm-input { flex: 1; }