/* ============================================================
   EASYMDE DARK THEME OVERRIDES
   Matches LoboForge Studio dark UI palette
   ============================================================ */

/* ── Outer wrapper ─────────────────────────────────────────── */
.EasyMDEContainer {
    background: transparent;
}

/* ── Toolbar ───────────────────────────────────────────────── */
.EasyMDEContainer .editor-toolbar {
    background: #1a1a22;
    border: 1px solid rgba(255,255,255,.12);
    border-bottom: none;
    border-radius: 8px 8px 0 0;
    padding: 6px 8px;
    opacity: 1;
}

.EasyMDEContainer .editor-toolbar button,
.EasyMDEContainer .editor-toolbar i.separator {
    color: rgba(255,255,255,.75) !important;
    border: none;
    background: transparent;
    border-radius: 5px;
    width: 30px;
    height: 30px;
    line-height: 30px;
}

.EasyMDEContainer .editor-toolbar button:hover,
.EasyMDEContainer .editor-toolbar button.active {
    background: rgba(255,255,255,.1) !important;
    color: #fff !important;
}

.EasyMDEContainer .editor-toolbar i.separator {
    border-color: rgba(255,255,255,.15) !important;
    width: 1px;
    margin: 0 4px;
}

/* ── CodeMirror editor area ────────────────────────────────── */
.EasyMDEContainer .CodeMirror {
    background: #111118;
    color: rgba(255,255,255,.88);
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 0 0 8px 8px;
    font-family: 'Inter', system-ui, sans-serif;
    font-size: .95rem;
    line-height: 1.7;
    padding: 4px;
    min-height: 220px;
}

.EasyMDEContainer .CodeMirror-scroll {
    min-height: 220px;
}

.EasyMDEContainer .CodeMirror-cursor {
    border-left-color: rgba(255,255,255,.8);
}

.EasyMDEContainer .CodeMirror-selected {
    background: rgba(167,139,250,.25) !important;
}

.EasyMDEContainer .CodeMirror-focused .CodeMirror-selected {
    background: rgba(167,139,250,.3) !important;
}

/* Gutter (line numbers area) */
.EasyMDEContainer .CodeMirror-gutters {
    background: #111118;
    border-right: 1px solid rgba(255,255,255,.08);
}

/* Syntax token colours */
.EasyMDEContainer .cm-header   { color: #c4b5fd; font-weight: 700; }
.EasyMDEContainer .cm-strong   { color: #fff; font-weight: 700; }
.EasyMDEContainer .cm-em       { color: rgba(255,255,255,.75); font-style: italic; }
.EasyMDEContainer .cm-link     { color: #a78bfa; }
.EasyMDEContainer .cm-url      { color: #7c93fa; }
.EasyMDEContainer .cm-quote    { color: rgba(255,255,255,.5); font-style: italic; }
.EasyMDEContainer .cm-code,
.EasyMDEContainer .cm-comment  { color: #86efac; font-family: monospace; }

/* ── Preview pane (side-by-side / preview mode) ────────────── */
.EasyMDEContainer .editor-preview,
.EasyMDEContainer .editor-preview-side {
    background: #0f0f16;
    border: 1px solid rgba(255,255,255,.1);
    color: rgba(255,255,255,.88);
    font-size: .95rem;
    line-height: 1.75;
    border-radius: 0 0 8px 8px;
}

.EasyMDEContainer .editor-preview p,
.EasyMDEContainer .editor-preview-side p   { margin: 0 0 .85em; }
.EasyMDEContainer .editor-preview h1,
.EasyMDEContainer .editor-preview-side h1  { font-size: 1.5rem; font-weight: 700; margin: 1.2em 0 .4em; }
.EasyMDEContainer .editor-preview h2,
.EasyMDEContainer .editor-preview-side h2  { font-size: 1.2rem; font-weight: 700; margin: 1.1em 0 .4em; }
.EasyMDEContainer .editor-preview h3,
.EasyMDEContainer .editor-preview-side h3  { font-size: 1rem; font-weight: 700; margin: 1em 0 .3em; }
.EasyMDEContainer .editor-preview a,
.EasyMDEContainer .editor-preview-side a   { color: #a78bfa; }
.EasyMDEContainer .editor-preview code,
.EasyMDEContainer .editor-preview-side code {
    background: rgba(255,255,255,.07);
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 4px; padding: 1px 5px;
    font-family: monospace; font-size: .88em;
}
.EasyMDEContainer .editor-preview pre,
.EasyMDEContainer .editor-preview-side pre {
    background: rgba(0,0,0,.4);
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 6px; padding: .9em;
}
.EasyMDEContainer .editor-preview blockquote,
.EasyMDEContainer .editor-preview-side blockquote {
    border-left: 3px solid rgba(167,139,250,.5);
    padding-left: 1em;
    color: rgba(255,255,255,.55);
    font-style: italic;
}

/* ── Fullscreen backdrop ───────────────────────────────────── */
.EasyMDEContainer .editor-toolbar.fullscreen,
.EasyMDEContainer .CodeMirror-fullscreen {
    background: #0f0f16;
}

/* ── Status bar (word count etc.) ──────────────────────────── */
.EasyMDEContainer .editor-statusbar {
    color: rgba(255,255,255,.35);
    font-size: .75rem;
    padding: 4px 8px;
}

/* ── Spell check squiggles — hide in dark mode ─────────────── */
.EasyMDEContainer .cm-spell-error {
    background: rgba(255,100,100,.15);
}