/* ==================================================================
 * Python-Oberflaechen:
 *   - Python-Editor  (ExpertUI.view.main.XPythonEditorWindow)   -> .pyEditorWindow
 *   - Xplain Query Language (ExpertUI.view.main.XProgrammableTabs) -> .xqlPanel
 *
 * Redesign 2026 in den Farben des hellen Designs aus Main.scss:
 *   $xdSurface  #ffffff   $xdSurface2 #f8f9fc   $xdBorder  #e7e9f2
 *   $xdText     #171a26   $xdText2    #5b6172   $xdMuted   #9298ab
 *   $xdAccent   #417dbf   $xdAccentSoft #eef0fe
 *
 * Beide zeigen ihre Bereiche als Karten auf ruhigem Grund; die Abstaende
 * dazwischen kommen aus den margin-Configs der Regionen in der jeweiligen
 * View - im border-Layout positioniert Ext die Bereiche absolut, CSS-
 * Abstaende haetten dort keine Wirkung.
 *
 * Die Datei wird VOR dem gebauten Theme-CSS geladen (index.html /
 * application.html), deshalb "body"-Praefix und !important, wo eine
 * Theme-Regel dagegen steht. Kein SASS-Build noetig.
 * ================================================================== */

/* ------------------------------------------------------------------
   Fenster
   ------------------------------------------------------------------ */
body .pyEditorWindow.x-window {
    border: 1px solid #e7e9f2 !important;
    border-radius: 14px !important;
    background: #f8f9fc !important;
    box-shadow: 0 2px 4px rgba(23, 26, 38, 0.06), 0 18px 44px -8px rgba(23, 26, 38, 0.18) !important;
}

body .pyEditorWindow .x-window-header {
    background: #ffffff !important;
    border: 0 !important;
    border-bottom: 1px solid #e7e9f2 !important;
    border-radius: 14px 14px 0 0 !important;
    padding: 14px 16px !important;
}

body .pyEditorWindow .x-window-header .x-title-text {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: 700;
    color: #171a26;
}

body .pyEditorWindow .x-window-header .x-tool {
    background: transparent !important;
    border-radius: 8px;
    padding: 2px;
}

body .pyEditorWindow .x-window-header .x-tool:hover {
    background: #f8f9fc !important;
}

body .pyEditorWindow .x-window-header .x-tool-tool-el {
    color: #9298ab !important;
}

body .pyEditorWindow .x-window-body {
    background: #f8f9fc !important;
    border: 0 !important;
}

/* Griff zwischen den Bereichen: nur ein schmaler, ruhiger Streifen */
body .pyEditorWindow .x-splitter {
    background: transparent !important;
}

body .pyEditorWindow .x-splitter .x-collapse-el {
    color: #9298ab !important;
}

/* ------------------------------------------------------------------
   Die drei Bereiche als Karten
   ------------------------------------------------------------------ */
body .pyEditorWindow .pyFiles,
body .pyEditorWindow .pyEditor,
body .pyEditorWindow .pyConsole {
    background: #ffffff !important;
    border: 1px solid #e7e9f2 !important;
    border-radius: 12px !important;
    overflow: hidden;
}

body .pyEditorWindow .pyFiles .x-panel-header,
body .pyEditorWindow .pyEditor .x-panel-header,
body .pyEditorWindow .pyConsole .x-panel-header {
    background: #ffffff !important;
    border: 0 !important;
    border-bottom: 1px solid #e7e9f2 !important;
    border-radius: 12px 12px 0 0 !important;
    padding: 10px 14px !important;
}

body .pyEditorWindow .pyFiles .x-panel-header .x-title-text,
body .pyEditorWindow .pyEditor .x-panel-header .x-title-text,
body .pyEditorWindow .pyConsole .x-panel-header .x-title-text {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    font-size: 12.5px;
    font-weight: 600;
    color: #5b6172;
}

