#accc-container{
    position:fixed;
    z-index:99999;
    bottom:25px;
}

.accc-position-left{
    left:25px;
}

.accc-position-right{
    right:25px;
}

.accc-launcher{
    width:64px;
    height:64px;
    border:none;
    border-radius:50%;
    background:#25D366;
    color:#fff;
    font-size:28px;
    cursor:pointer;
    box-shadow:0 8px 24px rgba(0,0,0,.25);
    transition:transform .25s ease, box-shadow .25s ease;
}

.accc-launcher:hover{
    transform:scale(1.08);
    box-shadow:0 12px 30px rgba(0,0,0,.35);
}

#accc-panel{
    position:absolute;
    bottom:80px;
    right:0;

    width:min(380px, calc(100vw - 30px));
    max-height:min(720px, calc(100vh - 120px));

    background:#fff;
    border-radius:16px;
    overflow:hidden;

    box-shadow:0 10px 40px rgba(0,0,0,.25);

    display:none;
}

#accc-panel.accc-open{
    display:block;
}

.accc-panel-header{
    position:relative;
    color:#fff;
    padding:20px;
}

.accc-panel-header h3{
    margin:0;
    font-size:20px;
}

.accc-panel-header p{
    margin:8px 0 0;
    font-size:14px;
    opacity:.95;
}

.accc-close{
    position:absolute;
    top:12px;
    right:12px;
    border:none;
    background:transparent;
    color:#fff;
    cursor:pointer;
    font-size:18px;
}

.accc-panel-body{
    padding:18px;
   max-height:calc(min(720px, calc(100vh - 120px)) - 85px);
    overflow-y:auto;
}

.accc-empty{
    text-align:center;
    color:#555;
}

.accc-empty-icon{
    font-size:48px;
    margin-bottom:10px;
}

@media (max-width:768px){

    #accc-container{
        left:15px!important;
        right:15px!important;
        bottom:15px;
    }

    #accc-panel{
        width:100%;
        right:0;
    }

    .accc-launcher{
        width:58px;
        height:58px;
    }
}

.accc-agent{
    display:flex;
    align-items:center;
    gap:12px;
    padding:12px;
    text-decoration:none;
    color:#333;
    border-radius:10px;
    transition:all .25s ease;
}

.accc-agent:hover{
    background:#f5f5f5;
}

.accc-agent-photo{
    width:56px;
    height:56px;
    flex:0 0 56px;
    overflow:hidden;
}

.accc-agent-photo-img{
    width:56px !important;
    height:56px !important;
    max-width:56px !important;
    max-height:56px !important;
    min-width:56px !important;
    min-height:56px !important;
    object-fit:cover !important;
    border-radius:50% !important;
    display:block;
    flex-shrink:0;
}

/* ===== Notebook ===== */

@media (max-width:1366px){

    #accc-panel{
        width:360px;
    }

}

/* ===== Mobile ===== */

@media (max-width:768px){

    #accc-panel{
        width:calc(100vw - 30px);
        max-height:calc(100vh - 100px);
    }

    .accc-panel-body{
        max-height:calc(100vh - 190px);
    }

}