/* ==================================================================
 * Dashboard-Einstellungen (ExpertUI.view.dashboard.Settings)
 *
 * Der Dialog traegt "xdDialog" und erbt damit die gemeinsame Optik der
 * Dialoge aus resources/message-dialogs.css: Fenster mit weichen Ecken,
 * Kopfbereich mit dezentem Schliessen-Kreuz, Felder (.xdField) und die
 * Fusszeile mit den Pillentasten (.xdBtn / .xdBtnGhost / .xdBtnPrimary).
 *
 * Hier steht nur, was es dort nicht gibt: der Auswahlpfeil des
 * Standard-XStartups und die knappere Form dieses Dialogs. Seit dem
 * Dialog nur noch zwei Felder hat (Logo-URL, Standard-XStartup), faellt
 * er enger aus als die allgemeinen Vorgaben.
 *
 *   $xdSurface #ffffff   $xdBorder #e7e9f2   $xdText #171a26
 *   $xdMuted   #9298ab   $xdAccent #417dbf
 *
 * Die Datei wird NACH message-dialogs.css und VOR dem gebauten
 * Theme-CSS geladen (index.html / application.html). Kein SASS-Build.
 *
 * Dunkles Design am Ende der Datei (Palette: resources/dark-theme.css).
 * ================================================================== */

/* Das Formular sitzt direkt im Fensterkoerper - es soll keine eigene
   Flaeche und keinen Rahmen mitbringen. */
body .dbSettingsDialog .x-panel-body,
body .dbSettingsDialog .x-form-item-body {
    background: transparent !important;
    border: 0 !important;
}

/* Auswahlpfeil des Standard-XStartups: nur das Glyph, keine eigene
   Flaeche neben dem Feld. */
body .dbSettingsDialog .xdField .x-form-trigger {
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    color: #9298ab !important;
    width: 28px;
}

/* ------------------------------------------------------------------
   Knappere Form: Kopfbereich, Felder und Fusszeile ruecken enger
   zusammen als in den allgemeinen Dialogvorgaben.
   ------------------------------------------------------------------ */
body .dbSettingsDialog .x-window-header {
    padding: 11px 18px !important;
}

body .dbSettingsDialog .x-window-header .x-title-text {
    font-size: 14px;
}

body .dbSettingsDialog .xdField .x-form-item-label {
    font-size: 12px;
    padding-bottom: 4px;
}

body .dbSettingsDialog .xdField input.x-form-text {
    height: 32px;
    padding: 0 10px;
    font-size: 12.5px;
}

body .dbSettingsDialog .x-toolbar-footer {
    padding: 10px 18px !important;
}

body .dbSettingsDialog .x-toolbar-footer a.xdBtn {
    padding: 6px 18px !important;
}

body .dbSettingsDialog .x-toolbar-footer a.xdBtn .x-btn-inner {
    font-size: 12.5px;
}

/* ------------------------------------------------------------------
   Logo-Zeile: Eingabefeld und die Taste "Zuruecksetzen" nebeneinander

   Der Rahmen sitzt am Feld selbst (.xdField, message-dialogs.css) - die
   umschliessende Zeile bringt nur die Beschriftung mit und darf daher
   weder Flaeche noch Rahmen haben.
   ------------------------------------------------------------------ */
body .dbSettingsDialog .dbsLogoRow > .x-form-item-body {
    background: transparent !important;
    border: 0 !important;
}

/* Ghost-Taste in Feldhoehe - dieselbe Optik wie die Tasten der
   Fusszeile, nur kleiner. Die Regeln brauchen viele Klassen: das
   gebaute Theme-CSS wird nach dieser Datei geladen. */
body .dbSettingsDialog .dbsLogoRow a.dbsResetBtn.x-btn {
    padding: 7px 14px !important;
    border: 1px solid #e7e9f2 !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    background-image: none !important;
}

body .dbSettingsDialog .dbsLogoRow a.dbsResetBtn.x-btn .x-btn-inner {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    font-size: 12.5px;
    font-weight: 600;
    color: #5b6172 !important;
}

body .dbSettingsDialog .dbsLogoRow a.dbsResetBtn.x-btn.x-btn-over {
    background: #f8f9fc !important;
    border-color: #d8dbe8 !important;
}

/* ------------------------------------------------------------------
   Community Edition: Logo-URL und "Zuruecksetzen" sind gesperrt
   ------------------------------------------------------------------ */
body .dbSettingsDialog .x-item-disabled .x-form-text-wrap,
body .dbSettingsDialog .x-item-disabled.x-form-text-wrap {
    background: #f4f5f9 !important;
    border-color: #e7e9f2 !important;
}

body .dbSettingsDialog .x-item-disabled input.x-form-text {
    background: transparent !important;
    color: #9298ab !important;
    cursor: not-allowed;
}

body .dbSettingsDialog .dbsLogoRow a.dbsResetBtn.x-btn.x-item-disabled {
    background: #f4f5f9 !important;
    cursor: not-allowed;
}

body .dbSettingsDialog .dbsLogoRow a.dbsResetBtn.x-btn.x-item-disabled .x-btn-inner {
    color: #b3b8c6 !important;
}

/* ==================================================================
   Dunkles Design (Palette: resources/dark-theme.css)

   Die Taste braucht hier fuenf Klassen: dark-theme.css faerbt jede
   Taste ueber eine Regel mit drei :not()-Ausnahmen durchsichtig
   (vgl. denselben Hinweis in message-dialogs.css).
   ================================================================== */
body.oe-theme-dark .dbSettingsDialog .dbsLogoRow a.dbsResetBtn.x-btn {
    background: #1c2333 !important;
    border-color: #35426b !important;
}

body.oe-theme-dark .dbSettingsDialog .dbsLogoRow a.dbsResetBtn.x-btn .x-btn-inner {
    color: #9aa3b2 !important;
}

body.oe-theme-dark .dbSettingsDialog .dbsLogoRow a.dbsResetBtn.x-btn.x-btn-over {
    background: #33405c !important;
    border-color: #5b8cff !important;
}

body.oe-theme-dark .dbSettingsDialog .x-item-disabled .x-form-text-wrap,
body.oe-theme-dark .dbSettingsDialog .x-item-disabled.x-form-text-wrap,
body.oe-theme-dark .dbSettingsDialog .dbsLogoRow a.dbsResetBtn.x-btn.x-item-disabled {
    background: #191d27 !important;
    border-color: #2a2f3a !important;
}

body.oe-theme-dark .dbSettingsDialog .x-item-disabled input.x-form-text,
body.oe-theme-dark .dbSettingsDialog .dbsLogoRow a.dbsResetBtn.x-btn.x-item-disabled .x-btn-inner {
    color: #6b7280 !important;
}