body .pyEditorWindow .pyFiles .x-panel-body,
body .pyEditorWindow .pyEditor .x-panel-body,
body .pyEditorWindow .pyConsole .x-panel-body {
    background: #ffffff !important;
    border: 0 !important;
}

/* Der Editor-Kopf traegt den Namen der geoeffneten Datei - der darf als
   Code gelesen werden */
body .pyEditorWindow .pyEditor .x-panel-header .x-title-text {
    font-family: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
    font-size: 12px;
    color: #171a26;
}

/* ------------------------------------------------------------------
   Skriptliste
   ------------------------------------------------------------------ */
body .pyEditorWindow .pyFiles .x-grid-header-ct,
body .pyEditorWindow .pyFiles .x-column-header {
    background: #ffffff !important;
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-bottom: 1px solid #e7e9f2 !important;
}

body .pyEditorWindow .pyFiles .x-column-header-text-inner {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #9298ab;
}

body .pyEditorWindow .pyFiles .x-grid-cell,
body .pyEditorWindow .pyFiles .x-grid-cell-inner {
    background-color: transparent;
    border-color: #f0f1f6 !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    font-size: 12.5px;
    color: #171a26;
}

body .pyEditorWindow .pyFiles .x-grid-row-over .x-grid-cell {
    background-color: #f8f9fc !important;
}

body .pyEditorWindow .pyFiles .x-grid-item-selected .x-grid-cell {
    background-color: #eef0fe !important;
    color: #171a26;
}

/* ------------------------------------------------------------------
   Konsolenausgabe
   ------------------------------------------------------------------ */
body .pyEditorWindow .pyConsole textarea.x-form-text {
    background: #f8f9fc !important;
    background-image: none !important;
    border: 0 !important;
    padding: 10px 14px;
    font-family: ui-monospace, 'SF Mono', Menlo, Consolas, monospace !important;
    font-size: 12.5px;
    line-height: 1.55;
    color: #171a26;
    resize: none;
}

/* ------------------------------------------------------------------
   Werkzeugleiste
   ------------------------------------------------------------------ */
body .pyEditorWindow .pyToolbar {
    background: #ffffff !important;
    background-image: none !important;
    border-top: 1px solid #e7e9f2 !important;
    border-radius: 0 0 14px 14px;
    padding: 10px 14px !important;
}

body .pyEditorWindow .pyField .x-form-item-label {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    font-size: 12.5px;
    color: #5b6172;
}

body .pyEditorWindow .pyField input.x-form-text {
    height: 32px;
    padding: 0 10px;
    border: 1px solid #e7e9f2;
    border-radius: 8px;
    background: #ffffff;
    background-image: none;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    font-size: 12.5px;
    color: #171a26;
}

body .pyEditorWindow .pyField input.x-form-text:focus {
    border-color: #5b9cf6;
    box-shadow: 0 0 0 3px rgba(91, 156, 246, 0.25);
}

body .pyEditorWindow .pyCheck .x-form-cb-label,
body .pyEditorWindow .pyCheck .x-form-item-label {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    font-size: 12.5px;
    color: #5b6172;
}

body .pyEditorWindow .pyToolbar a.pyBtn {
    background-image: none !important;
    border-radius: 8px !important;
    padding: 6px 16px !important;
    margin-left: 6px;
    box-shadow: none !important;
    transition: background-color 150ms ease, border-color 150ms ease;
}

body .pyEditorWindow .pyToolbar a.pyBtn .x-btn-inner {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    font-size: 12.5px;
    font-weight: 500;
}

body .pyEditorWindow .pyToolbar a.pyBtnGhost {
    background: #ffffff !important;
    border: 1px solid #e7e9f2 !important;
}

body .pyEditorWindow .pyToolbar a.pyBtnGhost .x-btn-inner {
    color: #5b6172 !important;
}

body .pyEditorWindow .pyToolbar a.pyBtnGhost .x-btn-icon-el {
    color: #5b6172 !important;
}

body .pyEditorWindow .pyToolbar a.pyBtnGhost.x-btn-over {
    background: #f8f9fc !important;
}

