/* ==================================================================
 * Solution-Defaults-Dialog (ExpertUI.view.builder.AppApplicationDefaultsWindow)
 *
 * 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
 *
 * Diese Datei wird VOR dem gebauten Theme-CSS geladen (index.html /
 * application.html) - deshalb sind die Selektoren mit "body" praefixiert
 * und die Eigenschaften, die gegen Theme-Regeln antreten, mit !important
 * versehen. Kein SASS-Build noetig.
 *
 * Dunkles Design am Ende der Datei (Palette: resources/dark-theme.css).
 * ================================================================== */

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

body .appDefaultsWindow .x-window-header {
    background: #ffffff !important;
    border: 0 !important;
    border-radius: 14px 14px 0 0 !important;
    padding: 22px 24px 6px 24px !important;
}

body .appDefaultsWindow .x-window-header .x-title-text {
    padding: 0 !important;
    white-space: normal;
}

body .appDefaultsWindow .adOverline {
    display: block;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #417dbf;
    margin-bottom: 6px;
}

body .appDefaultsWindow .adTitle {
    display: block;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
    color: #171a26;
}

/* Schliessen-Tool: dezentes Kreuz oben rechts */
body .appDefaultsWindow .x-window-header .x-tool {
    background: transparent !important;
    border-radius: 8px;
    padding: 2px;
}

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

body .appDefaultsWindow .x-window-header .x-tool .x-tool-tool-el,
body .appDefaultsWindow .x-window-header .x-tool .x-tool-close,
body .appDefaultsWindow .x-window-header .x-tool-img {
    color: #9298ab !important;
}

body .appDefaultsWindow .x-window-header .x-tool:hover .x-tool-tool-el,
body .appDefaultsWindow .x-window-header .x-tool:hover .x-tool-close {
    color: #5b6172 !important;
}

body .appDefaultsWindow .x-window-body {
    background: #ffffff !important;
    border: 0 !important;
    border-radius: 0 0 14px 14px;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}

/* Erklaertext unter dem Titel, schliesst den Kopfbereich mit einer Linie ab.
   Oben und unten derselbe Abstand - der Text steht mittig zwischen der
   Linie des Kopfbereichs und seiner eigenen. */
body .appDefaultsWindow .adIntro {
    padding: 12px 24px 12px 24px;
    border-bottom: 1px solid #e7e9f2;
    font-size: 12.5px;
    line-height: 1.55;
    color: #5b6172;
}

/* ------------------------------------------------------------------
   Felder: Name des Profils | Startansicht
   ------------------------------------------------------------------ */
body .appDefaultsWindow .adFieldRow {
    padding: 20px 24px 0 24px;
}

body .appDefaultsWindow .adField .x-form-item-label {
    font-size: 12.5px;
    font-weight: 500;
    color: #5b6172;
    padding-bottom: 6px;
}

/* Rahmen und Radius sitzen auf dem Wrapper - er umschliesst Eingabefeld
   *und* Auswahlpfeil, sonst steht der Pfeil als eigener Kasten daneben */
body .appDefaultsWindow .adField .x-form-trigger-wrap {
    border: 1px solid #e7e9f2 !important;
    border-radius: 8px;
    background: #ffffff;
    overflow: hidden;
}

body .appDefaultsWindow .adField .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 .appDefaultsWindow .adField input.x-form-text {
    height: 38px;
    padding: 0 12px;
    border: 0 !important;
    background: transparent;
    background-image: none;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    font-size: 13px;
    color: #171a26;
}

body .appDefaultsWindow .adField input.x-form-text::placeholder {
    color: #9298ab;
}

/* Auswahlpfeil der Startansicht: nur das Glyph, keine eigene Flaeche */
body .appDefaultsWindow .adField .x-form-trigger {
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    color: #9298ab !important;
    width: 28px;
}

/* ------------------------------------------------------------------
   Abschnittstitel, Trennlinie, Hinweiszeile
   ------------------------------------------------------------------ */
body .appDefaultsWindow .adSectionTitle {
    padding: 22px 24px 10px 24px;
    font-size: 12.5px;
    font-weight: 600;
    color: #5b6172;
}

body .appDefaultsWindow .adDivider {
    height: 1px;
    margin: 22px 24px 0 24px;
    background: #e7e9f2;
}

body .appDefaultsWindow .adHint {
    padding: 2px 24px 20px 50px;
    font-size: 11.5px;
    line-height: 1.5;
    color: #9298ab;
}

