body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

.tab-panel {
    display: block;
}

.tab-panel.hidden {
    display: none;
}

.tab-btn.active {
    color: #2563eb;
    border-bottom-color: #2563eb;
}

.hidden {
    display: none !important;
}

#image_upload_area, #video_upload_area {
    cursor: pointer;
    transition: border-color 0.3s;
}

#image_upload_area:hover, #video_upload_area:hover {
    border-color: #2563eb;
}

.progress-bar {
    transition: width 0.3s ease;
}

#chat_messages {
    scroll-behavior: smooth;
}

.message-user {
    flex-direction: row-reverse;
}

.message-user .ml-3 {
    margin-left: 0;
    margin-right: 3;
}

.message-user .rounded-tl-none {
    border-radius: 0.5rem 0.5rem 0 0.5rem;
}