body .pyEditorWindow .pyToolbar a.pyBtnPrimary {
    background: #417dbf !important;
    border: 1px solid #417dbf !important;
    padding: 6px 20px !important;
}

body .pyEditorWindow .pyToolbar a.pyBtnPrimary .x-btn-inner,
body .pyEditorWindow .pyToolbar a.pyBtnPrimary .x-btn-icon-el {
    color: #ffffff !important;
}

body .pyEditorWindow .pyToolbar a.pyBtnPrimary .x-btn-inner {
    font-weight: 600;
}

body .pyEditorWindow .pyToolbar a.pyBtnPrimary.x-btn-over {
    background: #396ea9 !important;
    border-color: #396ea9 !important;
}

/* CodeMirror fuellt den Editorbereich; die Ecken der Karte bleiben rund */
body .pyEditorWindow .pyEditor .CodeMirror {
    height: 100%;
    border-radius: 0 0 12px 12px;
    font-family: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
    font-size: 13px;
}

/* ==================================================================
   Dunkles Design (Palette: resources/dark-theme.css)
   ================================================================== */
body.oe-theme-dark .pyEditorWindow.x-window {
    background: #101319 !important;
    border-color: #2a2f3a !important;
}

body.oe-theme-dark .pyEditorWindow .x-window-header,
body.oe-theme-dark .pyEditorWindow .pyToolbar {
    background: #15181e !important;
    border-color: #2a2f3a !important;
}

body.oe-theme-dark .pyEditorWindow .x-window-header .x-title-text {
    color: #e6e8eb;
}

body.oe-theme-dark .pyEditorWindow .x-window-body {
    background: #101319 !important;
}

body.oe-theme-dark .pyEditorWindow .pyFiles,
body.oe-theme-dark .pyEditorWindow .pyEditor,
body.oe-theme-dark .pyEditorWindow .pyConsole {
    background: #15181e !important;
    border-color: #2a2f3a !important;
}

body.oe-theme-dark .pyEditorWindow .pyFiles .x-panel-header,
body.oe-theme-dark .pyEditorWindow .pyEditor .x-panel-header,
body.oe-theme-dark .pyEditorWindow .pyConsole .x-panel-header,
body.oe-theme-dark .pyEditorWindow .pyFiles .x-panel-body,
body.oe-theme-dark .pyEditorWindow .pyEditor .x-panel-body,
body.oe-theme-dark .pyEditorWindow .pyConsole .x-panel-body,
body.oe-theme-dark .pyEditorWindow .pyFiles .x-grid-header-ct,
body.oe-theme-dark .pyEditorWindow .pyFiles .x-column-header {
    background: #15181e !important;
    border-color: #2a2f3a !important;
}

body.oe-theme-dark .pyEditorWindow .pyEditor .x-panel-header .x-title-text,
body.oe-theme-dark .pyEditorWindow .pyFiles .x-grid-cell,
body.oe-theme-dark .pyEditorWindow .pyFiles .x-grid-cell-inner {
    color: #e6e8eb;
}

body.oe-theme-dark .pyEditorWindow .pyFiles .x-grid-cell,
body.oe-theme-dark .pyEditorWindow .pyFiles .x-grid-cell-inner {
    border-color: #22262f !important;
}

body.oe-theme-dark .pyEditorWindow .pyFiles .x-grid-row-over .x-grid-cell {
    background-color: #1c2333 !important;
}

body.oe-theme-dark .pyEditorWindow .pyFiles .x-grid-item-selected .x-grid-cell {
    background-color: #2a3550 !important;
}

body.oe-theme-dark .pyEditorWindow .pyConsole textarea.x-form-text {
    background: #101319 !important;
    color: #e6e8eb;
}

body.oe-theme-dark .pyEditorWindow .pyField input.x-form-text {
    background: #1c2333;
    border-color: #35426b;
    color: #e6e8eb;
}

body.oe-theme-dark .pyEditorWindow .pyToolbar a.pyBtnGhost {
    background: #1c2333 !important;
    border-color: #35426b !important;
}

