/* Chat Voice Styling for EMU Editor */

/* User messages - Blue theme */
.emu .chat-user {
    padding: 12px 16px;
    margin: 12px 0;
    border-left: 4px solid var(--chat-user-border);
    background: var(--chat-user-bg);
    border-radius: 6px;
}

/* Claude responses - Teal theme */
.emu .chat-claude {
    padding: 12px 16px;
    margin: 12px 0;
    border-left: 4px solid var(--chat-claude-border);
    background: var(--chat-claude-bg);
    border-radius: 6px;
}

/* Thinking sections - Orange theme */
.emu .chat-thinking {
    padding: 12px 16px;
    margin: 12px 0;
    border-left: 4px solid var(--chat-thinking-border);
    background: var(--chat-thinking-bg);
    border-radius: 6px;
    font-style: italic;
    opacity: 0.9;
}

/* Optional: Add speaker labels in rich-text view */
.emu .chat-user::before {
    content: attr(data-speaker) ":";
    display: block;
    font-weight: bold;
    color: var(--chat-user-border);
    margin-bottom: 8px;
    font-size: 0.9em;
}

.emu .chat-claude::before {
    content: "Claude:";
    display: block;
    font-weight: bold;
    color: var(--chat-claude-border);
    margin-bottom: 8px;
    font-size: 0.9em;
}

.emu .chat-thinking::before {
    content: "[Thinking]";
    display: block;
    font-weight: bold;
    color: var(--chat-thinking-border);
    margin-bottom: 8px;
    font-size: 0.85em;
}

/* Ensure nested elements inherit proper styling */
.emu .chat-user p,
.emu .chat-claude p,
.emu .chat-thinking p {
    margin: 0.5em 0;
}

.emu .chat-user p:first-of-type,
.emu .chat-claude p:first-of-type,
.emu .chat-thinking p:first-of-type {
    margin-top: 0;
}

.emu .chat-user p:last-of-type,
.emu .chat-claude p:last-of-type,
.emu .chat-thinking p:last-of-type {
    margin-bottom: 0;
}