body, html {
    height: 100%;
    margin: 0;
}

#promptSidebar {
    overflow-y: auto;
}

.sidebar-header {
    padding: 20px;
    background: #f8f9fa;
}

#chatContainer {
    overflow-y: auto;
    padding: 20px;
    height: 87vh;
}

.chat-input {
    padding: 20px;
}

.chat-message.user {
    margin-left: auto;
    background-color: #dcf8c6;
    padding: 10px;
    border-radius: 8px;
    margin-bottom: 10px;
    max-width: 80%;
}

.chat-message.chatgpt {
    margin-right: auto;
    background-color: #f0f0f0;
    padding: 10px;
    border-radius: 8px;
    margin-bottom: 10px;
    max-width: 80%;
}

.delete-conversation-button {
    margin-left: auto; /* Spinge il bottone a destra in un layout flex */
    padding: 0 8px; /* Riduce il padding intorno alla "X" */
    height: 20px; /* Altezza ridotta per un aspetto più compatto */
    width: 20px; /* Larghezza ridotta per un aspetto più compatto */
    font-size: 14px; /* Dimensione del font per la "X" */
    line-height: 18px; /* Centra verticalmente la "X" nel bottone */
    border-radius: 50%; /* Rende il bottone circolare */
}