body{display:flex;flex-direction:column;height:100dvh;overflow-y:hidden}main{display:flex;flex:1;overflow-y:hidden}#chat-container{background-color:#f0f2f5;display:flex;flex:1;flex-direction:column}#lc-header{padding:12px 20px;background-color:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 4px #0000000d}.agent-info-container{display:flex;align-items:center;justify-content:space-between}.agent-info{display:flex;align-items:center}.agent-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;margin-right:8px}.agent-details{margin-left:10px}.agent-name{font-size:16px;font-weight:600;color:#333}.agent-title{font-size:14px;color:#666}.rating-icons{display:flex;align-items:center}.thumbs-up,.thumbs-down{background:none;border:none;cursor:pointer;padding:5px}#chat{padding-top:20px;flex:1;overflow-y:auto;background-color:#e9eef4}.message-container{margin-bottom:.5em;margin-right:auto;margin-left:auto;max-width:90%;display:flex;align-items:flex-start}.message-container.agent{justify-content:flex-start}.message-container.user{justify-content:flex-end}.message{padding:12px 16px;border-radius:18px;background-color:#fff;box-shadow:0 1px 2px #0000001a;max-width:290px;word-wrap:break-word}.message-container.agent .message{background-color:#fff;border-radius:0 1.4em 1.4em;color:#5a6976}.message-container.user .message{background-color:#72945b;color:#fff;border-bottom-right-radius:4px}#lc-footer{background-color:#fff;border-top:1px solid #e0e0e0;display:flex;align-items:center}#message-input{font-size:1em;padding:1.2em 1em;flex-grow:1;border:0;resize:none;height:100%;line-height:1.5em;outline:none;overflow-y:auto;font-family:DM Sans,sans-serif}#message-input::placeholder{color:#999}#send-button{background-color:#fff;color:#000;font-size:1em;border:none;padding-right:1.5rem}#send-button:not(:disabled){cursor:pointer}#send-button svg{width:24px;height:24px;fill:#b3bbc6}#send-button:not(:disabled) svg{fill:#72945b}.message-container.system{justify-content:center}.message-container.system .message{background-color:#ffe8b3;color:#664d00;border-radius:8px;font-size:14px;text-align:center}@media screen and (min-width: 768px){.message{max-width:408px}}