/* Authenticated Replit conversation reference: 2026-10-31. */
.workspace-body .chat-panel {
  background: var(--repl-bg);
  color: var(--repl-text);
  font: 14px/1.6 var(--repl-font);
  min-width: 0;
}
.workspace-body .chat-title {
  height: 36px;
  min-height: 36px;
  padding: 0 14px;
  gap: 7px;
  border: 0;
  background: var(--repl-bg);
}
.workspace-body .chat-title strong { font-size: 13px; font-weight: 400; }
.workspace-body .chat-title small { display: none; }
.workspace-body .chat-panel .agent-symbol {
  background: transparent;
  border: 0;
  border-radius: 0;
  color: var(--repl-muted);
  width: 20px;
  height: 20px;
}
.workspace-body .chat-panel .agent-symbol svg { width: 16px; height: 16px; }
.workspace-body .chat-panel .connection { font-size: 11px; color: var(--repl-muted); }
.workspace-body .chat-panel .connection i { background: var(--repl-success); }
.workspace-body .chat-panel .connection.offline { color: var(--repl-muted); }
.workspace-body .chat-panel .connection.offline i { background: var(--repl-muted); }
.workspace-body .message-list {
  padding: 8px 14px 18px;
  scrollbar-width: thin;
  scrollbar-color: var(--repl-border-strong) transparent;
  scroll-padding: 16px;
}
.workspace-body .chat-empty { padding: 24px 0; color: var(--repl-muted); }
.workspace-body .chat-empty .agent-symbol { display: none; }
.workspace-body .chat-empty h2 {
  color: var(--repl-text);
  font-size: 20px;
  line-height: 1.4;
  font-weight: 400;
  letter-spacing: -.25px;
  margin: 0 0 10px;
}
.workspace-body .chat-empty p { color: var(--repl-muted); font-size: 14px; line-height: 1.6; }
.workspace-body .chat-bubble { font-size: 14px; line-height: 1.6; margin: 18px 0; max-width: 100%; }
.workspace-body .chat-bubble.assistant {
  border: 0;
  background: transparent;
  color: var(--repl-text);
  border-radius: 0;
  box-shadow: none;
  padding: 0;
}
.workspace-body .chat-bubble.user {
  background: var(--repl-selected);
  color: var(--repl-text);
  border: 0;
  border-radius: 8px;
  box-shadow: none;
  padding: 10px 12px;
  margin-left: 0;
}
.workspace-body .message-list .bubble-meta,
.workspace-body .chat-bubble.user .bubble-meta,
.workspace-body .chat-bubble.assistant .bubble-meta,
.workspace-body .chat-bubble.assistant .bubble-meta :is(b,time) {
  color: var(--repl-muted);
  font-size: 11px;
  line-height: 1.5;
}
.workspace-body .bubble-meta { margin-bottom: 7px; gap: 8px; flex-wrap: wrap; }
.workspace-body .bubble-meta b { font-size: 11px; font-weight: 400; }
.workspace-body .bubble-meta time { margin-left: auto; }
.workspace-body .task-model { color: var(--repl-muted); font-size: 10px; }
.workspace-body .chat-bubble .bubble-body a,
.workspace-body .chat-bubble.user .bubble-body a { color: var(--repl-blue-text); text-underline-offset: 3px; }
.workspace-body .bubble-body code,
.workspace-body .chat-bubble.user .bubble-body code {
  background: var(--repl-selected);
  color: var(--repl-secondary);
  border-color: var(--repl-border);
  font-size: 12px;
}
.workspace-body .chat-bubble .expand-message,
.workspace-body .chat-bubble.user .expand-message { color: var(--repl-blue-text); font-size: 12px; min-height: 32px; }
.workspace-body .job-box {
  background: var(--repl-control);
  color: var(--repl-secondary);
  border: 1px solid var(--repl-border);
  border-radius: 8px;
  padding: 12px;
  margin: 16px 0;
  font-size: 12px;
}
.workspace-body .job-title { color: var(--repl-secondary); font-size: 13px; font-weight: 400; gap: 7px; flex-wrap: wrap; }
.workspace-body .job-title > svg { width: 16px; height: 16px; }
.workspace-body .job-state { color: var(--repl-muted); font-size: 11px; }
.workspace-body .job-events { color: var(--repl-muted); font-size: 12px; line-height: 1.6; gap: 6px; padding-left: 14px; }
.workspace-body .job-events div:before { color: var(--repl-muted); }
.workspace-body .job-delta { color: var(--repl-secondary); }
.workspace-body .job-error,
.workspace-body .chat-compose .error-copy { color: var(--repl-error); font-size: 12px; }
.workspace-body .job-controls { flex-wrap: wrap; gap: 6px; }
.workspace-body .job-controls button {
  color: var(--repl-secondary);
  border-color: var(--repl-border);
  background: var(--repl-panel);
  border-radius: 6px;
  font-size: 12px;
  min-height: 32px;
  padding: 5px 9px;
}
.workspace-body .job-controls button:hover { color: var(--repl-text); background: var(--repl-hover); }
.workspace-body :is(.work-plan,.work-evidence) {
  color: var(--repl-secondary);
  background: transparent;
  border-color: var(--repl-border);
  border-radius: 6px;
  font-size: 12px;
  padding: 10px;
}
.workspace-body :is(.work-plan,.work-evidence) summary { color: var(--repl-secondary); font-weight: 400; }
.workspace-body .review-limit { color: var(--repl-muted); border-color: var(--repl-border); }
.workspace-body .chat-compose {
  border: 0;
  background: var(--repl-bg);
  padding: 0 8px 8px;
  max-height: 65dvh;
  scrollbar-width: thin;
  scrollbar-color: var(--repl-border-strong) transparent;
}
.workspace-body .chat-input-shell {
  border: 1px solid var(--repl-border);
  background: var(--repl-panel);
  border-radius: 8px;
  padding: 12px 12px 8px;
  box-shadow: 0 1px 3px #18191b08;
}
.workspace-body .chat-input-shell:focus-within { border-color: var(--repl-blue); box-shadow: 0 0 0 1px #0f87ff1a; }
.workspace-body .chat-input-shell textarea {
  color: var(--repl-text);
  background: transparent;
  font: 16px/1.4 var(--repl-font);
  height: 56px;
  max-height: 240px;
  min-height: 44px;
  padding: 0;
  resize: none;
}
.workspace-body .chat-input-shell textarea::placeholder { color: var(--repl-muted); }
.workspace-body .chat-compose-footer { gap: 4px; margin-top: 8px; }
.workspace-body .chat-compose .icon-button {
  width: 32px;
  height: 32px;
  min-width: 32px;
  color: var(--repl-muted);
  border-radius: 6px;
}
.workspace-body .chat-compose .icon-button:hover { color: var(--repl-text); background: var(--repl-hover); }
.workspace-body .chat-compose-footer .icon-button svg { width: 16px; height: 16px; }
.workspace-body #messageMode {
  background: var(--repl-control);
  color: var(--repl-secondary);
  border: 1px solid var(--repl-border);
  border-radius: 6px;
  font-size: 12px;
  height: 32px;
  padding: 0 6px;
  max-width: 110px;
  min-width: 0;
}
.workspace-body #sendMessage {
  width: 32px;
  height: 32px;
  flex: none;
  border-radius: 6px;
  background: var(--repl-blue);
  color: #f7fbff;
}
.workspace-body #sendMessage:hover { background: var(--repl-blue-hover); }
.workspace-body .compose-model { color: var(--repl-muted); font-size: 11px; min-height: 28px; padding: 4px 4px 0; }
.workspace-body .compose-model:hover { color: var(--repl-text); }
.workspace-body .compose-shortcut { color: var(--repl-muted); font-size: 10px; line-height: 1.5; margin: 3px 4px 0; gap: 4px 8px; }
.workspace-body .compose-shortcut > span:last-child { display: none; }
.workspace-body .prompt-size { color: var(--repl-muted); font-size: 10px; }
.workspace-body .chat-compose .error-copy:empty { display: none; }
.workspace-body .agent-activity {
  background: var(--repl-control);
  color: var(--repl-secondary);
  border-color: var(--repl-border);
  border-radius: 8px;
  padding: 10px;
  margin-bottom: 8px;
}
.workspace-body .agent-activity strong { color: var(--repl-text); font-size: 12px; font-weight: 400; }
.workspace-body .agent-activity small { color: var(--repl-muted); font-size: 11px; line-height: 1.5; max-width: none; }
.workspace-body .agent-activity button {
  width: 32px;
  height: 32px;
  border-color: var(--repl-border);
  background: var(--repl-panel);
  color: var(--repl-secondary);
  border-radius: 6px;
}
.workspace-body .agent-activity button:hover { color: var(--repl-text); background: var(--repl-hover); }
.workspace-body .agent-activity.is-offline { background: var(--repl-control); border-color: var(--repl-border-strong); color: var(--repl-secondary); }
.workspace-body .agent-activity.is-offline small { color: var(--repl-muted); }
.workspace-body :is(.agent-activity,.job-title,.agent-live .bubble-meta) .spinner {
  border-color: var(--repl-border-strong);
  border-top-color: var(--repl-muted);
}
.workspace-body .context-selection {
  background: #e6f2ff;
  border-color: #bfddfa;
  color: var(--repl-blue-text);
  border-radius: 6px;
  font-size: 12px;
}
.workspace-body .context-selection button { color: var(--repl-blue-text); }
.workspace-body .context-selection .edit-selection-button { background: var(--repl-panel); border-color: #bfddfa; color: var(--repl-blue-text); border-radius: 6px; }
.workspace-body .chat-compose .voice-message { background: var(--repl-control); border-color: var(--repl-border); color: var(--repl-secondary); border-radius: 8px; }
.workspace-body .chat-compose .voice-message textarea { background: var(--repl-panel); color: var(--repl-text); border-color: var(--repl-border-strong); border-radius: 6px; font-size: 14px; }
.workspace-body .chat-compose .voice-message .secondary { background: var(--repl-panel); color: var(--repl-secondary); border-color: var(--repl-border); border-radius: 6px; }
.workspace-body .chat-compose .voice-message .secondary:hover { background: var(--repl-hover); }
.workspace-body .chat-compose .attachment-chip { background: var(--repl-selected); color: var(--repl-secondary); border-radius: 6px; font-size: 11px; }
.workspace-body .chat-compose .attachment-chip button:hover { background: var(--repl-hover); border-radius: 4px; }
.workspace-body .record-strip { color: var(--repl-secondary); background: var(--repl-control); border-color: var(--repl-border); border-radius: 6px; }
.workspace-body .record-strip button { color: var(--repl-secondary); border-color: var(--repl-border); background: var(--repl-panel); border-radius: 6px; min-height: 32px; }
.workspace-body .record-strip button:hover { background: var(--repl-hover); }
@media (max-width: 900px) {
  .workspace-body .chat-title { padding-inline: 12px; }
  .workspace-body .message-list { padding-inline: 12px; }
  .workspace-body .chat-compose-footer { gap: 2px; }
  .workspace-body .chat-input-shell { padding-inline: 9px; }
}
@media (max-width: 640px) {
  .workspace-body .chat-title { height: 36px; min-height: 36px; padding-inline: 14px; }
  .workspace-body .message-list { padding: 8px 14px 18px; }
  .workspace-body .chat-bubble { max-width: 100%; font-size: 14px; }
  .workspace-body .chat-compose { padding: 0 8px 8px; max-height: 62dvh; }
  .workspace-body .chat-input-shell { padding: 10px 10px 8px; }
  .workspace-body .chat-input-shell textarea { font-size: 16px; line-height: 1.4; height: 56px; }
  .workspace-body .chat-compose .icon-button,
  .workspace-body #sendMessage,
  .workspace-body .agent-activity button { width: 36px; min-width: 36px; height: 36px; min-height: 36px; }
  .workspace-body #messageMode { height: 36px; font-size: 12px; }
  .workspace-body .compose-model { min-height: 36px; font-size: 12px; }
  .workspace-body .compose-shortcut { display: none; }
  .workspace-body .job-controls button,
  .workspace-body .chat-bubble .expand-message,
  .workspace-body .context-selection button,
  .workspace-body .record-strip button { min-height: 36px; }
  .workspace-body .chat-compose .voice-message textarea { font-size: 16px; }
}