/* mySCP Chat: Discord-Feinschliff zum Element-Theme «mySCP Discord».
   Greift nur, wenn dieses Theme aktiv ist (es setzt --myscp-theme am body). Ausserhalb der Element-Layer,
   deshalb gewinnen diese Regeln. Nach einem Element-Update fehlende Klassen = Regel wirkt nicht, sonst nichts. */

/* Anmeldeseite: Element legt hier fest weiss-halbtransparent darunter, Logo-Spalte etwas breiter */
body[style*="--myscp-theme"] .mx_AuthPage_modalContent {
    background-color: rgba(30, 31, 34, 0.55);
}
body[style*="--myscp-theme"] .mx_AuthHeaderLogo {
    padding: 0 12px;
}

/* Server-/Space-Leiste ganz links dunkler als die Raumliste (wie Discord) */
body[style*="--myscp-theme"] .mx_SpacePanel {
    background-color: #1E1F22;
}

/* Hover/Auswahl grau, Erwaehnungen gelblich mit Balken links (Element nimmt sonst fuer alles dieselbe Farbe) */
body[style*="--myscp-theme"] .mx_EventTile {
    --event-tile-state-highlight-background: rgba(240, 178, 50, 0.08);
}
body[style*="--myscp-theme"] .mx_EventTile_highlight .mx_EventTile_line {
    box-shadow: inset 2px 0 0 #F0B232;
}

/* Hinweis "neue Nachrichten" rot wie bei Discord */
body[style*="--myscp-theme"] .mx_JumpToBottomButton_badge {
    background-color: #F23F43;
}

/* Codebloecke und Zitate */
body[style*="--myscp-theme"] .mx_EventTile_body pre,
body[style*="--myscp-theme"] .mx_EventTile_body code {
    background-color: #2B2D31;
    border-color: #1E1F22;
}
body[style*="--myscp-theme"] .mx_EventTile_body blockquote {
    border-left: 4px solid #4E5058;
    border-radius: 4px;
}

/* schmale dunkle Scrollbalken */
body[style*="--myscp-theme"] * {
    scrollbar-color: #1A1B1E transparent;
}