/* Чат ИИ-помощника: markdown + светлая тема */

.markdown-body {
  line-height: 1.6;
  color: var(--text-secondary);
}

.markdown-body p { margin: 0.5em 0; }

.markdown-body pre {
  background: var(--bg-tertiary);
  border-radius: 8px;
  padding: 12px;
  overflow-x: auto;
  margin: 8px 0;
  border: 1px solid var(--border-primary);
  position: relative;
}

.markdown-body code {
  background: var(--bg-hover);
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 0.85em;
  font-family: "JetBrains Mono", "Fira Code", monospace;
  color: var(--text-primary);
}

.markdown-body pre code { background: none; padding: 0; }
.markdown-body ul,
.markdown-body ol { padding-left: 1.5em; margin: 0.5em 0; }
.markdown-body li { margin: 0.25em 0; }

.markdown-body blockquote {
  border-left: 3px solid #6366f1;
  padding-left: 12px;
  color: var(--text-tertiary);
  margin: 8px 0;
}

.markdown-body h1,
.markdown-body h2,
.markdown-body h3 {
  margin: 1em 0 0.5em;
  color: var(--text-primary);
}

.markdown-body h1 { font-size: 1.3em; }
.markdown-body h2 { font-size: 1.15em; }
.markdown-body h3 { font-size: 1.05em; }

.markdown-body table {
  border-collapse: collapse;
  width: 100%;
  margin: 8px 0;
}

.markdown-body th,
.markdown-body td {
  border: 1px solid var(--border-primary);
  padding: 6px 10px;
  text-align: left;
}

.markdown-body th { background: var(--bg-tertiary); }
.markdown-body a { color: #818cf8; text-decoration: underline; }
.markdown-body hr { border: none; border-top: 1px solid var(--border-primary); margin: 12px 0; }

.copy-code-btn {
  position: absolute;
  top: 6px;
  right: 6px;
  background: var(--border-secondary);
  border: none;
  color: var(--text-tertiary);
  padding: 3px 8px;
  border-radius: 4px;
  font-size: 11px;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.2s;
}

.markdown-body pre:hover .copy-code-btn { opacity: 1; }

.copy-msg-btn {
  background: none;
  border: none;
  color: var(--text-tertiary);
  padding: 2px 6px;
  cursor: pointer;
  font-size: 12px;
  opacity: 0;
  transition: opacity 0.2s;
}

.msg-wrapper:hover .copy-msg-btn { opacity: 1; }
.delete-msg-btn { opacity: 0; transition: opacity 0.2s; }
.msg-wrapper:hover .delete-msg-btn { opacity: 1; }

.feedback-btn {
  opacity: 0;
  transition: opacity 0.2s;
  color: var(--text-tertiary);
}

.msg-wrapper:hover .feedback-btn { opacity: 1; }
.feedback-btn.active-good { opacity: 1 !important; color: #16a34a; }
.feedback-btn.active-bad { opacity: 1 !important; color: var(--danger); }

html[data-theme="dark"] .feedback-btn.active-good { color: #4ade80; }

#messages-area { overflow-anchor: none; }

#chat-panel.drag-over-files {
  box-shadow: inset 0 0 0 2px rgb(14 165 233 / 0.55);
}

/* --- Светлая тема: полноценный чат, не инверсия zinc --- */

html[data-theme="light"] .markdown-body a { color: var(--accent); }
html[data-theme="light"] .markdown-body blockquote { border-left-color: var(--accent); }

html[data-theme="light"] #chat-panel.drag-over-files {
  box-shadow: inset 0 0 0 2px var(--accent);
}

html[data-theme="light"] #assistant-app #sidebar,
html[data-theme="light"] #assistant-app #chat-panel {
  background: var(--bg-secondary);
  border-color: var(--border-primary);
  box-shadow: var(--shadow-card);
}

html[data-theme="light"] #assistant-app #sidebar > div,
html[data-theme="light"] #assistant-app #chat-header,
html[data-theme="light"] #assistant-app #chat-panel > .assistant-composer-wrap {
  border-color: var(--border-primary);
  background: var(--bg-secondary);
}

html[data-theme="light"] #assistant-app #messages-area {
  background-color: #eef1f5;
}

html[data-theme="light"] #assistant-app #chat-title {
  color: var(--text-primary);
}

html[data-theme="light"] #assistant-app #search-input,
html[data-theme="light"] #assistant-app #context-select {
  background-color: var(--bg-secondary);
  border-color: var(--border-secondary);
  color: var(--text-primary);
  box-shadow: 0 1px 1px rgba(15, 23, 42, 0.03);
}

html[data-theme="light"] #assistant-app #search-input::placeholder,
html[data-theme="light"] #assistant-app #message-input::placeholder {
  color: var(--input-placeholder);
  opacity: 1;
}

