#epas-chatbot-button {
    position: fixed;
    right: 25px;
    bottom: 25px;

    width: 55px;
    height: 55px;

    border: none;
    border-radius: 50%;

    background: #1976d2;
    color: white;

    font-size: 25px;

    cursor: pointer;

    z-index: 9999;

    box-shadow: 0 3px 10px rgba(0,0,0,0.25);
}

#epas-chatbot {
    display: none;

    position: fixed;

    right: 25px;
    bottom: 90px;

    width: 360px;
    height: 500px;

    background: white;

    border-radius: 12px;

    box-shadow: 0 5px 25px rgba(0,0,0,0.25);

    overflow: hidden;

    z-index: 9999;

    font-family: Arial, sans-serif;
}

#epas-chatbot-header {
    height: 55px;

    display: flex;
    align-items: center;

    padding: 0 15px;

    background: #1976d2;
    color: white;

    font-size: 16px;
    font-weight: bold;
}

#epas-chatbot-close {
    margin-left: auto;

    border: none;
    background: transparent;

    color: white;

    font-size: 25px;

    cursor: pointer;
}

#epas-chatbot-messages {
    height: calc(100% - 110px);

    padding: 15px;

    overflow-y: auto;

    background: #f5f5f5;
}

.epas-chat-message {
    max-width: 80%;

    padding: 10px 12px;

    margin-bottom: 10px;

    border-radius: 10px;

    font-size: 14px;

    line-height: 1.4;
}

.epas-chat-bot {
    background: white;

    margin-right: auto;

    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.epas-chat-user {
    background: #1976d2;

    color: white;

    margin-left: auto;
}

#epas-chatbot-input {
    height: 55px;

    display: flex;

    border-top: 1px solid #ddd;

    background: white;
}

#epas-chat-message {
    flex: 1;

    border: none;

    outline: none;

    padding: 0 12px;

    font-size: 14px;
}

#epas-chat-send {
    width: 55px;

    border: none;

    background: #1976d2;

    color: white;

    font-size: 20px;

    cursor: pointer;
}