.chat-header{align-items:center;background:#007bff;box-sizing:border-box;color:#fff;display:flex;gap:12px;padding:10px 20px}.chat-logo{height:60px;margin-right:12px}.chat-container{background:#fff;border:1px solid #ddd;border-radius:8px;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;margin:0 auto;max-width:90%;padding:10px}.connection-status-banner{align-items:center;background-color:#fff4e5;border:1px solid #f3c78f;border-radius:6px;color:#8a4b00;display:flex;gap:12px;justify-content:space-between;margin:10px 0;padding:10px 12px}.connection-status-banner.connecting{background-color:#e5f1ff;border-color:#9ec5fe;color:#0b5188}.refresh-button{align-items:center;background:#0000;border:1px solid;border-radius:50%;color:inherit;cursor:pointer;display:inline-flex;font-size:18px;height:36px;justify-content:center;transition:transform .2s ease;width:36px}.refresh-button:focus,.refresh-button:hover{outline:none;transform:rotate(90deg)}.chat-messages{align-items:left;background:#f2f2f2;display:flex;flex:1 1;flex-direction:column;gap:10px;overflow-y:auto;padding:10px}.chat-message{border-radius:8px;margin:10px 0;max-width:100%;padding:10px;white-space:pre-wrap;word-break:break-word}.chat-message.user{background-color:#d1ecf1;margin-right:30px}.chat-message.bot{background-color:#f8f9fa;margin-left:30px}.chat-input-area{background:#fff;border-top:1px solid #ccc;display:flex;gap:10px;padding:10px}.chat-input-area textarea{border:1px solid #ccc;border-radius:8px;flex:1 1;font-size:16px;max-height:100px;padding:10px;resize:none}.chat-input-area button{background:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:10px 16px}.typing-indicator{display:inline-block;text-align:center;width:40px}.typing-indicator span{animation:blink 1.4s infinite both;background:#aaa;border-radius:50%;display:inline-block;height:8px;margin:0 2px;width:8px}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes blink{0%{opacity:.2}20%{opacity:1}to{opacity:.2}}@media (max-width:600px){.chat-container{margin:0;max-width:100%;padding:5px}.chat-header{flex-direction:column;text-align:center}.chat-logo{height:40px;margin-bottom:4px;margin-right:0}.chat-message{max-width:100%}.chat-input-area textarea{font-size:14px}.chat-input-area button{font-size:14px;padding:8px 12px}}
/*# sourceMappingURL=main.1a7c08ad.css.map*/