#rhino-chat-widget{
    position:fixed !important;
    left:24px !important;
    bottom:24px !important;
    right:auto !important;
    top:auto !important;
    width:auto !important;
    height:auto !important;
    z-index:999999 !important;
    font-family:Arial, sans-serif !important;
}

#rhino-chat-toggle{
    width:64px !important;
    height:64px !important;
    min-width:64px !important;
    min-height:64px !important;
    border-radius:50% !important;
    border:none !important;
    background:#ff5b1a !important;
    color:#ffffff !important;
    font-size:28px !important;
    cursor:pointer !important;
    box-shadow:0 8px 24px rgba(0,0,0,0.25) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 !important;
}

#rhino-chatbot{
    width:360px;
    height:500px;
    background:#ffffff;
    border:1px solid #dddddd;
    border-radius:16px;
    overflow:hidden;
    box-shadow:0 12px 35px rgba(0,0,0,0.25);
    display:flex;
    flex-direction:column;
    margin-bottom:12px;
}

#rhino-chatbot.rhino-chat-closed{
    display:none !important;
}

#rhino-chat-header{
    background:#111111;
    color:#ffffff;
    padding:14px 16px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    font-weight:bold;
}

#rhino-chat-close{
    background:transparent;
    border:none;
    color:#ffffff;
    font-size:24px;
    cursor:pointer;
    line-height:1;
}

#rhino-chat-messages{
    flex:1;
    overflow-y:auto;
    padding:16px;
    font-size:15px;
    line-height:1.5;
    color:#333333;
}

.rhino-message{
    margin-bottom:10px;
}

.rhino-user{
    text-align:right;
}

.rhino-user span{
    display:inline-block;
    background:#ff5b1a;
    color:#ffffff;
    padding:8px 12px;
    border-radius:14px 14px 0 14px;
    max-width:85%;
}

.rhino-bot span{
    display:inline-block;
    background:#f1f1f1;
    color:#333333;
    padding:8px 12px;
    border-radius:14px 14px 14px 0;
    max-width:85%;
}

.rhino-error span{
    display:inline-block;
    background:#ffe1e1;
    color:#8a0000;
    padding:8px 12px;
    border-radius:14px;
    max-width:85%;
}

#rhino-chat-footer{
    display:flex;
    border-top:1px solid #dddddd;
}

#rhino-chat-input{
    flex:1;
    border:none;
    padding:14px;
    font-size:15px;
    outline:none;
}

#rhino-chat-send{
    border:none;
    padding:0 18px;
    background:#ff5b1a;
    color:#ffffff;
    cursor:pointer;
    font-weight:bold;
}

#rhino-chat-send:disabled{
    opacity:0.6;
    cursor:not-allowed;
}

@media (max-width:480px){

    #rhino-chat-widget{
        left:12px !important;
        right:12px !important;
        bottom:12px !important;
    }

    #rhino-chatbot{
        width:100%;
        height:480px;
    }

    #rhino-chat-toggle{
        width:58px !important;
        height:58px !important;
        min-width:58px !important;
        min-height:58px !important;
    }
}