/* ==========================================================
   BusqueCasa Chat Framework - Header
========================================================== */

.bc-chat-header{
    min-height:86px;
    padding:18px 18px;
    background:linear-gradient(135deg,#2563eb,#0ea5e9);
    color:#fff;
    display:flex;
    align-items:center;
    gap:13px;
}

.bc-chat-header-avatar{
    width:46px;
    height:46px;
    border-radius:16px;
    background:rgba(255,255,255,.17);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
    flex:0 0 auto;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);
}

.bc-chat-header-info{
    display:flex;
    flex-direction:column;
    min-width:0;
    flex:1;
}

.bc-chat-header-title{
    font-size:17px;
    line-height:1.2;
    font-weight:800;
}

.bc-chat-header-subtitle{
    margin-top:2px;
    font-size:13px;
    opacity:.88;
}

.bc-chat-header-status{
    margin-top:5px;
    display:inline-flex;
    align-items:center;
    gap:6px;
    font-size:12px;
    opacity:.95;
}

.bc-chat-header-status i{
    width:8px;
    height:8px;
    border-radius:50%;
    background:#22c55e;
    box-shadow:0 0 0 4px rgba(34,197,94,.18);
}

.bc-chat-close{
    width:34px;
    height:34px;
    border:0;
    border-radius:12px;
    color:#fff;
    background:rgba(255,255,255,.15);
    font-size:24px;
    line-height:1;
    cursor:pointer;
    transition:.18s ease;
}

.bc-chat-close:hover{
    background:rgba(255,255,255,.25);
}