body.oe-theme-dark .pyEditorWindow .pyToolbar a.pyBtnGhost .x-btn-inner,
body.oe-theme-dark .pyEditorWindow .pyToolbar a.pyBtnGhost .x-btn-icon-el {
    color: #e6e8eb !important;
}

body.oe-theme-dark .pyEditorWindow .pyToolbar a.pyBtnGhost.x-btn-over {
    background: #2a3550 !important;
}

body.oe-theme-dark .pyEditorWindow .pyToolbar a.pyBtnPrimary,
body.oe-theme-dark .pyEditorWindow .pyToolbar a.pyBtnPrimary.x-btn-over {
    background: #5b8cff !important;
    border-color: #5b8cff !important;
}


/* ==================================================================
 * Xplain Query Language (ExpertUI.view.main.XProgrammableTabs)
 *
 * Das Panel haengt eingeklappt am rechten Rand und klappt ueber die
 * Arbeitsflaeche auf: Werkzeugleiste oben, Ace-Editor in der Mitte, darunter
 * die Ausgabe von ExpertUI.util.Util.writeToErrorTab. Die Abstaende zwischen
 * Editor und Ausgabe stehen als margin-Configs an den Regionen - im
 * border-Layout positioniert Ext absolut.
 * ================================================================== */
body .xqlPanel {
    background: #f8f9fc !important;
    border-color: #e7e9f2 !important;
}

body .xqlPanel > .x-panel-header {
    background: #ffffff !important;
    border: 0 !important;
    border-bottom: 1px solid #e7e9f2 !important;
    padding: 12px 14px !important;
}

body .xqlPanel > .x-panel-header .x-title-text {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: #171a26 !important;
}

body .xqlPanel .x-panel-body,
body .xqlPanel .x-tabpanel-child {
    background: #f8f9fc !important;
    border: 0 !important;
}

/* eingeklappte Leiste am rechten Rand */
body .x-panel-placeholder-collapsed-right.xqlPanel-placeholder,
body .xqlPanel-placeholder {
    background: #ffffff !important;
    border-color: #e7e9f2 !important;
}

/* ------------------------------------------------------------------
   Werkzeugleiste
   ------------------------------------------------------------------ */
body .xqlPanel .xqlToolbar {
    background: #ffffff !important;
    background-image: none !important;
    border: 0 !important;
    border-bottom: 1px solid #e7e9f2 !important;
    padding: 8px 12px !important;
}

/* "Datei"-Menue: Text plus Icon, sonst wie die Icon-Schaltflaechen daneben */
body .xqlPanel .xqlToolbar a.xqlToolBtn.x-btn {
    background: transparent !important;
    background-image: none !important;
    border: 1px solid transparent !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    padding: 5px 10px !important;
    margin-right: 6px;
    transition: background-color 150ms ease;
}

body .xqlPanel .xqlToolbar a.xqlToolBtn.x-btn .x-btn-inner {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    font-size: 12.5px;
    font-weight: 500;
    color: #5b6172 !important;
    padding-left: 6px;
}

body .xqlPanel .xqlToolbar a.xqlToolBtn.x-btn .x-btn-icon-el {
    color: #5b6172 !important;
    font-size: 14px;
}

body .xqlPanel .xqlToolbar a.xqlToolBtn.x-btn.x-btn-over,
body .xqlPanel .xqlToolbar a.xqlToolBtn.x-btn.x-btn-focus,
body .xqlPanel .xqlToolbar a.xqlToolBtn.x-btn.x-btn-pressed,
body .xqlPanel .xqlToolbar a.xqlToolBtn.x-btn.x-btn-menu-active {
    background: #eef0fe !important;
    border-color: transparent !important;
}

body .xqlPanel .xqlToolbar a.xqlToolBtn.x-btn.x-btn-over .x-btn-icon-el,
body .xqlPanel .xqlToolbar a.xqlToolBtn.x-btn.x-btn-menu-active .x-btn-icon-el {
    color: #417dbf !important;
}

