/* Chat Modernization */
.rise-chat-footer {
    padding: 10px;
    background: #f0f2f5;
    flex: 0 0 auto;
}

.chat-input-actions {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    z-index: 5;
    gap: 15px;
    /* Proper spacing */
}

/* Override legacy absolute positioning */
.chat-input-actions span,
.chat-input-actions .chat-file-upload-icon {
    position: relative !important;
    cursor: pointer;
    color: #54657d;
    padding: 5px;
    margin: 0 !important;
    /* Let gap handle spacing */
    transition: color 0.2s;
}

.chat-input-actions span:hover {
    color: #4e5e74;
}

#chat-reply-form-dropzone {
    position: relative;
    padding-left: 120px;
}

#js-chat-message-textarea {
    border-radius: 20px;
    padding-left: 15px;
    padding-top: 10px;
    min-height: 50px;
    max-height: 150px;
    overflow-y: auto !important;
}

/* WhatsApp-like Bubbles */
.message-row .w-100 {
    position: relative;
}

.message-row .mb5 strong {
    font-size: 13px;
    color: #333;
}

/* Large Chat Interface Overrides */
.rise-chat-wrapper {
    width: 500px !important;
    height: 520px !important;
    border-radius: 12px 12px 0 0 !important;
}

/* Fix visibility: Only show flex when NOT hidden */
.rise-chat-wrapper:not(.hide) {
    display: flex !important;
    flex-direction: column !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
}

.rise-chat-header {
    flex: 0 0 auto !important;
    border-radius: 12px 12px 0 0 !important;
}

.rise-chat-body {
    flex: 1 1 auto !important;
    height: auto !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    padding-bottom: 20px;
}

/* Voice Recorder Active State */
.voice-recorder-active {
    color: red !important;
    animation: pulse 1.5s infinite;
}

@keyframes pulse {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}

/* Emoji Picker Visibility */
.emoji-picker-container {
    z-index: 9999;
}