/* ==========================================================================
   PyBelajar - CodeMirror Clean Styles (Light & Dark Compatible, Zero Neon)
   ========================================================================== */

.CodeMirror {
  font-family: var(--font-mono) !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  height: 100% !important;
  width: 100% !important;
  max-width: 100% !important;
}

.CodeMirror-scroll {
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Light Theme CodeMirror (Default) */
[data-theme="light"] .CodeMirror {
  background-color: #ffffff !important;
  color: #0f172a !important;
}

[data-theme="light"] .CodeMirror-gutters {
  background-color: #f8fafc !important;
  border-right: 1px solid #e2e8f0 !important;
  padding: 0 4px !important;
}

[data-theme="light"] .CodeMirror-linenumber {
  color: #94a3b8 !important;
  font-size: 12px !important;
}

[data-theme="light"] .CodeMirror-cursor {
  border-left: 2px solid #0f172a !important;
}

[data-theme="light"] .CodeMirror-activeline-background {
  background: #f1f5f9 !important;
}

[data-theme="light"] .CodeMirror-selected {
  background: #cbd5e1 !important;
}

/* Dark Theme CodeMirror */
[data-theme="dark"] .CodeMirror {
  background-color: #0b1120 !important;
  color: #f8fafc !important;
}

[data-theme="dark"] .CodeMirror-gutters {
  background-color: #080d19 !important;
  border-right: 1px solid #1e293b !important;
  padding: 0 4px !important;
}

[data-theme="dark"] .CodeMirror-linenumber {
  color: #64748b !important;
  font-size: 12px !important;
}

[data-theme="dark"] .CodeMirror-cursor {
  border-left: 2px solid #38bdf8 !important;
}

[data-theme="dark"] .CodeMirror-activeline-background {
  background: rgba(255, 255, 255, 0.04) !important;
}

[data-theme="dark"] .CodeMirror-selected {
  background: rgba(255, 255, 255, 0.15) !important;
}