/*
 * Model-Center: DEFAULT-Badge der Modell-Kachel (Redesign 2026)
 *
 * Das Badge sitzt jetzt im Kachel-Header links neben dem Drei-Punkte-Menue
 * (siehe ModelCenter.js, depictModelFiles) und ist deutlich dezenter
 * gehalten: weiche Gruenflaeche mit dunkelgruener Schrift statt des
 * kraeftigen Volltons.
 *
 * Eigenes Stylesheet, weil Main.scss erst nach einem Sencha-Build wirkt.
 * No SASS / theme rebuild required.
 */

/* Positionierung: Der Header ist ein absolut positioniertes ExtJS-Box-Layout,
   .x-box-target ist 20000px breit - deshalb wird ueber "left"/"width" statt
   ueber "right" ausgerichtet. Der ⋮-Button beginnt bei left: 315px. */
body .modelCenterPanelHeader .modelCenterDefaultBadge {
    position: absolute;
    left: 0;
    top: 9px;
    width: 300px;
    text-align: right;
    pointer-events: none;
    z-index: 1;
}

/* Lange Modellnamen sollen nicht unter das Badge laufen. */
body .modelCenterPanelHeader:has(.modelCenterDefaultBadge) div.modelCenterPanelName {
    padding-right: 100px;
}

body .modelCenterPanelHeader .modelCenterDefaultBadge span.defaultCDModel {
    float: none;
    display: inline-block;
    background: #e9f4ee !important;
    color: #35785c !important;
    border: 1px solid #cde3d7;
    border-radius: 99px;
    padding: 1px 8px;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.04em;
    line-height: 15px;
}

/* Dark Theme */
body.oe-theme-dark .modelCenterPanelHeader .modelCenterDefaultBadge span.defaultCDModel {
    background: #1b2a23 !important;
    color: #7fc3a3 !important;
    border-color: #2c4438;
}

/* ------------------------------------------------------------------
   Beschreibung der Kachel: die automatisch erzeugte Beschreibung neuer
   Konfigurationen hebt die Eingaben mit <b> hervor (newModelWindowController,
   buildDescription). Das Theme setzt <b> auf normales Gewicht zurück -
   hier, im Tooltip der Kachel (data-qtip) und im dunklen Design wieder fett.
   ------------------------------------------------------------------ */
body div.modelCenterPanelFileDescription b,
body .x-tip .x-tip-body b {
    font-weight: 600;
}

body div.modelCenterPanelFileDescription b {
    color: #2a3138;
}

body.oe-theme-dark div.modelCenterPanelFileDescription b {
    color: var(--oe-text-strong) !important;
}