.chat-app{display:flex;flex-direction:row;height:85vh;margin:0;padding:0}.chat-container{display:flex;flex:1;flex-direction:column;max-width:100%}.sidebar{background-color:#111;box-sizing:border-box;display:flex;flex-direction:column;padding:10px;width:280px}.sidebar>:first-child{margin-top:20px;width:auto}.submenu{scrollbar-color:#5e5c64 #1e1e24;scrollbar-width:thin}button.new-conversation{background-color:#4caf50;border:none;color:#fff;cursor:pointer;display:block;font-size:1rem;margin-bottom:20px;padding:10px 20px;text-align:center;text-decoration:none}button.submenu-item{background-color:#4caf50;border:none;color:#fff;cursor:pointer;display:block;font-size:1rem;margin-bottom:10px;padding:10px 20px;text-align:center;text-decoration:none;width:180px}.conversation-list{max-height:75vh;overflow-y:auto;scrollbar-color:#5e5c64 #1e1e24;scrollbar-width:thin;width:100%}.conversation-item{cursor:pointer;padding:10px 20px;transition:background-color .3s ease,color .3s ease}.conversation-item:hover,.submenu-item:hover{background-color:#222;color:#4caf50;font-weight:700}.selected-submenu{background-color:#222!important;color:#4caf50!important;font-weight:700}.selected-conversation{background-color:#222;color:#4caf50;font-weight:700}.messages-container{color:#ddd;flex-grow:1;max-width:100%;overflow-y:auto;padding:1rem;scrollbar-color:#5e5c64 #1e1e24;scrollbar-width:thin}.message-row{display:flex;justify-content:flex-start;margin-bottom:.5rem;max-width:100%}.message-row.user{justify-content:flex-end;max-width:100%}.message-content{display:inline-block;max-width:80%;position:relative}.message-content p{border-radius:10px;display:inline-block;font-size:1.1rem;padding:.5rem;text-wrap:inherit}.message-row.user .message-content p{background-color:#007bff;white-space:pre-line}.message-row.bot .message-content p{background-color:#333;white-space:pre-line}.message-regular{background-color:#333}.delete-button{align-items:center;cursor:pointer;display:flex;position:relative}.delete-option{background-color:#f44336;border-radius:2px;color:#fff;padding:2px 4px}.input-container{align-items:center;background-color:#111;display:flex;padding:.5rem}.input-container input{background-color:#333;border:none;border-radius:18px;color:#fff;flex-grow:1;font-size:1rem;padding:10px 15px}.input-container button{background-color:#555;border:none;border-radius:18px;color:#fff;font-size:1rem;margin-left:10px;padding:10px 15px}button{background-color:#4caf50;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:16px;margin:4px 2px;padding:15px 32px;text-align:center;text-decoration:none}input[type=text]{background-color:#333;border:2px solid #555;box-sizing:border-box;color:#fff;margin:8px 0;padding:12px 20px;width:100%}.textarea-class{background-color:#333;border-radius:4px;color:#fff;margin:8px 0;overflow-y:hidden;padding:12px 20px;resize:none;width:100%}.textarea-class-inchat{background-color:#333;border:none;border-radius:4px;box-sizing:border-box;color:#fff;margin:8px 0;overflow-y:auto;padding:12px 20px;resize:none;width:100%}.input-container>button{background-color:#4caf50}.textarea-class-inchat{margin-bottom:0;padding:8px 12px}.context-input-area{margin-left:auto;margin-right:0;max-width:90%}.context-input-area .button-group{display:flex;margin:0 0 5px auto}.context-input-area .send-button{flex:1;margin-right:5px;padding:8px 10px}.context-input-area .send-button:last-child{margin-right:0}.button-disabled{background-color:#a9a9a9;pointer-events:none}.textarea-editable{background-color:#555}.textarea-non-editable{background-color:#007bff}.modal-bg{align-items:center;background:#00000080;color:#000;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2147483647}.modal{background:#fff;border-radius:5px;padding:20px;text-align:center}.modal-bt{background-color:#4caf50;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;margin:10px;padding:10px 20px;text-align:center;text-decoration:none}.button-disabled{background-color:gray!important;cursor:not-allowed!important}