/* CodeMirror 6 editor overrides — theme-aware (ADR 0001): scrollbars and
   status colours resolve from the data-theme token custom properties. */

.cm-editor {
  height: 100%;
  border-radius: 0;
}

.cm-editor .cm-scroller {
  scrollbar-width: thin;
  scrollbar-color: var(--border-strong) transparent;
}

.cm-editor .cm-scroller::-webkit-scrollbar {
  width: 6px;
}

.cm-editor .cm-scroller::-webkit-scrollbar-track {
  background: transparent;
}

.cm-editor .cm-scroller::-webkit-scrollbar-thumb {
  background: var(--border-strong);
  border-radius: 3px;
}

.cm-editor .cm-scroller::-webkit-scrollbar-thumb:hover {
  background: var(--text-muted);
}

/* Save status indicator */
.autosave-saved {
  color: var(--status-success);
}

.autosave-saving {
  color: var(--status-warning);
}

.autosave-unsaved {
  color: var(--text-muted);
}

.autosave-failed {
  color: var(--status-danger);
}

/* Preview pane scrollbar */
.preview-pane {
  scrollbar-width: thin;
  scrollbar-color: var(--border-strong) transparent;
}

.preview-pane::-webkit-scrollbar {
  width: 6px;
}

.preview-pane::-webkit-scrollbar-track {
  background: transparent;
}

.preview-pane::-webkit-scrollbar-thumb {
  background: var(--border-strong);
  border-radius: 3px;
}

/* AI insert flash animation */
@keyframes ai-insert-flash {
  0% { outline-color: color-mix(in srgb, var(--accent) 50%, transparent); }
  100% { outline-color: transparent; }
}