- .chat-container[data-v-bb953c2f]{display:flex;height:100vh}.sidebar[data-v-bb953c2f]{width:250px;background-color:#f0f2f5;padding:1rem}.app-title[data-v-bb953c2f]{font-size:18px;font-weight:700;background-color:#483d8b;color:#fff;text-align:center;padding:.5rem}.contact-list[data-v-bb953c2f]{list-style-type:none;padding:0}.contact-list li[data-v-bb953c2f]{cursor:pointer;padding:.5rem;border-bottom:1px solid #ddd}.contact-list li[data-v-bb953c2f]:hover{background-color:#e0e0e0}.chat-area[data-v-bb953c2f]{flex-grow:1;display:flex;flex-direction:column}.messages[data-v-bb953c2f]{flex-grow:1;overflow-y:auto;padding:1rem}.message-input[data-v-bb953c2f]{flex-grow:1;border:1px solid #ccc;border-radius:3px;padding:.5rem;margin-right:.5rem}.send-button[data-v-bb953c2f]{background-color:#483d8b;color:#fff;border:none;border-radius:3px;padding:.5rem 1rem;cursor:pointer}.file-upload[data-v-bb953c2f]{background-color:#f0f0f0;border:1px solid #ccc;border-radius:3px;padding:.5rem;cursor:pointer;transition:background-color .3s ease}.file-upload[data-v-bb953c2f]:hover{background-color:#e0e0e0}.user-message[data-v-bb953c2f]{background-color:#72a0c1;color:#fff;align-self:flex-end;border-radius:10px;padding:.5rem;max-width:75%;word-wrap:break-word}.bot-message[data-v-bb953c2f]{background-color:#f9f9f9;color:#000;align-self:flex-start;border-radius:10px;padding:.5rem;max-width:75%;word-wrap:break-word}
|
