/* CodeMirror ACLClouds - light-only editor overrides */

/* Light theme only */
.CodeMirror,
[data-theme="light"] .CodeMirror,
[data-theme="dark"] .CodeMirror { background: #fff !important; color: #1e1e1e !important; }
.CodeMirror-gutters,
[data-theme="light"] .CodeMirror-gutters,
[data-theme="dark"] .CodeMirror-gutters { background: #f5f7fb !important; border-right: 1px solid rgba(32,54,84,0.1) !important; }
.CodeMirror-linenumber,
[data-theme="light"] .CodeMirror-linenumber,
[data-theme="dark"] .CodeMirror-linenumber { color: #8a95a6 !important; }
.CodeMirror-cursor,
[data-theme="light"] .CodeMirror-cursor,
[data-theme="dark"] .CodeMirror-cursor { border-left-color: #0071e3 !important; }
.CodeMirror,
.CodeMirror pre,
.CodeMirror-line,
.CodeMirror-lines,
.CodeMirror-code,
[data-theme="light"] .CodeMirror,
[data-theme="light"] .CodeMirror pre,
[data-theme="dark"] .CodeMirror,
[data-theme="dark"] .CodeMirror pre {
  letter-spacing: 0 !important;
  word-spacing: 0 !important;
  font-variant-ligatures: none !important;
  font-feature-settings: "liga" 0, "calt" 0, "dlig" 0 !important;
  text-rendering: auto !important;
}
.CodeMirror-selected,
[data-theme="light"] .CodeMirror-selected,
[data-theme="dark"] .CodeMirror-selected { background: rgba(0,113,227,0.15) !important; }
.cm-keyword { color: #af00db !important; }
.cm-number { color: #098658 !important; }
.cm-def { color: #795e26 !important; }
.cm-variable { color: #001080 !important; }
.cm-comment { color: #008000 !important; font-style: italic; }
.cm-string { color: #a31515 !important; }
.cm-tag { color: #800000 !important; }

/* Autocomplete */
.CodeMirror-hints { background: var(--bg-card,#fff) !important; border: 1px solid var(--border) !important; border-radius: 8px !important; box-shadow: var(--shadow-md, 0 8px 20px rgba(15,23,42,.1)) !important; padding: 4px !important; font-size: 12px !important; }
.CodeMirror-hint { color: var(--text-primary,#172033) !important; padding: 4px 8px !important; border-radius: 4px !important; }
.CodeMirror-hint-active { background: var(--accent,#0a84ff) !important; color: #fff !important; }

/* Scrollbars */
.CodeMirror-simplescroll-horizontal { height: 6px !important; }
.CodeMirror-simplescroll-vertical { width: 6px !important; }
.CodeMirror-simplescroll-horizontal div, .CodeMirror-simplescroll-vertical div { background: rgba(32,54,84,0.18) !important; border-radius: 3px !important; }
