.chat-interface{flex:1;display:flex;flex-direction:column;width:100%;height:100%;background-color:#f5f5f5}.chat-header{background-color:#4a90e2;color:#fff;padding:1rem var(--content-padding);display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #0000001a;flex-shrink:0}.chat-header h2{margin:0;font-size:1.2rem}.chat-subtitle{font-size:.85rem;opacity:.9;margin-top:.25rem;font-weight:400}.session-info{font-size:.8rem;opacity:.8}.chat-messages{flex:1;overflow-y:auto;padding:1rem var(--content-padding);background-color:#f0f4f8;background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpolygon points='0 40 40 0 40 40'/%3E%3C/g%3E%3C/svg%3E")}.message-container{display:flex;margin-bottom:.5rem}.message-container.user{justify-content:flex-end}.message-container.assistant{justify-content:flex-start}.message-bubble{max-width:70%;padding:.75rem 1rem;border-radius:18px;word-wrap:break-word;position:relative}.message-bubble.user{background-color:#d6e8f5;color:#000;border-bottom-right-radius:4px}.message-bubble.assistant{background-color:#fff;color:#000;border-bottom-left-radius:4px;box-shadow:0 1px 2px #0000001a}.message-bubble.assistant.loading{background-color:#f8f9fa;color:#6c757d;font-style:italic;opacity:.8}.message-bubble.assistant.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.chat-input-container{background-color:#f0f0f0;padding:1rem var(--content-padding);flex-shrink:0}.chat-input{display:flex;gap:.5rem;align-items:center}.message-input,.message-select{flex:1;padding:.75rem 1rem;border:1px solid #ddd;border-radius:25px;font-size:1rem;outline:none;background-color:#fff}.button-input{flex:1;padding:.75rem 1rem;border:1px solid #ddd;border-radius:25px;font-size:1rem;background-color:#f8f9fa;display:flex;align-items:center;justify-content:center}.button-message{color:#666;font-style:italic}.message-input:focus,.message-select:focus{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e21a}.send-button{background-color:#4a90e2;color:#fff;border:none;border-radius:25px;width:160px;min-width:160px;height:48px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:700;transition:background-color .2s;flex-shrink:0}.send-button:hover{background-color:#357abd}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#0000004d}@media (max-width: 768px){.message-bubble{max-width:85%}.chat-header,.chat-input-container{padding:.75rem var(--content-padding)}}@media (max-width: 480px){.chat-header h2{font-size:1.1rem}.session-info{font-size:.7rem}}