#wpoasc-chatbot-container {
    border:1px solid #ccc;
    border-radius:12px;
    max-width:500px;
    padding:15px;
    font-family:Arial,sans-serif;
    background:#fff;
    box-shadow:0 4px 12px rgba(0,0,0,0.1);
}
#wpoasc-messages {
    height:300px;
    overflow-y:auto;
    border:1px solid #ddd;
    border-radius:8px;
    padding:10px;
    margin-bottom:10px;
    background:#f9f9f9;
}
#wpoasc-user-input {
    width:calc(100% - 80px);
    padding:8px;
    border-radius:6px;
    border:1px solid #ccc;
    margin-right:5px;
}
#wpoasc-send-btn {
    padding:8px 12px;
    border:none;
    border-radius:6px;
    background:#0073aa;
    color:#fff;
    cursor:pointer;
}
#wpoasc-send-btn:hover { background:#005f8d; }
.dot-loader span {
    display:inline-block;
    width:6px;
    height:6px;
    margin:0 2px;
    background:#0073aa;
    border-radius:50%;
    animation:dotPulse 1.2s infinite;
}
.dot-loader span:nth-child(2) { animation-delay:0.2s; }
.dot-loader span:nth-child(3) { animation-delay:0.4s; }
@keyframes dotPulse {
    0%, 80%, 100% { transform:scale(0); }
    40% { transform:scale(1); }
}
@media(max-width:550px){
    #wpoasc-chatbot-container { max-width:100%; }
    #wpoasc-user-input { width:70%; }
}