/* src/styles/chat.css
   Shared styles for all standalone chat pages.
   Import via <link rel="stylesheet" href="src/styles/chat.css">
   alongside dist/style.css (Tailwind). */

body {
    background-color: #FFFDD0;
    color: #3E2723;
    font-family: 'Courier New', monospace;
}

.chat-box {
    height: 60vh;
    overflow-y: auto;
    background: rgba(255, 255, 255, 0.5);
}

.msg {
    padding: 8px;
    margin-bottom: 4px;
    border-radius: 4px;
}

.user {
    background: rgba(93, 64, 55, 0.1);
    text-align: right;
}

.ai {
    background: rgba(93, 64, 55, 0.05);
}