/* ══════════════════════════════════════════════
   mirror.css — CodeMirror base & mechanics
   Enthält: Layout, Scrolling, Gutters, Cursor,
   Standard-Theme (.cm-s-default), Addons.
   Theme-Overrides → style.css
   ══════════════════════════════════════════════ */


/* ── Basics ── */

.CodeMirror {
    font-family: monospace;
    height: 300px;
    color: black;
    direction: ltr;
}


/* ── Padding ── */

.CodeMirror-lines {
    padding: 4px 0;
}

.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
    padding: 0 4px;
}

.CodeMirror-scrollbar-filler,
.CodeMirror-gutter-filler {
    background-color: white;
}


/* ── Gutter ── */

.CodeMirror-gutters {
    border-right: 1px solid #ddd;
    background-color: #f7f7f7;
    white-space: nowrap;
}

.CodeMirror-linenumber {
    padding: 0 3px 0 5px;
    min-width: 20px;
    text-align: right;
    color: #999;
    white-space: nowrap;
}

.CodeMirror-guttermarker {
    color: black;
}

.CodeMirror-guttermarker-subtle {
    color: #999;
}


/* ── Cursor ── */

.CodeMirror-cursor {
    border-left: 1px solid black;
    border-right: none;
    width: 0;
}

.CodeMirror div.CodeMirror-secondarycursor {
    border-left: 1px solid silver;
}

.cm-fat-cursor .CodeMirror-cursor {
    width: auto;
    border: 0 !important;
    background: #7e7;
}

.cm-fat-cursor div.CodeMirror-cursors {
    z-index: 1;
}

.cm-fat-cursor .CodeMirror-line::selection,
.cm-fat-cursor .CodeMirror-line > span::selection,
.cm-fat-cursor .CodeMirror-line > span > span::selection {
    background: transparent;
}

.cm-fat-cursor .CodeMirror-line::-moz-selection,
.cm-fat-cursor .CodeMirror-line > span::-moz-selection,
.cm-fat-cursor .CodeMirror-line > span > span::-moz-selection {
    background: transparent;
}

.cm-fat-cursor {
    caret-color: transparent;
}

@keyframes blink {
    50% { background-color: transparent; }
}

.CodeMirror-overwrite .CodeMirror-cursor {}


/* ── Inline / misc ── */

.cm-tab {
    display: inline-block;
    text-decoration: inherit;
}

.CodeMirror-rulers {
    position: absolute;
    left: 0;
    right: 0;
    top: -50px;
    bottom: 0;
    overflow: hidden;
}

.CodeMirror-ruler {
    border-left: 1px solid #ccc;
    top: 0;
    bottom: 0;
    position: absolute;
}


/* ── Default Token Theme (.cm-s-default) ── */

