body {
    font-family: 'Inter', sans-serif;
    background-color: #F9FAFB; /* Açık nötr arka plan */
    color: #1F2937; /* Koyu gri metin rengi */
}
.text-shadow {
    text-shadow: 2px 2px 4px rgba(0,0,0,0.1);
}
.night-blue-bg {
    background-color: #0B2147; /* Gece mavisi arka plan */
}
.green-text {
    color: #16a34a; /* Canlı yeşil metin */
}
.chat-container {
    height: 500px;
    display: flex;
    flex-direction: column;
    border: 1px solid #e2e8f0;
    border-radius: 0.75rem;
    overflow: hidden;
    background-color: white;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
.chat-messages {
    flex-grow: 1;
    padding: 1rem;
    overflow-y: auto;
    background-color: #f9fafb;
}
.chat-input-area {
    display: flex;
    padding: 1rem;
    border-top: 1px solid #e2e8f0;
    background-color: white;
}
.message-bubble {
    max-width: 80%;
    padding: 0.75rem 1rem;
    border-radius: 1.25rem;
    margin-bottom: 0.5rem;
    word-wrap: break-word;
    color: #1F2937; /* Metin rengini koyu gri yaparak okunabilirliği artırdık */
}
.message-user {
    background-color: #a7f3d0; /* Daha belirgin açık yeşil */
    align-self: flex-end;
    margin-left: auto;
}
.message-ai {
    background-color: #bfdbfe; /* Daha belirgin açık mavi */
    align-self: flex-start;
    margin-right: auto;
}
.loading-indicator {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem;
    color: #4b5563;
}