/* ==========================================================
   BusqueCasa Chat Framework - Mensagens
========================================================== */

.bc-chat-messages{
    flex:1;
    padding:18px;
    overflow-y:auto;
    background:linear-gradient(180deg,#f8fbff 0%,#ffffff 45%,#f8fbff 100%);
    scroll-behavior:smooth;
}

.bc-chat-messages::-webkit-scrollbar{
    width:8px;
}

.bc-chat-messages::-webkit-scrollbar-thumb{
    background:#d7e3f8;
    border-radius:999px;
}

.bc-chat-loader{
    display:flex;
    align-items:flex-end;
    gap:8px;
    width:max-content;
    max-width:100%;
    margin:0 0 14px;
    padding:0;
    background:transparent;
    border:0;
    box-shadow:none;
}

.bc-chat-loader[hidden]{
    display:none !important;
}

.bc-chat-loader-avatar{
    width:30px;
    height:30px;
    border-radius:12px;
    background:#e8f1ff;
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    font-size:18px;
}

.bc-chat-typing-bubble{
    min-width:62px;
    height:43px;
    padding:0 16px;
    border-radius:18px;
    border-bottom-left-radius:7px;
    background:#fff;
    border:1px solid #e6edf8;
    box-shadow:0 8px 22px rgba(15,23,42,.05);
    display:flex;
    align-items:center;
    justify-content:center;
    gap:5px;
}

.bc-chat-typing-dot{
    width:7px;
    height:7px;
    border-radius:50%;
    background:#94a3b8;
    opacity:.45;
    animation:bc-chat-typing-dot 1.15s ease-in-out infinite;
}

.bc-chat-typing-dot:nth-child(2){
    animation-delay:.14s;
}

.bc-chat-typing-dot:nth-child(3){
    animation-delay:.28s;
}

.bc-chat-sr-only{
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    padding:0 !important;
    margin:-1px !important;
    overflow:hidden !important;
    clip:rect(0,0,0,0) !important;
    white-space:nowrap !important;
    border:0 !important;
}

.bc-chat-message{
    display:flex;
    align-items:flex-end;
    gap:8px;
    margin:0 0 14px;
}

.bc-chat-message-avatar{
    width:30px;
    height:30px;
    border-radius:12px;
    background:#e8f1ff;
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
}

.bc-chat-message-content{
    max-width:82%;
    padding:13px 14px;
    border-radius:18px;
    font-size:14px;
    line-height:1.45;
    box-shadow:0 8px 22px rgba(15,23,42,.05);
}

.bc-chat-message-bot .bc-chat-message-content{
    background:#fff;
    border:1px solid #e6edf8;
    color:#1f2937;
    border-bottom-left-radius:7px;
}

.bc-chat-message-user{
    justify-content:flex-end;
}

.bc-chat-message-user .bc-chat-message-content{
    background:#2563eb;
    color:#fff;
    border-bottom-right-radius:7px;
}

.bc-chat-shortcuts{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin:10px 0 16px 38px;
}

.bc-chat-shortcut{
    border:1px solid #dbeafe;
    background:#fff;
    color:#1d4ed8;
    font-weight:700;
    font-size:13px;
    border-radius:999px;
    padding:9px 12px;
    cursor:pointer;
    transition:.18s ease;
}

.bc-chat-shortcut:hover{
    background:#eff6ff;
    transform:translateY(-1px);
}