@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@300;400;500;600;700&display=swap');

body { 
    font-family: 'IBM Plex Sans Thai', sans-serif; 
}

.chat-bubble-tutor { 
    background-color: #FEF3C7; 
    color: #1f2937; 
    border-radius: 20px 20px 20px 5px; 
}

.chat-bubble-user { 
    background-color: #E5E7EB; 
    color: #1F2937; 
    border-radius: 20px 20px 5px 20px; 
}

#chat-window::-webkit-scrollbar, 
#history-list::-webkit-scrollbar { 
    width: 6px; 
}

#chat-window::-webkit-scrollbar-track, 
#history-list::-webkit-scrollbar-track { 
    background: #f9fafb; 
}

#chat-window::-webkit-scrollbar-thumb, 
#history-list::-webkit-scrollbar-thumb { 
    background: #d1d5db; 
    border-radius: 10px; 
}

.sidebar-item { 
    transition: background-color 0.2s; 
}

.sidebar-item.active { 
    background-color: #4F46E5; 
    color: white; 
}

aside { 
    overflow-y: auto;
}