.cm-s-default .cm-header   { color: blue; }
.cm-s-default .cm-quote    { color: #090; }
.cm-negative               { color: #d44; }
.cm-positive               { color: #292; }
.cm-header, .cm-strong     { font-weight: bold; }
.cm-em                     { font-style: italic; }
.cm-link                   { text-decoration: underline; }
.cm-strikethrough          { text-decoration: line-through; }

.cm-s-default .cm-keyword  { color: rgb(255, 255, 255); }
.cm-s-default .cm-atom     { color: #219; }
.cm-s-default .cm-def      { color: #00f; }
.cm-s-default .cm-variable-2 { color: #05a; }
.cm-s-default .cm-variable-3,
.cm-s-default .cm-type     { color: #085; }
.cm-s-default .cm-comment  { color: #a50; }
.cm-s-default .cm-string   { color: #a11; }
.cm-s-default .cm-string-2 { color: #f50; }
.cm-s-default .cm-meta     { color: #555; }
.cm-s-default .cm-qualifier { color: #555; }
.cm-s-default .cm-builtin  { color: #30a; }
.cm-s-default .cm-bracket  { color: #997; }
.cm-s-default .cm-tag      { color: #170; }
.cm-s-default .cm-attribute { color: #00c; }
.cm-s-default .cm-hr       { color: #999; }
.cm-s-default .cm-link     { color: #00c; }
.cm-s-default .cm-error    { color: #f00; }
.cm-invalidchar            { color: #f00; }

.CodeMirror-composing { border-bottom: 2px solid; }


/* ── Addon: Matching Brackets ── */

div.CodeMirror span.CodeMirror-matchingbracket    { color: #0b0; }
div.CodeMirror span.CodeMirror-nonmatchingbracket { color: #a22; }
.CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); }
.CodeMirror-activeline-background { background: #e8f2ff; }


/* ── Mechanics (do not touch) ── */

.CodeMirror {
    position: relative;
    overflow: hidden;
    background: white;
}

.CodeMirror-scroll {
    overflow: scroll !important;
    margin-bottom: -50px;
    margin-right: -50px;
    padding-bottom: 50px;
    height: 100%;
    outline: none;
    position: relative;
    z-index: 0;
}

.CodeMirror-sizer {
    position: relative;
    border-right: 50px solid transparent;
}

.CodeMirror-vscrollbar,
.CodeMirror-hscrollbar,
.CodeMirror-scrollbar-filler,
.CodeMirror-gutter-filler {
    position: absolute;
    z-index: 6;
    display: none;
    outline: none;
}

.CodeMirror-vscrollbar { right: 0; top: 0; overflow-x: hidden; overflow-y: scroll; }
.CodeMirror-hscrollbar { bottom: 0; left: 0; overflow-y: hidden; overflow-x: scroll; }
.CodeMirror-scrollbar-filler { right: 0; bottom: 0; }
.CodeMirror-gutter-filler    { left: 0;  bottom: 0; }

.CodeMirror-gutters {
    position: absolute;
    left: 0;
    top: 0;
    min-height: 100%;
    z-index: 3;
}

.CodeMirror-gutter {
    white-space: normal;
    height: 100%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: -50px;
}

.CodeMirror-gutter-wrapper {
    position: absolute;
    z-index: 4;
    background: none !important;
    border: none !important;
}

.CodeMirror-gutter-background { position: absolute; top: 0; bottom: 0; z-index: 4; }
.CodeMirror-gutter-elt        { position: absolute; cursor: default; z-index: 4; }

.CodeMirror-gutter-wrapper ::selection      { background-color: transparent; }
.CodeMirror-gutter-wrapper ::-moz-selection { background-color: transparent; }

.CodeMirror-lines { cursor: text; min-height: 1px; }

.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border-width: 0;
    background: transparent;
    font-family: inherit;
    font-size: inherit;
    margin: 0;
    white-space: pre;
    word-wrap: normal;
    line-height: inherit;
    color: inherit;
    z-index: 2;
    position: relative;
    overflow: visible;
    -webkit-tap-highlight-color: transparent;
    font-variant-ligatures: contextual;
}

.CodeMirror-wrap pre.CodeMirror-line,
.CodeMirror-wrap pre.CodeMirror-line-like {
    word-wrap: break-word;
    white-space: pre-wrap;
    word-break: normal;
}

.CodeMirror-linebackground {
    position: absolute;
    left: 0; right: 0; top: 0; bottom: 0;
    z-index: 0;
}

.CodeMirror-linewidget { position: relative; z-index: 2; padding: 0.1px; }
.CodeMirror-rtl pre    { direction: rtl; }
.CodeMirror-code       { outline: none; }

.CodeMirror-scroll,
.CodeMirror-sizer,
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.CodeMirror-measure { position: absolute; width: 100%; height: 0; overflow: hidden; visibility: hidden; }
.CodeMirror-measure pre { position: static; }
.CodeMirror-cursor  { position: absolute; pointer-events: none; }

div.CodeMirror-cursors     { visibility: hidden; position: relative; z-index: 3; }
div.CodeMirror-dragcursors { visibility: visible; }
.CodeMirror-focused div.CodeMirror-cursors { visibility: visible; }

.CodeMirror-selected         { background: #d9d9d9; }
.CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }

.CodeMirror-crosshair { cursor: crosshair; }

.CodeMirror-line::selection,
.CodeMirror-line > span::selection,
.CodeMirror-line > span > span::selection { background: #d7d4f0; }

.CodeMirror-line::-moz-selection,
.CodeMirror-line > span::-moz-selection,
.CodeMirror-line > span > span::-moz-selection { background: #d7d4f0; }

.cm-searching { background-color: rgba(255, 255, 0, .4); }
.cm-force-border { padding-right: .1px; }

@media print {
    .CodeMirror div.CodeMirror-cursors { visibility: hidden; }
}

.cm-tab-wrap-hack::after { content: ''; }
span.CodeMirror-selectedtext { background: none; }