/* Das Dreieck neben dem Menuetitel: das Basis-Theme zeichnet es als
   FontAwesome-Glyph (\f0d7) in #f0f0f0 - auf weissem Grund unsichtbar.
   Hier steht es deutlich sichtbar in der Textfarbe. */
body .xqlPanel .xqlToolbar a.xqlToolBtn .x-btn-wrap.x-btn-arrow-right:after {
    color: #171a26 !important;
    width: 16px;
    font-size: 13px;
}

body .xqlPanel .xqlToolbar a.xqlIconBtn.x-btn {
    background: transparent !important;
    background-image: none !important;
    border: 1px solid transparent !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    padding: 5px 9px !important;
    margin-right: 2px;
    transition: background-color 150ms ease;
}

body .xqlPanel .xqlToolbar a.xqlIconBtn.x-btn .x-btn-icon-el {
    color: #5b6172 !important;
    font-size: 14px;
}

body .xqlPanel .xqlToolbar a.xqlIconBtn.x-btn.x-btn-over,
body .xqlPanel .xqlToolbar a.xqlIconBtn.x-btn.x-btn-focus,
body .xqlPanel .xqlToolbar a.xqlIconBtn.x-btn.x-btn-pressed {
    background: #eef0fe !important;
    border-color: transparent !important;
}

body .xqlPanel .xqlToolbar a.xqlIconBtn.x-btn.x-btn-over .x-btn-icon-el,
body .xqlPanel .xqlToolbar a.xqlIconBtn.x-btn.x-btn-pressed .x-btn-icon-el {
    color: #417dbf !important;
}

body .xqlPanel .xqlToolbar a.xqlIconBtn.x-btn-disabled .x-btn-icon-el {
    color: #c9cdd8 !important;
}

/* Der Pfeil des Speichern-Splitbuttons */
body .xqlPanel .xqlToolbar a.xqlIconBtn .x-btn-split-right {
    background-position: right center;
}

body .xqlPanel .xqlToolbar .xqlField .x-form-item-label,
body .xqlPanel .xqlToolbar .xqlCheck .x-form-item-label {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    font-size: 12.5px;
    color: #5b6172;
}

body .xqlPanel .xqlToolbar .xqlField .x-form-trigger-wrap {
    border: 1px solid #e7e9f2 !important;
    border-radius: 8px;
    background: #ffffff;
    overflow: hidden;
}

body .xqlPanel .xqlToolbar .xqlField .x-form-trigger-wrap.x-form-trigger-wrap-focus {
    border-color: #5b9cf6 !important;
    box-shadow: 0 0 0 3px rgba(91, 156, 246, 0.25);
}

body .xqlPanel .xqlToolbar .xqlField input.x-form-text {
    height: 30px;
    padding: 0 10px;
    border: 0 !important;
    background: transparent;
    background-image: none;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    font-size: 12.5px;
    color: #171a26;
}

/* ------------------------------------------------------------------
   Editor und Ausgabe als Karten
   ------------------------------------------------------------------ */
body .xqlPanel .xqlEditor,
body .xqlPanel .xqlOutput {
    background: #ffffff !important;
    border: 1px solid #e7e9f2 !important;
    border-radius: 12px !important;
    overflow: hidden;
}

body .xqlPanel .xqlOutput .x-panel-header {
    background: #ffffff !important;
    border: 0 !important;
    border-bottom: 1px solid #e7e9f2 !important;
    border-radius: 12px 12px 0 0 !important;
    padding: 9px 14px !important;
}

body .xqlPanel .xqlOutput .x-panel-header .x-title-text {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    font-size: 12.5px;
    font-weight: 600;
    color: #5b6172 !important;
}

body .xqlPanel .xqlEditor .x-panel-body,
body .xqlPanel .xqlOutput .x-panel-body {
    background: #ffffff !important;
    border: 0 !important;
}

