/* ── Guide / User Manual page ── */
.doc-toc-link {
  display:block;
  font-size:13px;
  color:var(--text2);
  padding:5px 8px;
  border-radius:6px;
  cursor:pointer;
  text-decoration:none;
  transition:background .15s,color .15s;
  user-select:none;
}
.doc-toc-link:hover { background:var(--hover); color:var(--text); }
.guide-msg {
  max-width:90%;
  padding:10px 13px;
  border-radius:10px;
  font-size:13px;
  line-height:1.6;
  word-break:break-word;
}
.guide-msg-assistant {
  background:var(--surface2);
  color:var(--text);
  align-self:flex-start;
  border-end-start-radius:2px;
}
.guide-msg-user {
  background:var(--blue);
  color:#fff;
  align-self:flex-end;
  border-end-end-radius:2px;
}
.guide-msg-thinking {
  background:var(--surface2);
  color:var(--text2);
  align-self:flex-start;
  font-style:italic;
  opacity:.7;
}
.guide-suggestion {
  background:var(--surface2);
  border:1px solid var(--border2);
  border-radius:20px;
  padding:4px 10px;
  font-size:11px;
  color:var(--text2);
  cursor:pointer;
  transition:background .15s,color .15s,border-color .15s;
  white-space:nowrap;
}
.guide-suggestion:hover { background:var(--blue);color:#fff;border-color:var(--blue); }
  /* Knowledge Base inline form */
  .kb-tab-btn { padding:6px 14px; border-radius:6px; border:1px solid var(--border2); background:var(--surface2); color:var(--text2); font-size:12px; font-weight:600; cursor:pointer; transition:all .15s; }
  .kb-tab-btn.active { background:var(--accent); border-color:var(--accent); color:#fff; }
  .kb-tab-btn:hover:not(.active) { border-color:var(--accent); color:var(--accent); }
  .kb-form-panel { background:var(--surface2); border:1px solid var(--border); border-radius:10px; padding:16px; margin-bottom:4px; }
  .cdm-kb-upload-zone { border:2px dashed var(--border2); border-radius:10px; padding:32px 24px; text-align:center; cursor:pointer; transition:all .15s; }
  .cdm-kb-upload-zone:hover, .cdm-kb-upload-zone.drag-over { border-color:var(--accent); background:rgba(88,166,255,.08); }
  /* Setup integration rows */
  .cdm-integration-row { display:flex; align-items:center; gap:12px; margin-bottom:4px; }
  .cdm-integration-icon { width:36px; height:36px; border-radius:8px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }