/* 1. HINTERGRUND (Azurblau #154161) */
html, body, #root, [data-testid="chat-container"], .bg-background {
    background-color: #154161 !important;
}

/* 2. DEINE BOX (User - Weiß mit schwarzer Schrift) */
[data-author-role="user"] .step-container,
.user-message-container,
div[data-author-role="user"] {
    background-color: #ffffff !important;
    border-radius: 15px 15px 2px 15px !important;
    padding: 12px 16px !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.3) !important;
}

/* Schwarze Schrift für User-Box erzwingen */
[data-author-role="user"] .prose,
[data-author-role="user"] .prose *,
[data-author-role="user"] p {
    color: #000000 !important;
}

/* 3. MISS ELLIE (Assistant - Weißer Text direkt auf Blau) */
/* Wir zielen auf die 'prose' Klasse im 'ai-message' Container ab */
.ai-message .prose,
.ai-message .prose *,
[data-author-role="assistant"] .prose,
[data-author-role="assistant"] .prose * {
    color: #ffffff !important; /* Weißer Text */
    background-color: transparent !important;
}

/* Den grauen Hintergrundschatten von Miss Ellie entfernen */
.ai-message, [data-author-role="assistant"] {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* 4. LABELS & ICONS (Namen über den Nachrichten) */
.step-author, .step-author-icon, .text-muted-foreground {
    color: #ffffff !important;
}

/* 5. INPUT BEREICH (Unten - Weiß) 
.MuiPaper-root, .bg-card, [role="presentation"] {
    background-color: #ffffff !important;
    border-radius: 20px !important;
}
*/
#chat-input {
    color: #000000 !important;
}

/* --- LIGHT GHOST MODE: Schnell & Hörbar --- */

/* Wir machen den Player unsichtbar, aber lassen ihn technisch 'da', damit er spielt */
[data-name="hidden_audio"], 
[data-testid*="hidden_audio"] {
    position: absolute !important;
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
    pointer-events: none !important;
    overflow: hidden !important;
}

/* Wir verstecken die Texte (Labels) der versteckten Audios */
.cl-message-element .step-author:has(span:empty), /* Chainlit spezifisch */
span:contains("hidden_audio") {
    display: none !important;
}

/* Reduziert den Platzhalter-Raum auf ein Minimum, ohne die Performance zu bremsen */
.cl-message-element:has([data-name="hidden_audio"]) {
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0 !important;
}

/* Chunk-Player verstecken - autoplay + inline-audio Klasse */
div.space-y-2.inline-audio:has(audio[autoplay]) {
    display: none !important;
}