/* Bootstrap overrides for app-chat */

/* Preserve custom theme colors */
:root {
    --bs-primary: var(--theme-color);
    --bs-primary-rgb: 10, 10, 26;
    --bs-primary-hover: #0069d9;
}

/* Card hover effects */
.card {
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
/* Button styling */
.btn-primary {
    background-color: #4e6ef2;
    border-color: #4e6ef2;
    font-weight: 500;
}

.btn-primary:hover {
    background-color: #2ab4f8 !important;
    border-color: #2ab4f8 !important;
}

.text-primary{
    color: #4e6ef2 !important;
}

/* App layout overrides */
.app {
    display: flex;
    flex-direction: column;
    height: 100vh;
    overflow: hidden;
}

.header {
    background-color: #0a0a1a;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.05);
}

/* Conversation area */
.conversation-area {
    border-right: 1px solid var(--border-color);
}

/* Chat area */
.chat-area-main {
    overflow-y: auto;
}

.bg-dark{
    background: rgba(10, 10, 26, 0.95) !important;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    .conversation-area {
        width: 100%;
        position: absolute;
        left: -100%;
        transition: left 0.3s ease;
    }
    
    .conversation-area.active {
        left: 0;
    }
}