.ir-chat{

    position:fixed;

    right:-278px;

    bottom:78px;

    width:330px;

    max-width:calc(100vw - 24px);

    z-index:99999;

    transition:right .30s ease;

}

.ir-chat.open{

    right:12px;

}

.ir-chat-header{

    height:42px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    padding:0 14px;

    border-radius:14px 14px 0 0;

    background:linear-gradient(90deg,#7c3aed,#9333ea);

    color:#fff;

    font-weight:600;

    cursor:pointer;

    pointer-events:auto;

    box-shadow:0 0 20px rgba(0,0,0,.35);

}

.ir-chat-status{

    color:#42ff78;

    font-size:14px;

}

.ir-chat-body{

    max-height:0;

    overflow:hidden;

    background:#1b1d26;

    border-radius:0 0 14px 14px;

    opacity:0;

    transition:.30s;

}

.ir-chat.open .ir-chat-body{

    max-height:300px;

    opacity:1;

    display:flex;

    flex-direction:column;

}

.ir-chat-messages{

    height:180px;

    overflow-y:auto;

    padding:15px;

}

.ir-chat-message{

    margin-bottom:18px;

    color:#fff;

}

.ir-chat-message strong{

    display:block;

    margin-bottom:4px;

}

.ir-chat-message p{

    margin:0;

    color:#d8d8d8;

}

.ir-chat-footer{

    display:flex;

    gap:8px;

    padding:12px;

    border-top:1px solid #2d2d2d;

}

.ir-chat-input{

    flex:1;

    height:42px;

    border:1px solid #333;

    border-radius:10px;

    background:#12141d;

    color:#fff;

    padding:0 12px;

    outline:none;

}

.ir-chat-send{

    width:44px;

    border:0;

    border-radius:10px;

    background:#7c3aed;

    color:#fff;

    cursor:pointer;

}

@media (max-width:600px){

    .ir-chat{

        width:300px;

        right:-248px;

        left:auto;

    }

    .ir-chat.open{

        right:8px;

    }

}

/* ==========================
   Name Modal
========================== */

.ir-name-modal{
    position:fixed;
    inset:0;
    display:none;
    align-items:center;
    justify-content:center;
    background:rgba(0,0,0,.45);
    z-index:99999;
}

.ir-name-modal.show{
    display:flex;
}

.ir-name-box{
    width:90%;
    max-width:340px;
    background:#fff;
    border-radius:12px;
    padding:20px;
    box-shadow:0 10px 30px rgba(0,0,0,.25);
}

.dark .ir-name-box{
    background:#222;
    color:#fff;
}

.ir-name-box h3{
    margin:0 0 8px;
    font-size:20px;
    text-align:center;
}

.ir-name-box p{
    margin:0 0 16px;
    font-size:14px;
    text-align:center;
    color:#666;
}

.dark .ir-name-box p{
    color:#bbb;
}

.ir-name-box input{
    width:100%;
    height:42px;
    padding:0 12px;
    border:1px solid #ccc;
    border-radius:8px;
    outline:none;
    box-sizing:border-box;
    margin-bottom:16px;
}

.dark .ir-name-box input{
    background:#333;
    color:#fff;
    border-color:#555;
}

.ir-name-actions{
    display:flex;
    gap:10px;
}

.ir-name-actions button{
    flex:1;
    height:40px;
    border:none;
    border-radius:8px;
    cursor:pointer;
    font-weight:600;
}

#ir-name-cancel{
    background:#ddd;
}

#ir-name-save{
    background:#0d6efd;
    color:#fff;
}
.ir-chat-time{
    display:block;
    margin-top:4px;
    font-size:11px;
    opacity:.65;
    text-align:right;
}
.ir-chat-welcome{
    padding:10px 12px;
    margin-bottom:12px;
    border-radius:8px;
    background:rgba(139,92,246,.12);
    border:1px solid rgba(139,92,246,.35);
    font-size:13px;
    line-height:1.5;
    color:inherit;
}