/* ------------------------------------------------------------------
   Fenster-Rechte: zwei Spalten Karten mit Schalter
   (Markup: ExpertUI.view.builder.AppAnalysisDefaults im cardLayout)
   ------------------------------------------------------------------ */
/* Ext-Markup einer Checkbox (Ext.form.field.Checkbox#fieldSubTpl):
     div.x-form-item.adToggleCard
       div.x-form-item-body
         div.x-form-cb-wrap-inner
           span.x-form-field.x-form-checkbox.x-form-cb   <- das sichtbare Kaestchen
             input.x-form-cb-input                       <- liegt transparent darueber
           label.x-form-cb-label
   Der Schalter entsteht also am <span>, nicht am <input>. */
body .appDefaultsWindow .adToggleGrid,
body .appDefaultsWindow .adToggleGrid .x-panel-body {
    background: transparent !important;
    border: 0 !important;
}

body .appDefaultsWindow .adToggleGrid .x-panel-body {
    padding: 0 24px;
}

body .appDefaultsWindow .adToggleCard {
    box-sizing: border-box;
    padding: 10px 14px;
    background: #ffffff;
    border: 1px solid #e7e9f2;
    border-radius: 12px;
    transition: border-color 150ms ease, background-color 150ms ease;
}

body .appDefaultsWindow .adToggleCard:hover {
    border-color: #d8dbe8;
}

body .appDefaultsWindow .adToggleCard.x-form-cb-checked {
    background: #eef0fe;
    border-color: #417dbf;
}

/* Das Theme haelt jeden Feldkoerper auf einer Textzeilenhoehe von 32px
   (min-height *und* height) - die Karte waere damit 10px hoeher als ihr
   Inhalt, egal wie klein das Polster ist */
body .appDefaultsWindow .adToggleCard .x-form-item-body {
    display: block !important;
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
}

/* Das Theme setzt das Kaestchen mit "margin-top: 7px" auf die Grundlinie
   einer Textzeile. Im Flex-Layout zentriert align-items ohnehin; der Rand
   macht die Karte nur hoeher und schiebt die Beschriftung daneben nach
   oben aus der Mitte. */
body .appDefaultsWindow .adToggleCard span.x-form-checkbox,
body .appDefaultsWindow .adPlainCheck span.x-form-checkbox {
    margin: 0 !important;
}

body .appDefaultsWindow .adToggleCard .x-form-cb-wrap-inner {
    display: flex !important;
    align-items: center;
    gap: 12px;
    width: 100%;
}

/* Beschriftung links, Schalter rechts - im Markup steht das Kaestchen zuerst */
body .appDefaultsWindow .adToggleCard .x-form-cb-label {
    order: 1;
    flex: 1 1 auto;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 13px;
    line-height: 20px;
    color: #171a26;
    cursor: pointer;
}

body .appDefaultsWindow .adToggleCard span.x-form-checkbox {
    order: 2;
    flex: none;
    position: relative;
    display: block;
    width: 40px !important;
    height: 22px !important;
    border: 0 !important;
    border-radius: 999px;
    background: #d8dbe8 !important;
    background-image: none !important;
    cursor: pointer;
    transition: background-color 150ms ease;
}

/* Das Theme zeichnet das Haekchen als Icon-Font ueber :before
   (.x-form-checkbox-default:before, content "\e614"/"\e613") - im Schalter
   waere das ein Glyph mitten in der Spur */
body .appDefaultsWindow .adToggleCard span.x-form-checkbox::before,
body .appDefaultsWindow .adPlainCheck span.x-form-checkbox::before {
    content: none !important;
}

body .appDefaultsWindow .adToggleCard span.x-form-checkbox::after {
    content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #ffffff;
    box-shadow: 0 1px 2px rgba(23, 26, 38, 0.25);
    transition: left 150ms ease;
}

body .appDefaultsWindow .adToggleCard.x-form-cb-checked span.x-form-checkbox {
    background: #417dbf !important;
}

body .appDefaultsWindow .adToggleCard.x-form-cb-checked span.x-form-checkbox::after {
    left: 20px;
}

/* das echte Eingabefeld deckt den Schalter ab und faengt den Klick */
body .appDefaultsWindow .adToggleCard input.x-form-cb-input,
body .appDefaultsWindow .adPlainCheck input.x-form-cb-input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0;
    cursor: pointer;
}

/* ------------------------------------------------------------------
   Navigation: einfache Checkbox mit Hinweiszeile darunter
   ------------------------------------------------------------------ */
