body { 
    font-family: sans-serif; 
    background-color: #f4f4f9; 
    margin: 0; 
    display: flex; 
    flex-direction: column; 
    justify-content: center; 
    align-items: center; 
    min-height: 100vh;
    padding: 20px 0;
}

.workflow-container {
    display: flex;
    gap: 10px;
    margin-bottom: 15px;
    justify-content: center;
}
.workflow-container button {
    background-color: #5a67d8;
    color: white;
    border: none;
    padding: 8px 15px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 14px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    transition: background-color 0.2s;
}
.workflow-container button:hover {
    background-color: #434190;
}

.chat-container { 
    width: 100%; 
    max-width: 600px; 
    max-height: 85vh; 
    background-color: white; 
    border-radius: 8px; 
    box-shadow: 0 2px 10px rgba(0,0,0,0.1); 
    display: flex; 
    flex-direction: column; 
    position: relative; 
}

.chat-header {
    padding: 15px 20px;
    background-color: #4A90E2;
    color: white;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    text-align: center;
}

h1 {
    margin: 0;
    font-size: 1.5em;
}

.chat-messages { flex-grow: 1; padding: 20px; overflow-y: auto; display: flex; flex-direction: column; gap: 15px; }
.message { padding: 10px 15px; border-radius: 18px; max-width: 75%; line-height: 1.4; }
.user-message { background-color: #4A90E2; color: white; align-self: flex-end; }
.agent-message { background-color: #EAEAEA; color: #333; align-self: flex-start; }
.loading-message { font-style: italic; color: #888; align-self: flex-start; }
.preset-buttons { padding: 10px 20px; display: flex; gap: 10px; flex-wrap: wrap; border-top: 1px solid #ddd; }
.preset-buttons button { padding: 8px 12px; border-radius: 15px; border: 1px solid #4A90E2; background-color: #f0f8ff; color: #4A90E2; cursor: pointer; }
.chat-input-form { display: flex; padding: 20px; border-top: 1px solid #ddd; }
#user-input { flex-grow: 1; border: 1px solid #ccc; border-radius: 20px; padding: 10px 15px; font-size: 16px; }
#send-button { background-color: #4A90E2; color: white; border: none; border-radius: 20px; padding: 10px 20px; margin-left: 10px; cursor: pointer; font-size: 16px; }