.chat-message.role-bot {
    margin-block: 10px;
    padding: 12px 14px;
    border: 1px solid rgba(34, 211, 238, .28);
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(8, 47, 73, .52), rgba(76, 29, 149, .28));
}
.chat-message.role-bot .message-avatar {
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, #22d3ee, #8b5cf6);
}
.chat-message.role-bot .message-avatar::after {
    content: "H";
    color: #fff;
    font-weight: 900;
}
.chat-message.role-bot .message-avatar img { display: none; }
.chat-message.role-bot .message-meta strong { color: #67e8f9; }
.chat-message.role-bot .role-badge {
    color: #ddd6fe;
    background: rgba(139, 92, 246, .22);
}
.chat-message.role-bot .message-text { color: #e0f2fe; }