/* Ausgabetext: bisher als bodyStyle in der View (Helvetica 12pt) */
body .xqlPanel .xqlOutput .x-panel-body {
    font-family: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
    font-size: 12.5px;
    line-height: 1.55;
    color: #171a26;
    padding: 10px 14px;
}

body .xqlPanel .xqlOutput .programmableErrorMsg,
body .xqlPanel .xqlOutput .programmableInfoMsg {
    padding: 0;
    background: transparent;
    font-family: inherit;
}

body .xqlPanel .xqlOutput .programmableErrorMsg {
    color: #e0355e;
}

body .xqlPanel .xqlOutput .programmableInfoMsg {
    color: #417dbf;
    font-weight: 600;
}

/* ==================================================================
   Dunkles Design (Palette: resources/dark-theme.css)
   ================================================================== */
body.oe-theme-dark .xqlPanel {
    background: #101319 !important;
    border-color: #2a2f3a !important;
}

body.oe-theme-dark .xqlPanel > .x-panel-header,
body.oe-theme-dark .xqlPanel .xqlToolbar {
    background: #15181e !important;
    border-color: #2a2f3a !important;
}

body.oe-theme-dark .xqlPanel > .x-panel-header .x-title-text {
    color: #e6e8eb !important;
}

body.oe-theme-dark .xqlPanel .x-panel-body,
body.oe-theme-dark .xqlPanel .x-tabpanel-child {
    background: #101319 !important;
}

body.oe-theme-dark .xqlPanel .xqlToolbar a.xqlIconBtn.x-btn .x-btn-icon-el {
    color: #9aa3b2 !important;
}

body.oe-theme-dark .xqlPanel .xqlToolbar a.xqlIconBtn.x-btn.x-btn-over,
body.oe-theme-dark .xqlPanel .xqlToolbar a.xqlIconBtn.x-btn.x-btn-pressed {
    background: #2a3550 !important;
}

body.oe-theme-dark .xqlPanel .xqlToolbar a.xqlIconBtn.x-btn.x-btn-over .x-btn-icon-el,
body.oe-theme-dark .xqlPanel .xqlToolbar a.xqlIconBtn.x-btn.x-btn-pressed .x-btn-icon-el {
    color: #5b8cff !important;
}

body.oe-theme-dark .xqlPanel .xqlToolbar .xqlField input.x-form-text {
    color: #e6e8eb;
}

body.oe-theme-dark .xqlPanel .xqlToolbar .xqlField .x-form-trigger-wrap {
    background: #1c2333;
    border-color: #35426b !important;
}

body.oe-theme-dark .xqlPanel .xqlEditor,
body.oe-theme-dark .xqlPanel .xqlOutput,
body.oe-theme-dark .xqlPanel .xqlOutput .x-panel-header,
body.oe-theme-dark .xqlPanel .xqlEditor .x-panel-body,
body.oe-theme-dark .xqlPanel .xqlOutput .x-panel-body {
    background: #15181e !important;
    border-color: #2a2f3a !important;
}

body.oe-theme-dark .xqlPanel .xqlOutput .x-panel-body {
    color: #e6e8eb;
}

body.oe-theme-dark .xqlPanel .xqlOutput .programmableInfoMsg {
    color: #5b8cff;
}

body.oe-theme-dark .xqlPanel .xqlToolbar a.xqlToolBtn.x-btn .x-btn-inner,
body.oe-theme-dark .xqlPanel .xqlToolbar a.xqlToolBtn.x-btn .x-btn-icon-el {
    color: #9aa3b2 !important;
}

body.oe-theme-dark .xqlPanel .xqlToolbar a.xqlToolBtn.x-btn.x-btn-over,
body.oe-theme-dark .xqlPanel .xqlToolbar a.xqlToolBtn.x-btn.x-btn-menu-active {
    background: #2a3550 !important;
}

body.oe-theme-dark .xqlPanel .xqlToolbar a.xqlToolBtn .x-btn-wrap.x-btn-arrow-right:after {
    color: #e6e8eb !important;
}