html[data-theme="light"] #assistant-app #search-input:hover,
html[data-theme="light"] #assistant-app #context-select:hover {
  background-color: var(--bg-secondary);
  border-color: var(--border-hover);
}

html[data-theme="light"] #assistant-app #search-input:focus,
html[data-theme="light"] #assistant-app #context-select:focus {
  background-color: var(--bg-secondary);
  border-color: var(--accent);
  box-shadow: 0 0 0 3px var(--focus-ring);
}

html[data-theme="light"] #assistant-app .assistant-composer {
  background: var(--bg-secondary);
  border-color: var(--border-secondary);
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 8px 20px rgba(15, 23, 42, 0.04);
}

html[data-theme="light"] #assistant-app .assistant-composer:focus-within {
  border-color: var(--accent);
  box-shadow: 0 0 0 3px var(--focus-ring);
}

html[data-theme="light"] #assistant-app #message-input,
html[data-theme="light"] #assistant-app #message-input:hover,
html[data-theme="light"] #assistant-app #message-input:focus {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--text-primary);
}

html[data-theme="light"] #assistant-app #btn-attach-file {
  background: transparent !important;
  border-color: transparent !important;
  color: var(--text-tertiary) !important;
}

html[data-theme="light"] #assistant-app #btn-attach-file:hover {
  background: var(--bg-hover) !important;
  color: var(--text-primary) !important;
}

html[data-theme="light"] #assistant-app .suggestion-btn {
  background: var(--bg-secondary);
  border-color: var(--border-primary);
  color: var(--text-secondary);
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

html[data-theme="light"] #assistant-app .suggestion-btn:hover {
  background: var(--bg-hover);
  color: var(--text-primary);
  border-color: var(--border-hover);
}

html[data-theme="light"] #assistant-app #conversations-list .conv-item:hover {
  background: var(--bg-hover);
  color: var(--text-primary);
}

html[data-theme="light"] #assistant-app #conversations-list .conv-item--active {
  background: var(--accent-muted);
  color: var(--text-primary);
  border-color: rgba(3, 105, 161, 0.22);
}

html[data-theme="light"] #assistant-app #conversations-list .conv-item .text-zinc-600 {
  color: var(--text-tertiary);
}

html[data-theme="light"] #assistant-app .assistant-bubble--assistant {
  background: var(--bg-secondary) !important;
  border-color: var(--border-secondary) !important;
  box-shadow: var(--shadow-card);
  color: var(--text-secondary);
}

html[data-theme="light"] #assistant-app .assistant-bubble--user {
  background: rgba(3, 105, 161, 0.1) !important;
  border-color: rgba(3, 105, 161, 0.22) !important;
  color: var(--text-primary);
}

html[data-theme="light"] #assistant-app .assistant-file-chip {
  background: var(--surface-muted);
  border-color: var(--border-primary);
  color: var(--text-secondary);
}

html[data-theme="light"] #assistant-app .assistant-welcome {
  background: transparent;
}

html[data-theme="light"] #assistant-app #provider-badge {
  background: var(--surface-muted);
  color: var(--text-tertiary);
  border-color: var(--border-primary);
}

html[data-theme="light"] #assistant-app #btn-load-more {
  background: var(--bg-secondary);
  border-color: var(--border-primary);
  color: var(--text-secondary);
}

html[data-theme="light"] #assistant-app #btn-load-more:hover {
  background: var(--bg-hover);
  color: var(--text-primary);
}

html[data-theme="light"] #assistant-app #mu-nd-full-checkbox {
  background-color: var(--bg-secondary);
  border-color: var(--border-secondary);
  color: var(--accent);
}

/* Disabled: читаемые приглушённые контролы, не 50% opacity */
html[data-theme="light"] #assistant-app :disabled {
  opacity: 1;
  cursor: not-allowed;
}

html[data-theme="light"] #assistant-app .btn-primary:disabled {
  background: #d5dce6;
  color: #4b5565;
  box-shadow: none;
  transform: none;
}

html[data-theme="light"] #assistant-app #search-input:disabled,
html[data-theme="light"] #assistant-app #context-select:disabled {
  background: var(--surface-muted);
  color: var(--text-tertiary);
  border-color: var(--border-primary);
  box-shadow: none;
}

html[data-theme="light"] #assistant-app #message-input:disabled {
  background: transparent !important;
  color: var(--text-tertiary);
}

html[data-theme="light"] #assistant-app #btn-attach-file:disabled {
  background: transparent !important;
  color: var(--text-tertiary) !important;
}

html[data-theme="light"] #assistant-app .suggestion-btn:disabled {
  background: var(--bg-secondary);
  color: var(--text-tertiary);
  border-color: var(--border-primary);
  box-shadow: none;
}

html[data-theme="light"] #assistant-app .copy-code-btn {
  background: var(--bg-secondary);
  border: 1px solid var(--border-primary);
  color: var(--text-secondary);
}