/* Inline styles moved from HTML to comply with CSP */

/* Header styles */
.header-title {
    font-size: 18px;
    font-weight: bolder;
}

.status-icon {
    font-size: 16px;
}

/* Typing indicator styles */
.typing-emoji {
    font-size: 16px;
}

/* Message form styles */
.message-form {
    gap: 0.5rem;
}

.message-input {
    height: 45px;
}

.send-button-icon {
    font-size: 20px;
}

/* Chat.js inline styles */
.typing-container {
    padding: 10px;
}

.typing-animation {
    margin-right: 8px;
}

.typing-status-text {
    font-size: 12px;
    color: #667eea;
    opacity: 0.8;
}

.toast-close-icon {
    font-size: 16px;
}

/* Dynamic styles from chat.js */
.message-icon {
    font-size: 20px;
}

.status-error {
    color: #ff6b6b !important;
}

.status-normal {
    color: #ffffff !important;
}