/* ============================================================================
   Buttons des "Connections"-Dialogs (Admin.view.main.Connections) und seines
   Unterdialogs "More Parameters" (Admin.view.main.ConnectionParams) — beide
   Fenster tragen cls 'genWindow', alle Buttons cls 'genWindowButton'.

   Designsprache identisch zu resources/tablewindow-redesign.css /
   objectsettings-redesign.css: weisse Karte, Teal-Akzent-Ramp, Mulish fuer
   Beschriftungen. Es werden bewusst nur Farben, Rahmen, Radien und Typografie
   gesetzt — Box-Modell (Hoehe/Breite/vertikales Padding) bleibt beim Theme,
   damit die Icon-Buttons (30x30) weiterhin exakt zentriert bleiben.

   Zwei Button-Typen:
     * Icon-Buttons (Neu / Loeschen / Bearbeiten / Kopieren unter der
       Connection-Liste): .genWindowButton ohne .connectionBtn
     * Aktions-Buttons (Save / Cancel / More Parameters / Test Connection bzw.
       Okay / Cancel): .connectionBtn, davon .connectionBtnPrimary = Primaer-
       Aktion (Save / Okay) in gefuelltem Teal.
   ============================================================================ */

body.xadmintool .x-window.genWindow {
    /* ---- Design-Tokens (identisch zu tablewindow-redesign.css) ---- */
    --cn-white: #FFFFFF;
    --cn-slate-50: #F8F9FA;
    --cn-slate-100: #F2F4F6;
    --cn-slate-200: #E7EAED;
    --cn-slate-300: #D2D7DC;
    --cn-slate-400: #B4BCC4;
    --cn-slate-500: #97A2AD;
    --cn-slate-600: #7E8B99;
    --cn-slate-700: #55606C;
    --cn-slate-800: #3C454F;

    --cn-accent-50: #F1FBFA;
    --cn-accent-400: #68CCC6;
    --cn-accent-500: #589999;
    --cn-accent-600: #4A8686;
    --cn-accent-700: #3F7373;
    --cn-focus-ring: rgba(88, 153, 153, .55);

    --cn-font-body: 'Mulish', system-ui, -apple-system, 'Segoe UI', sans-serif;
}

/* ----------------------------------------------------------------------------
   Gemeinsame Basis aller Buttons des Dialogs
   ---------------------------------------------------------------------------- */
body.xadmintool .x-window.genWindow a.x-btn.genWindowButton {
    background: var(--cn-white) !important;
    background-image: none !important;
    border: 1px solid var(--cn-slate-300) !important;
    border-radius: 8px;
    box-shadow: none;
    transition: border-color .15s ease, background-color .15s ease, box-shadow .15s ease;
}
body.xadmintool .x-window.genWindow a.x-btn.genWindowButton .x-btn-inner {
    font-family: var(--cn-font-body);
    font-size: 12.5px;
    font-weight: 600;
    color: var(--cn-slate-700) !important;
    transition: color .15s ease;
}
body.xadmintool .x-window.genWindow a.x-btn.genWindowButton .x-btn-icon-el {
    font-size: 14px;
    color: var(--cn-slate-600) !important;
    transition: color .15s ease;
}

/* Hover / Fokus — nur im aktiven Zustand */
body.xadmintool .x-window.genWindow a.x-btn.genWindowButton:not(.x-btn-disabled):hover,
body.xadmintool .x-window.genWindow a.x-btn.genWindowButton:not(.x-btn-disabled).x-btn-over {
    background: var(--cn-accent-50) !important;
    border-color: var(--cn-accent-400) !important;
}
body.xadmintool .x-window.genWindow a.x-btn.genWindowButton:not(.x-btn-disabled):hover .x-btn-inner,
body.xadmintool .x-window.genWindow a.x-btn.genWindowButton:not(.x-btn-disabled):hover .x-btn-icon-el,
body.xadmintool .x-window.genWindow a.x-btn.genWindowButton:not(.x-btn-disabled).x-btn-over .x-btn-inner,
body.xadmintool .x-window.genWindow a.x-btn.genWindowButton:not(.x-btn-disabled).x-btn-over .x-btn-icon-el {
    color: var(--cn-accent-700) !important;
}
body.xadmintool .x-window.genWindow a.x-btn.genWindowButton:not(.x-btn-disabled).x-btn-focus {
    box-shadow: 0 0 0 3px var(--cn-focus-ring);
}
body.xadmintool .x-window.genWindow a.x-btn.genWindowButton:not(.x-btn-disabled):active,
body.xadmintool .x-window.genWindow a.x-btn.genWindowButton:not(.x-btn-disabled).x-btn-pressed {
    background: var(--cn-accent-50) !important;
    border-color: var(--cn-accent-500) !important;
}

/* ----------------------------------------------------------------------------
   Icon-Buttons unter der Connection-Liste (+ / - / Stift / Kopie)
   ---------------------------------------------------------------------------- */
body.xadmintool .x-window.genWindow a.x-btn.genWindowButton:not(.connectionBtn) .x-btn-icon-el {
    font-size: 15px;
}

/* ----------------------------------------------------------------------------
   Aktions-Buttons (Save / Cancel / More Parameters / Test Connection)
   ---------------------------------------------------------------------------- */
