/* Floating Chat Widget - PHP 7.3 Compatible */
.bcnc-chat-widget{
    position:fixed;
    right:22px;
    bottom:22px;
    z-index:99999;
    font-family:Tahoma, Arial, sans-serif;
}
.bcnc-chat-toggle{
    width:64px;
    height:64px;
    border:0;
    border-radius:50%;
    background:linear-gradient(135deg,#ff8a00,#ff5c00);
    color:#fff;
    box-shadow:0 12px 30px rgba(255,105,0,.35);
    cursor:pointer;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:.2s ease;
}
.bcnc-chat-toggle:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 16px 36px rgba(255,105,0,.45)}
.bcnc-chat-icon{font-size:30px;line-height:1}
.bcnc-chat-badge{
    position:absolute;
    top:-4px;
    right:-2px;
    min-width:22px;
    height:22px;
    padding:0 6px;
    border-radius:20px;
    background:#e11d48;
    color:#fff;
    font-size:12px;
    line-height:22px;
    font-weight:bold;
    border:2px solid #fff;
}
.bcnc-chat-box{
    position:absolute;
    right:0;
    bottom:82px;
    width:360px;
    max-width:calc(100vw - 28px);
    height:520px;
    max-height:calc(100vh - 120px);
    background:#fff;
    border-radius:22px;
    box-shadow:0 18px 60px rgba(15,23,42,.25);
    overflow:hidden;
    border:1px solid rgba(255,122,0,.18);
}
.bcnc-chat-header{
    height:72px;
    background:linear-gradient(135deg,#ff8a00,#ff5c00);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 16px;
}
.bcnc-chat-title-wrap{display:flex;align-items:center;gap:10px}
.bcnc-chat-avatar{
    width:42px;
    height:42px;
    border-radius:50%;
    background:rgba(255,255,255,.22);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
}
.bcnc-chat-title{font-weight:bold;font-size:16px;line-height:1.25}
.bcnc-chat-subtitle{font-size:11px;opacity:.92;margin-top:2px}
.bcnc-chat-close{
    width:34px;
    height:34px;
    border:0;
    border-radius:50%;
    background:rgba(255,255,255,.18);
    color:#fff;
    cursor:pointer;
    font-size:24px;
    line-height:30px;
}
.bcnc-chat-close:hover{background:rgba(255,255,255,.28)}
.bcnc-chat-messages{
    height:365px;
    overflow-y:auto;
    padding:16px 14px;
    background:#f8fafc;
}
.bcnc-msg{display:flex;margin-bottom:10px;clear:both}
.bcnc-msg-user{justify-content:flex-end}
.bcnc-msg-bot{justify-content:flex-start}
.bcnc-msg-bubble{
    max-width:82%;
    padding:10px 13px;
    border-radius:16px;
    font-size:14px;
    line-height:1.55;
    word-wrap:break-word;
    white-space:pre-wrap;
}
.bcnc-msg-user .bcnc-msg-bubble{
    background:#ff7a00;
    color:#fff;
    border-bottom-right-radius:5px;
}
.bcnc-msg-bot .bcnc-msg-bubble{
    background:#fff;
    color:#0f172a;
    border:1px solid #e5e7eb;
    border-bottom-left-radius:5px;
}
.bcnc-chat-status{
    height:25px;
    padding:4px 14px 0 14px;
    color:#ef4444;
    font-size:12px;
    background:#fff;
}
.bcnc-chat-form{
    height:58px;
    display:flex;
    gap:8px;
    padding:9px 12px 12px;
    background:#fff;
    border-top:1px solid #eef2f7;
}
.bcnc-chat-form input[type="text"]{
    flex:1;
    border:1px solid #e5e7eb;
    border-radius:999px;
    outline:none;
    padding:0 14px;
    font-size:14px;
    min-width:0;
}
.bcnc-chat-form input[type="text"]:focus{border-color:#ff8a00;box-shadow:0 0 0 3px rgba(255,138,0,.14)}
.bcnc-chat-send{
    border:0;
    border-radius:999px;
    padding:0 18px;
    background:#ff7a00;
    color:#fff;
    font-weight:bold;
    cursor:pointer;
}
.bcnc-chat-send:hover{background:#ea580c}
@media(max-width:480px){
    .bcnc-chat-widget{right:14px;bottom:14px}
    .bcnc-chat-toggle{width:58px;height:58px}
    .bcnc-chat-box{right:-4px;bottom:74px;width:calc(100vw - 20px);height:calc(100vh - 110px)}
    .bcnc-chat-messages{height:calc(100vh - 270px)}
}