.chatbot-container{flex:1;height:calc(100vh - 56px);display:flex}.chat-list{background:#80b2ff;flex-direction:column;width:20%;padding:20px;display:flex}.chat-list-scroll{flex:1;margin-top:8px;padding-right:4px;overflow-y:auto}.logo{width:120px;margin:auto;display:block}.new-chat-button{color:#000;cursor:pointer;background-color:#3b82f6;border:none;border-radius:10px;align-self:flex-start;align-items:center;gap:6px;margin:8px 0;padding:6px 12px;font-size:14px;font-weight:500;transition:background-color .15s,transform .1s;display:flex}.new-chat-button:hover{opacity:.9}.new-chat-button:active{transform:scale(.97)}.icon{font-size:16px;line-height:1}.icon-svg{stroke-width:1.8px;width:20px;height:20px}.chat-item{background:#3b82f6;border-radius:6px;width:90%;margin:6px 0;padding:6px}.chat{width:75%;height:100%;margin-left:20px;padding:16px}.chat-card{background:#fff;border-radius:12px;flex-direction:column;height:calc(100% - 120px);padding:0 16px 16px;display:flex}.messages{flex:1;overflow-y:auto}.message{border-radius:10px;width:fit-content;max-width:80%;margin-bottom:10px;padding:2px 10px;position:relative}.message-time{opacity:.6;font-size:11px;position:absolute;bottom:4px;right:8px}.user .message-time{text-align:right}.bot{background:#6b728047}.user{background:#80b2ff;margin-left:auto}.input-area{border-top:1px solid #ccc;padding-top:8px}.input-row{gap:6px;display:flex}.input-row input{border:none;border-radius:8px;flex:1;padding:8px}.icon-button{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:8px;padding:8px}.icon-button:hover{opacity:.9}.icon-button:active{transform:scale(.97)}.attachment{background:#f4f1ed;border-radius:6px;margin-bottom:6px;padding:4px 8px}