body.xadmintool .x-window.genWindow a.x-btn.connectionBtn {
    padding-left: 16px;
    padding-right: 16px;
}

/* Primaeraktion (Save / Okay): gefuelltes Teal wie a.tableTypeButton */
body.xadmintool .x-window.genWindow a.x-btn.connectionBtnPrimary {
    background: var(--cn-accent-500) !important;
    border-color: var(--cn-accent-500) !important;
}
body.xadmintool .x-window.genWindow a.x-btn.connectionBtnPrimary .x-btn-inner,
body.xadmintool .x-window.genWindow a.x-btn.connectionBtnPrimary .x-btn-icon-el {
    color: var(--cn-white) !important;
}
body.xadmintool .x-window.genWindow a.x-btn.connectionBtnPrimary:not(.x-btn-disabled):hover,
body.xadmintool .x-window.genWindow a.x-btn.connectionBtnPrimary:not(.x-btn-disabled).x-btn-over,
body.xadmintool .x-window.genWindow a.x-btn.connectionBtnPrimary:not(.x-btn-disabled):active,
body.xadmintool .x-window.genWindow a.x-btn.connectionBtnPrimary:not(.x-btn-disabled).x-btn-pressed {
    background: var(--cn-accent-600) !important;
    border-color: var(--cn-accent-600) !important;
}
body.xadmintool .x-window.genWindow a.x-btn.connectionBtnPrimary:not(.x-btn-disabled):hover .x-btn-inner,
body.xadmintool .x-window.genWindow a.x-btn.connectionBtnPrimary:not(.x-btn-disabled):hover .x-btn-icon-el,
body.xadmintool .x-window.genWindow a.x-btn.connectionBtnPrimary:not(.x-btn-disabled).x-btn-over .x-btn-inner,
body.xadmintool .x-window.genWindow a.x-btn.connectionBtnPrimary:not(.x-btn-disabled).x-btn-over .x-btn-icon-el {
    color: var(--cn-white) !important;
}

/* ----------------------------------------------------------------------------
   Disabled — im Screenshot waren Save / Cancel / More Parameters / Test
   Connection nur noch graue Bloecke: das alte Theme faerbt Buttons im
   Disabled-Zustand pflaumenfarben (#7f527d, opacity .5) und legt zusaetzlich
   ein deckendes .x-btn-tooltip-Overlay (#eee) darueber, das Text und Icon
   vollstaendig verdeckt. Beides wird hier ersetzt: ruhiges Grau, Label bleibt
   lesbar, Overlay transparent (bleibt fuer den Tooltip aber vorhanden).
   ---------------------------------------------------------------------------- */
body.xadmintool .x-window.genWindow a.x-btn.genWindowButton.x-btn-disabled {
    background: var(--cn-slate-50) !important;
    background-image: none !important;
    border-color: var(--cn-slate-200) !important;
    box-shadow: none !important;
    opacity: 1 !important;
    cursor: default;
}
body.xadmintool .x-window.genWindow a.x-btn.genWindowButton.x-btn-disabled .x-btn-inner,
body.xadmintool .x-window.genWindow a.x-btn.genWindowButton.x-btn-disabled .x-btn-icon-el {
    color: var(--cn-slate-400) !important;
}
body.xadmintool .x-window.genWindow a.x-btn.genWindowButton.x-btn-disabled .x-btn-tooltip {
    background: transparent !important;
}
/* Disabled bleibt auch bei der Primaeraktion neutral grau — ein blasses Teal
   wuerde wie ein aktiver Button wirken */
body.xadmintool .x-window.genWindow a.x-btn.connectionBtnPrimary.x-btn-disabled {
    background: var(--cn-slate-100) !important;
    border-color: var(--cn-slate-200) !important;
}
body.xadmintool .x-window.genWindow a.x-btn.connectionBtnPrimary.x-btn-disabled .x-btn-inner,
body.xadmintool .x-window.genWindow a.x-btn.connectionBtnPrimary.x-btn-disabled .x-btn-icon-el {
    color: var(--cn-slate-500) !important;
}

/* ----------------------------------------------------------------------------
   Dark Theme (body.oe-theme-dark, siehe resources/dark-theme.css)
   ---------------------------------------------------------------------------- */
body.oe-theme-dark.xadmintool .x-window.genWindow,
body.oe-theme-dark .x-window.genWindow {
    --cn-white: #15181e;
    --cn-slate-50: #1c2029;
    --cn-slate-100: #1f2937;
    --cn-slate-200: #262a33;
    --cn-slate-300: #2f3542;
    --cn-slate-400: #6b7280;
    --cn-slate-500: #93a4bd;
    --cn-slate-600: #d7dae0;
    --cn-slate-700: #e6e8eb;
    --cn-slate-800: #f2f3f5;

    --cn-accent-50: #1b2630;
    --cn-accent-400: #5b8cff;
    --cn-accent-500: #5b8cff;
    --cn-accent-600: #4a76d8;
    --cn-accent-700: #8fb3ff;
    --cn-focus-ring: rgba(91, 140, 255, .45);
}
body.oe-theme-dark .x-window.genWindow a.x-btn.connectionBtnPrimary .x-btn-inner,
body.oe-theme-dark .x-window.genWindow a.x-btn.connectionBtnPrimary .x-btn-icon-el {
    color: #0f1115 !important;
}