/* YAML Editor Theme (blue + black background) */
/* Container host may use this file directly to keep the same look */

/* Editor shell (outer panel) left to app; this file styles CodeMirror area */
.CodeMirror {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 12px;
  line-height: 1.35;
  background: #0a0a0a; /* input area background (near-black) */
  color: #e2e8f0;
  height: 100% !important; /* fill host */
}
.CodeMirror-scroll { height: 100% !important; }
.CodeMirror pre { margin: 0 !important; }
.CodeMirror-lines { padding: 4px 0; }
.CodeMirror-activeline-background { background: rgba(59,130,246,0.14) !important; }
.CodeMirror-gutters { background: #0a0a0a !important; border-right: 1px solid #1f2a44 !important; color: #94a3b8 !important; }
.CodeMirror-linenumber { color: #7a8aa6 !important; }
.CodeMirror-selected { background: rgba(59,130,246,0.28) !important; }

/* Code folding gutter */
.CodeMirror-foldgutter { 
  width: 16px !important;
  padding: 0 2px !important;
}
.CodeMirror-foldgutter-open, .CodeMirror-foldgutter-folded {
  cursor: pointer;
  color: #60a5fa !important;
  display: inline-block !important;
  text-align: center;
}
.CodeMirror-foldgutter-open:after { 
  content: "\25BC"; 
  font-size: 10px;
  display: inline-block;
}
.CodeMirror-foldgutter-folded:after { 
  content: "\25B6"; 
  font-size: 10px;
  display: inline-block;
}
.CodeMirror-foldmarker {
  background: rgba(59, 130, 246, 0.3);
  border: 1px solid #60a5fa;
  color: #93c5fd;
  border-radius: 3px;
  padding: 0 3px;
  cursor: pointer;
  font-size: 10px;
  line-height: 1;
}

/* Blue-toned tokens overriding theme oranges */
.cm-property, .cm-attribute, .cm-def,
.cm-builtin, .cm-variable, .cm-variable-2, .cm-variable-3 { color: #93c5fd !important; }
.cm-string { color: #67e8f9 !important; }
.cm-number { color: #a5b4fc !important; }
.cm-atom { color: #7dd3fc !important; }
.cm-keyword, .cm-meta, .cm-operator { color: #60a5fa !important; }
.cm-qualifier, .cm-tag, .cm-bracket { color: #7dd3fc !important; }
.cm-comment { color: #a0aec0 !important; }