body .appDefaultsWindow .adPlainCheck {
    padding: 0 24px;
}

body .appDefaultsWindow .adPlainCheck .x-form-cb-wrap-inner {
    display: flex !important;
    align-items: center;
    gap: 12px;
}

body .appDefaultsWindow .adPlainCheck span.x-form-checkbox {
    position: relative;
    display: block;
    flex: none;
    width: 20px !important;
    height: 20px !important;
    border: 1.5px solid #d8dbe8 !important;
    border-radius: 6px;
    background: #ffffff !important;
    background-image: none !important;
    cursor: pointer;
}

body .appDefaultsWindow .adPlainCheck.x-form-cb-checked span.x-form-checkbox {
    background: #417dbf !important;
    border-color: #417dbf !important;
}

body .appDefaultsWindow .adPlainCheck.x-form-cb-checked span.x-form-checkbox::after {
    content: '';
    position: absolute;
    left: 5px;
    top: 1px;
    width: 5px;
    height: 10px;
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

body .appDefaultsWindow .adPlainCheck .x-form-cb-label {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 13px;
    color: #171a26;
    cursor: pointer;
}

/* ------------------------------------------------------------------
   Fusszeile
   ------------------------------------------------------------------ */
body .appDefaultsWindow .x-toolbar-footer {
    background: transparent !important;
    border-top: 1px solid #e7e9f2 !important;
    border-radius: 0 0 14px 14px;
    padding: 14px 24px !important;
}

body .appDefaultsWindow .x-toolbar-footer a.adBtn {
    background-image: none !important;
    border-radius: 999px !important;
    padding: 9px 26px !important;
    margin-left: 10px;
    box-shadow: none !important;
    transition: background-color 150ms ease, border-color 150ms ease;
}

body .appDefaultsWindow .x-toolbar-footer a.adBtn .x-btn-inner {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: 600;
}

body .appDefaultsWindow .x-toolbar-footer a.adBtnGhost {
    background: #ffffff !important;
    border: 1px solid #417dbf !important;
}

body .appDefaultsWindow .x-toolbar-footer a.adBtnGhost .x-btn-inner {
    color: #417dbf !important;
}

body .appDefaultsWindow .x-toolbar-footer a.adBtnGhost.x-btn-over {
    background: #eef0fe !important;
}

body .appDefaultsWindow .x-toolbar-footer a.adBtnPrimary {
    background: #417dbf !important;
    border: 1px solid #417dbf !important;
}

body .appDefaultsWindow .x-toolbar-footer a.adBtnPrimary .x-btn-inner {
    color: #ffffff !important;
}

body .appDefaultsWindow .x-toolbar-footer a.adBtnPrimary.x-btn-over {
    background: #396ea9 !important;
    border-color: #396ea9 !important;
}

/* ==================================================================
   Analyse-Vorgaben (ExpertUI.view.builder.AppAnalysisDefaultsWindow)

   Der Dialog traegt "appDefaultsWindow" und erbt damit alles von oben:
   Fenster, Kopfbereich, Erklaertext, Felder, Schalterkarten, Fusszeile.
   Hier steht nur, was es im Solution-Defaults-Dialog nicht gibt - die
   Reiter, die Datei-Zeilen des Scriptings und die Anzeigen-Liste.
   ================================================================== */

/* ------------------------------------------------------------------
   Reiter

   Wie die Reiter aussehen, steht schon in Main.scss ("App-Builder-
   Defaults-Dialoge - Redesign"): Pills in $xdAccentSoft, darunter eine
   Linie. Hier nur die Einbettung - Flaechen weiss und die Leiste auf
   dieselben 24px eingerueckt wie Felder und Erklaertexte.
   ------------------------------------------------------------------ */
body .adAnalysisWindow .adTabs,
body .adAnalysisWindow .adTabs .x-panel-body,
body .adAnalysisWindow .adTabBody,
body .adAnalysisWindow .adTabBody .x-panel-body {
    background: #ffffff !important;
    border: 0 !important;
}

/* die Reiterleiste ist ein angedocktes Element und haengt deshalb nicht
   direkt am Panel, sondern in dessen bodyWrap - ohne diesen Zwischen-
   schritt greift der Selektor nicht, und ein Nachfahren-Selektor wuerde
   die Unterreiter mitnehmen */
body .adAnalysisWindow .adTabs > .x-panel-bodyWrap > .x-tab-bar {
    background: transparent !important;
    border: 0 !important;
    padding: 12px 24px 0 24px !important;
}

/* ------------------------------------------------------------------
   Reiter "Allgemein": die vier Haken unter den beiden Feldern
   ------------------------------------------------------------------ */
body .adAnalysisWindow .adCheckList {
    padding: 22px 24px 0 24px;
}

/* auch hier die 32px Zeilenhoehe des Themes abschalten, sonst stehen die
   Haken weiter auseinander als im Solution-Defaults-Dialog */
body .adAnalysisWindow .adPlainCheck .x-form-item-body {
    min-height: 0 !important;
    height: auto !important;
}

/* ------------------------------------------------------------------
   Das Raster der Schalterkarten im Analyse- und im Fenster-Dialog
   ------------------------------------------------------------------ */
/* Im Solution-Defaults-Dialog steht ueber dem Raster ein Abschnittstitel
   und sorgt fuer den Abstand. In diesen beiden folgt es direkt auf die
   Linie unter dem Erklaertext - die erste Kartenreihe klebte daran. */
body .adAnalysisWindow .adToggleGrid .x-panel-body,
body .adWindowDialog .adToggleGrid .x-panel-body {
    padding-top: 18px;
}

/* ------------------------------------------------------------------
   Reiter "Scripting": zwei Unterreiter, je zwei Datei-Zeilen
   ------------------------------------------------------------------ */
body .adAnalysisWindow .adSubTabs,
body .adAnalysisWindow .adSubTabs .x-panel-body,
body .adAnalysisWindow .adSubTabBody,
body .adAnalysisWindow .adSubTabBody .x-panel-body {
    background: transparent !important;
    border: 0 !important;
}

body .adAnalysisWindow .adSubTabs > .x-panel-bodyWrap > .x-tab-bar {
    background: transparent !important;
    border: 0 !important;
    padding: 16px 24px 0 24px !important;
}

body .adAnalysisWindow .adSubTabBody {
    padding-top: 14px;
}

/* das Feld gehoert sichtbar zum Haken darueber, deshalb eingerueckt */
body .adAnalysisWindow .adFileRow {
    padding: 0 24px 18px 56px;
}

body .adAnalysisWindow .adIconBtn {
    background: #ffffff !important;
    background-image: none !important;
    border: 1px solid #e7e9f2 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

body .adAnalysisWindow .adIconBtn .x-btn-icon-el {
    font-size: 13px !important;
    color: #5b6172 !important;
}

body .adAnalysisWindow .adIconBtn.x-btn-over {
    border-color: #417dbf !important;
    background: #eef0fe !important;
}

body .adAnalysisWindow .adIconBtn.x-item-disabled,
body .adAnalysisWindow .adIconBtn.x-btn-disabled {
    background: #f8f9fc !important;
    opacity: 1;
}

body .adAnalysisWindow .adIconBtn.x-item-disabled .x-btn-icon-el {
    color: #9298ab !important;
}

/* abgeschaltete Felder: ruhig, aber nicht ausgegraut bis zur
   Unlesbarkeit - das Theme legt sonst ein opacity darueber */
body .adAnalysisWindow .adField.x-item-disabled {
    opacity: 1 !important;
}

body .adAnalysisWindow .adField.x-item-disabled .x-form-text-wrap,
body .adAnalysisWindow .adField.x-item-disabled .x-form-trigger-wrap {
    background: #f8f9fc;
}

body .adAnalysisWindow .adField.x-item-disabled input.x-form-text {
    color: #9298ab;
}

/* ------------------------------------------------------------------
   Reiter "Anzeigen": je Analyse eine Zeile mit drei Auswahlpunkten
   ------------------------------------------------------------------ */
body .adAnalysisWindow .adShowHideList,
body .adAnalysisWindow .adShowHideList .x-panel-body {
    background: transparent !important;
    border: 0 !important;
}

body .adAnalysisWindow .adShowHideList .x-panel-body {
    padding: 8px 24px 0 24px;
}

body .adAnalysisWindow .adShowHideRow {
    padding: 10px 0;
    border-bottom: 1px solid #f1f2f7;
}

body .adAnalysisWindow .adShowHideName {
    font-size: 13px;
    font-weight: 600;
    color: #171a26;
    line-height: 22px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body .adAnalysisWindow .adRadioGroup .x-form-cb-label {
    margin: 0 !important;
    padding: 0 0 0 6px !important;
    font-size: 12.5px;
    color: #5b6172;
    cursor: pointer;
}

/* Auswahlpunkt: Ring, im gewaehlten Zustand mit Kern in der Akzentfarbe.
   Das Theme zeichnet ihn als Icon-Font ueber :before - das muss weg,
   sonst sitzt ein Glyph im Kreis. */
body .adAnalysisWindow .adRadioGroup span.x-form-radio::before {
    content: none !important;
}

body .adAnalysisWindow .adRadioGroup .x-form-item-body {
    min-height: 0 !important;
    height: auto !important;
}

body .adAnalysisWindow .adRadioGroup .x-form-cb-wrap-inner {
    position: relative;
    display: flex !important;
    align-items: center;
}

/* das Eingabefeld deckt Punkt und Beschriftung ab und faengt den Klick */
body .adAnalysisWindow .adRadioGroup input.x-form-cb-input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0;
    cursor: pointer;
}

/* Das Theme rendert den Punkt als "display: inline" - Breite und Hoehe
   wirken dort nicht, uebrig bliebe ein 3px schmaler Strich */
body .adAnalysisWindow .adRadioGroup span.x-form-radio {
    position: relative;
    display: block !important;
    flex: none;
    margin: 0 !important;
    width: 16px !important;
    height: 16px !important;
    border: 1.5px solid #d8dbe8 !important;
    border-radius: 50%;
    background: #ffffff !important;
    background-image: none !important;
    cursor: pointer;
}

body .adAnalysisWindow .adRadioGroup .x-form-cb-checked span.x-form-radio {
    border-color: #417dbf !important;
}

body .adAnalysisWindow .adRadioGroup .x-form-cb-checked span.x-form-radio::after {
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #417dbf;
}

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

body.oe-theme-dark .appDefaultsWindow .x-window-header,
body.oe-theme-dark .appDefaultsWindow .x-window-body {
    background: #15181e !important;
}

body.oe-theme-dark .appDefaultsWindow .adOverline {
    color: #5b8cff;
}

body.oe-theme-dark .appDefaultsWindow .adTitle,
body.oe-theme-dark .appDefaultsWindow .adToggleCard .x-form-cb-label,
body.oe-theme-dark .appDefaultsWindow .adPlainCheck .x-form-cb-label {
    color: #e6e8eb;
}

body.oe-theme-dark .appDefaultsWindow .adIntro,
body.oe-theme-dark .appDefaultsWindow .adSectionTitle,
body.oe-theme-dark .appDefaultsWindow .adField .x-form-item-label {
    color: #9aa3b2;
}

body.oe-theme-dark .appDefaultsWindow .adIntro,
body.oe-theme-dark .appDefaultsWindow .x-toolbar-footer {
    border-color: #2a2f3a !important;
}

body.oe-theme-dark .appDefaultsWindow .adDivider {
    background: #2a2f3a;
}

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

body.oe-theme-dark .appDefaultsWindow .adToggleCard {
    background: #1c2333;
    border-color: #2a2f3a;
}

body.oe-theme-dark .appDefaultsWindow .adToggleCard:hover {
    border-color: #35426b;
}

body.oe-theme-dark .appDefaultsWindow .adToggleCard.x-form-cb-checked {
    background: #2a3550;
    border-color: #5b8cff;
}

body.oe-theme-dark .appDefaultsWindow .adToggleCard span.x-form-checkbox {
    background: #35426b !important;
}

body.oe-theme-dark .appDefaultsWindow .adToggleCard.x-form-cb-checked span.x-form-checkbox,
body.oe-theme-dark .appDefaultsWindow .adPlainCheck.x-form-cb-checked span.x-form-checkbox {
    background: #5b8cff !important;
    border-color: #5b8cff !important;
}

body.oe-theme-dark .appDefaultsWindow .adPlainCheck span.x-form-checkbox {
    background: #1c2333 !important;
    border-color: #35426b !important;
}

body.oe-theme-dark .appDefaultsWindow .x-toolbar-footer a.adBtnGhost {
    background: #1c2333 !important;
    border-color: #5b8cff !important;
}

body.oe-theme-dark .appDefaultsWindow .x-toolbar-footer a.adBtnGhost .x-btn-inner {
    color: #5b8cff !important;
}

body.oe-theme-dark .appDefaultsWindow .x-toolbar-footer a.adBtnGhost.x-btn-over {
    background: #2a3550 !important;
}

body.oe-theme-dark .appDefaultsWindow .x-toolbar-footer a.adBtnPrimary,
body.oe-theme-dark .appDefaultsWindow .x-toolbar-footer a.adBtnPrimary.x-btn-over {
    background: #5b8cff !important;
    border-color: #5b8cff !important;
}