/*
 * Mascote da assistente (fase 2 do plano "mascote e nome da assistente por cliente").
 * Estilos compartilhados; os específicos de navbar e drawer ficam em
 * isa-navbar-avatar.css e isa-drawer-avatar.css.
 */
img.flow-assistant-avatar {
    display: inline-block;
    max-width: none;
    vertical-align: middle;
    user-select: none;
    -webkit-user-drag: none;
}

/* Painel da Isa no overlay de chat (Conversas / board) */
#flow-messages-isa-panel .isa-panel-identity {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

#flow-messages-isa-panel .isa-panel-identity .isa-panel-mascot {
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
}

/* Remetente "Isa" nas bolhas do overlay de chat */
.message-sender.message-sender-assistant {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.message-sender.message-sender-assistant .flow-assistant-avatar {
    flex: 0 0 22px;
    width: 22px;
    height: 22px;
}