/* /emduit.ai/rag/css/chat.css (FULL REPLACEMENT - March 2026)
/*
   Lightweight + cascade-safe
   • Only defines things that load early (tools + legacy chat elements)
   • Everything else is now in style.css (which wins)
   • Matches the premium dark/glass theme perfectly
   • No more white-based colors or broken radii
*/

.gb-tools-row{ margin-top:10px; }
.gb-tools-note{ margin-top:6px; opacity:.75; font-size:12px; }
.gb-indicator{ margin-left:10px; }

/* Thinking toggle (legacy IDs) */
#toggleThinking .cbx{ display:inline-block; width:18px; text-align:center; }
#toggleThinking .cbx-label{ margin-left:6px; }

/* ==================== CHAT LOG (base) ==================== */
/* These are the early rules — style.css will override with better values */

.preview-chat-log{
  flex: 1;
  min-height: 140px; /* fallback */
  margin: 0;
  padding: 12px;
  border-radius: 18px; /* matches new style */
  border: 1px solid rgba(148,163,184,.12);
  background: rgba(0,0,0,.18);
  overflow: auto;
}

/* Messages — base only */
.preview-msg{
  display: flex;
  flex-direction: column;
  gap: 7px;
  padding: 11px 13px;
  margin: 9px 0;
  border-radius: 15px;
  border: 1px solid rgba(148,163,184,.13);
  background: rgba(148,163,184,.065);
}

.preview-msg.user{
  background: rgba(59,130,246,.105);
  border-color: rgba(59,130,246,.20);
}

.preview-msg.assistant{
  background: rgba(34,197,94,.085);
  border-color: rgba(34,197,94,.18);
}

/* Role label */
.preview-msg .msg-role{
  font-size: 11px;
  color: #94a3b8;
  letter-spacing: .09em;
  text-transform: uppercase;
}

/* Body */
.preview-msg .msg-body{
  white-space: pre-wrap;
  line-height: 1.38;
  font-size: 14.2px;
  color: #e5e7eb;
}

/* Code blocks (works with JS renderer) */
.preview-msg .msg-body pre{
  margin: 11px 0 0;
  padding: 11px 13px;
  border-radius: 13px;
  background: rgba(2,6,23,.88);
  border: 1px solid rgba(148,163,184,.17);
  overflow-x: auto;
}

.preview-msg .msg-body code{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  font-size: 13.1px;
}

/* Inline code */
.preview-msg .msg-body code.inline{
  padding: 2px 6px;
  border-radius: 8px;
  border: 1px solid rgba(148,163,184,.15);
  background: rgba(2,6,23,.45);
  color: #e5e7eb;
}