/* =====================================================
   LAP CHAT - CHECKS ESTILO WHATSAPP
   ✓ enviado | ✓✓ entregue | ✓✓ azul lido
   ===================================================== */

.chat-msg__receipt {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0 !important;
    margin-left: 4px !important;
    vertical-align: middle !important;
    line-height: 1 !important;
}

/* ícones base */
.chat-msg__receipt svg,
.chat-msg__receipt .fa,
.chat-msg__receipt use[href="#icon-check"] {
    color: #8696a0 !important;
    fill: #8696a0 !important;
}

/* tamanho dos checks */
.chat-msg__receipt svg {
    position: relative !important;
    width: 0.78em !important;
    height: 0.78em !important;
    fill: #8696a0 !important;
}

/* segundo check colado no primeiro */
.chat-msg__receipt svg + svg {
    margin-left: -4px !important;
}

/* 1 check: enviada mas ainda não entregue */
.chat-msg__receipt.lap-single-check svg,
.chat-msg__receipt[data-lap-status="sent"] svg {
    color: #8696a0 !important;
    fill: #8696a0 !important;
}

/* 2 checks cinza: entregue */
.chat-msg__receipt[data-lap-status="delivered"] svg,
.chat-msg__receipt.received svg,
.chat-msg__receipt.delivered svg {
    color: #00a884 !important;
    fill: #00a884 !important;
}

/* 2 checks azul: lida */
.chat-msg__receipt[data-lap-status="read"] svg,
.chat-msg__receipt.read svg,
.chat-msg__receipt.displayed svg {
    color: #53bdeb !important;
    fill: #53bdeb !important;
}

/* força qualquer svg interno do converse-icon a respeitar a cor */
.chat-msg__receipt[data-lap-status="read"] svg use,
.chat-msg__receipt.read svg use,
.chat-msg__receipt.displayed svg use {
    color: #53bdeb !important;
    fill: #53bdeb !important;
}

/* força o check entregue a ficar verde também no <use> interno */
.chat-msg__receipt[data-lap-status="delivered"] svg,
.chat-msg__receipt[data-lap-status="delivered"] svg use,
.chat-msg__receipt.delivered svg,
.chat-msg__receipt.delivered svg use,
.chat-msg__receipt.received svg,
.chat-msg__receipt.received svg use {
    color: #00a884 !important;
    fill: #00a884 !important;
}

/* =====================================================
   RESPOSTAS ESTILO WHATSAPP
   ===================================================== */

.chat-msg__reply,
.replying {
    border-left: 4px solid #00a884 !important;
    padding-left: 8px !important;
    margin-bottom: 6px !important;
    background: #f0f2f5 !important;
    border-radius: 4px !important;
}